/*	============================================================

swtichingprotocols.com portfolio css


In This CSS:
================
+Testing
+General
+Structure


============================================================ */

/* +Testing
--------------------------------------------- */

/* div { border: 1px solid red; } */	





/* +General
--------------------------------------------- */

body {
	font: 14px/18px helvetica, arial, sans-serif;
	line-height: 1.5em;
	padding: 150px 0 0 0;
	background: #0c5378 url('/portfolio/i/site/shadow.jpg') no-repeat 0 0;
	color: #ADCFD2;
	margin-left: 100px;
	}


h4 {
	margin: 30px 0 5px 0;
	}

a, a:link {
	color: #F4EEDA;
	}
	
a:visited {
	color: #ddd;
	}	

a:hover {
	color: #fff;
	}	

a.pdf {
	background: transparent url('/i/site/pdf_small.gif') no-repeat 0 0;
	padding-left: 16px;
	padding-top: 2px;
	}
	
li a[rel*="external"] {
	background: transparent url('/i/site/arrow2.gif') no-repeat 0 0;
	padding-left: 16px;
	padding-top: 2px;
	}	

strong {
	color: #fff;
	}

/* +Structure
--------------------------------------------- */

#container {
	border-top: none;
	width: 90%;
	padding-bottom: 50px;
	margin: 0;
	}

#branding, 
#intro, 
#case,
#bkgd, 
#testimonials {
/* 	margin-bottom: 100px; */
	}

/* 
#mainContent {
	background-color: #fff;
	padding: 20px;
	color: #000;
	}
*/

#branding {
 	margin-bottom: 100px; 
	}

#nav {
	padding: 5px 0 10px 90px;
	position: fixed;
	bottom: 0;
	background-color: #000;
	width: 100%;
	border-top: 2px solid #96B9BE;
	margin-left: -100px;
	}

#intro {
	width: 800px;
	margin-bottom: 100px;
	}
	
#case {
	width: 760px;
	float: left;
	margin-right: 10px;
	padding-right: 15px;
	background-color: #2D6F89;
	padding: 30px;
	}

#wrap1 {
	background-color: #74A6AF;
	width: 820px;
	}
	
#bkgd {
	width: 340px;
	float: left;
	clear: right;
	background-color: #74A6AF;
	padding: 30px 30px 463px 30px;
	}

#testimonials {
	width: 350px;
	float: left;
	padding-right: 15px;
	background-color: #4A8B99;
	padding: 30px;
	}


.project {
	margin-bottom: 40px;
	}

	
/* 
.project {
	margin-bottom: 40px;
	background-color: #fff;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	color: #000;
	padding: 30px 20px;
	}	
*/ 

#footlets {
	background-color: #000;
	color: #fff;
	width: 820px;
	}

#footlets .footlet {
	width: 300px;
	float: left;
	padding: 40px 50px 30px 50px;
	}



/* +Content
--------------------------------------------- */

/* == branding == */


#branding h1 {
	color: #000;
 	margin-bottom: 30px;
 	text-transform: lowercase;
 	text-indent: -9999px;
	}

#branding h1 a {
	color: #000;
	display: block;
	font-size: 36px;
	height: 150px;
	}
	
#branding .tag {
	line-height: 1.5em;
	font-size: 16px;
	color: #F4EEDA;
	}	


/* == nav == */

#nav li {
	text-transform: lowercase;
	font-weight: bold;
	float: left;
	padding: 0 15px 0 0;
	font-size: 14px;
	}

#nav li:before {
	content: "+";
	}

#nav a {
	color: #fff;
	padding: 1px 2px;
	}

	
#nav a:hover {
	color: #43AAA6;
	}	


/* == content == */


#mainContent h2 {
	color: #000;
 	margin-bottom: 30px;
 	text-transform: lowercase;
	}
	

#case h2 {
 	background: transparent url('/portfolio/i/site/casestudies2.png') no-repeat 0 0; 
 	text-indent: -9999px;
	height: 55px;
	margin-left: -15px;
	}
	
#bkgd h2 {
 	background: transparent url('/portfolio/i/site/background.png') no-repeat 0 -5px; 
 	text-indent: -9999px;
	height: 55px;
	margin-left: -15px;
	}

#testimonials h2 {
	background: transparent url('/portfolio/i/site/testimonials.png') no-repeat 0 -1px; 
 	text-indent: -9999px;
	height: 55px;
	margin-left: -15px;
	}	

#mainContent h3 {
	color: #fff;
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: normal;
	font-family: helvetica, arial, sans-serif;
/*	font-family: "arial rounded mt bold", helvetica, arial, sans-serif; 
	text-transform: lowercase; 	*/
	}

#mainContent h3 a {
	color: #fff;
	padding: 2px;
	}
	
#mainContent h3 a:hover {
	}
		


#mainContent p {
	font-size: 16px;
	}
	
#mainContent ul {
	}	



/* images */

.project ul {
	margin-left: -10px;
	}

.project li {
	float: left;
	}
	
.project li a {
	display: block;
	}	

.thumb {
	background: transparent url(/portfolio/i/site/img-shadow.png) no-repeat -2px -3px;
	padding: 14px;
/* 	margin: 0 -10px 20px 3px; */
	}

.fullsize {
	display: none;
	width: 600px;
	height: 400px;
	}
	
div#zoom_content img {
	padding-bottom: 20px;
	}
	


/* == background == */

#bkgd p {
	color: #C7E3ED;
	}

/* == testimonials == */

#testimonials p {
	font-family: georgia, serif;
	font-size: 1.3em;
	padding-bottom: 20px;
	color: #fff;
	}
	
#testimonials cite {
	font-weight: bold;
	display: block;
	font-size: .8em;
	font-style: italic;
	color: #ADCFD2;
	}

#testimonials a {
	color: #ADCFD2;
	}


/* == footer == */

#footlets p {
	font-size: 10px;
	}
	
#footlets a, #footlets a:link {
	color: #ED1E79;
	}
	
#footlets a:visited {
	color: #43AAA6;
	}	

#footlets a:hover {
	color: #43AAA6;
	}
	
	
p.morville {
	font-size: 10px;
	text-align: center;
	margin-top: 15px;
	width: 800px;
	}
	

/* simple hCard css for detailed hCard */

div.vcard {
	border: 2px solid #222;
	width: 250px;
	padding: 20px 20px 10px 20px;
	font-size: .9em;
	line-height: 1.3em;
	clear: both;
	margin-bottom: 10px;
	}

div.vcard:hover {
	border: 2px solid #83B434;
	}

div.vcard img.photo {
	float: left;
	margin: 0px 10px 10px 0;
	padding: 5px;
	border: 1px solid #ccc;
	}

#mainContent div.vcard img {
	height: auto;
	width: auto ;
	border: none;
	margin: 0;
	padding: 0;
	}

div.vcard .fn {
	font-size: 120%;
	line-height: 120%;
	font-weight: bold;
	}
	
#footlets div.vcard .fn p {
	font-size: .9em;
	}

/* div.vcard .street-address, */
  div.vcard .org {
 	display: block;
 	}
 	
div.vcard div {
	margin: 5px 0;
	}
 	
div.vcard .organization-name {
	display: block;
	}
	
div.vcard .organization-unit:after {
	content: ' - ';
	}

div.vcard .title {
 	font-weight: bold;
 	}
 
div.vcard .rev {
	font-size: 80% !important;
	color: #eee;
	display: none;
	border: none;
	margin: 5px 0;
	} 
	
div.vcard .tz {
	display: none;
	}


/* all classes ===

div.vcard
.fn
div.fn .geo
.url
.honorific-prefix
.given-name
.nickname
.additional-name
.family-name
.sound
.honorific-suffix
.photo
.bday
.category
.org
.organization-name
.organization-unit
.title
.role
.logo
.agent
.adr
.adr .type
.street-address
.locality
.region
.postal-code
.tel
.tel .type
.tel .value
.email
.tz
div.geo
div.geo .latitude
div.geo .longitude
.rev 

=== end all classes */

	
	
	
/* +Clearing and Javascript
--------------------------------------------- */

#wrap1:after, 
#nav:after, 
.project ul:after,
#mainContent:after,
#footlets:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}