@charset "UTF-8";
/* CSS Document */

body {background-image: url('../imgs/pattern_bkgrnd.jpg');
	  background-color: rgb(109, 109, 109);
	  padding: 0px;
	  margin: 0px;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  min-height: 650px;
	  line-height: 1.3em;
	  padding-top: 20px;}
	  
a {text-decoration: none;
   color: rgb(0, 0, 0);}	
   
a img {border: 0px solid rgb(0, 0, 0);}   
	  
div.main {height: 633px;
		  background-color: rgb(255, 255, 255);
		  margin: 0px;
		  margin-top: 40px;
		  width: 100%;
		  padding: 0px;}

/*		  
div.navigation {background-color: rgb(153, 204, 204);
				height: 59px;}
*/

div.navigation {background-color: rgb(157, 209, 197);
				height: 59px;}

div.navigation div.body img.mainLogo {float: left;
								      margin: 0px;
			  						  padding:0px;}
									  
div.navMenu {float:right;
			 text-align: right;}

div.navMenu div.navItem {margin: 14px 5px 0px;
						 padding: 2px 5px;
						 font-size: 10pt;
						 float: right;}						 
						 
div.navMenu div.navItem a {text-decoration: none;
						   color: rgb(0, 0, 0);}
						   
.navSelect {border: 1px solid rgb(240, 240, 240);
			padding: 1px 4px;}						   

ul.navDropDown,
ul.navDropDown li,
ul.navDropDown ul {margin: 0;
				   padding: 0;
				   list-style: none;}

ul.navDropDown {position: relative;
				float: right;
				margin-top: 14px;}

ul.navDropDown li {float: left;
				line-height: 1.3em;
				vertical-align: middle;
				zoom: 1;
				padding: 5px 8px;
				margin: 1px 4px;
				z-index: 527;}
				
ul.navDropDown li.hover,
ul.navDropDown li:hover {border: 1px solid rgb(240, 240, 240);
					padding: 3px 10px;
					margin: 2px 1px;}
						 
ul.navDropDown ul {visibility: hidden;
				   position: absolute;
				   top: 100%;
				   left: 2px;
				   z-index: 598;
				   width: 82px;
				   background-color: rgb(157, 209, 197);
				   font-size: 100%;
				   margin-top: -2px;}			
				   
ul.navDropDown ul li,
ul.navDropDown ul li.hover,
ul.navDropDown ul li:hover {text-transform: lowercase;
					  	    float: none;
							padding: 0px;
							margin: 0px;
							left: 2px;
							border-width: 0px;
							cursor: pointer;
							font-weight: normal;
							text-indent: 0;}
							
ul.navDropDown ul li img {margin-left: 10px;
			  padding: 3px 0px;
			  margin-top: 3px;}
							
ul.navDropDown ul li.hover,
ul.navDropDown ul li:hover {background-color: rgb(201, 240, 231);}
						 
ul.navDropDown li:hover > ul {visibility:visible;}

/* Alignment */

.clear {clear: both;}						 

.left {float: left;}

.right {float: right;}

/* Layout */

.body {width: 790px;
	   margin: 0px auto;}

.oneThird {width: 216px;}

.twoThirds {width: 480px;}

.textBox {padding-right: 25%;}

.topBuffer {margin-top: 20px;}

.scroll {overflow: auto;}

/* Elements */

.box {border: 1px solid rgb(200, 200, 200);
	   height: 492px;
	   margin: 24px 0px;
	   padding: 17px;}
				
.textBox {width: 360px;}				
	  
.imgHolder {background-color: rgb(140, 140, 140);
			display: block;
			min-width: 10px;
			min-height: 10px;}
			
ul.simpleList {list-style-type: none;
			   padding: 0.5em;
			   margin-top: 0.5em;}

ul.simpleList li {margin-bottom: 0.5em;
		  margin-left: -0.5em;}

ul.simpleList li span {font-weight: bold;}
					   
ul.simpleList li div {margin-left: -5px;
					  text-indent: 0px;
					  padding-bottom: 5px;}					   

.school {margin-bottom: 10px;}

.school span {font-weight: bold;
			  display: block;}
			  
.section {margin: 8px 0px;}		

.portfolioHead {background-color: rgb(204, 204, 204);
				margin-top: -17px;
				margin-left: -17px;
				margin-right: -17px;
				text-align: center;
				vertical-align: middle;
				padding: 10px 0px;
				font-size: 120%;
				letter-spacing: 0.1em;
				margin-bottom: 10px;}

.portfolioData {font-size: 95%;}

//.portfolioData .head, .section .subHead {color: rgb(53, 153, 152);}

.portfolioData .head {font-size: 120%;
					  margin-bottom: 20px;}
					  
.portfolioData .head span {color: rgb(0, 0, 0);
						   display: block;
						   font-size: 80%;}
			
			   
.portfolioNav {height: 60px;
			   width: 502px;
			   margin-bottom: 18px;
			   padding: 8px;}		
			   
.portfolioNav img {background-color: rgb(140, 140, 140);
				   margin: 0px 7px;
				   cursor: pointer;}
				   
.portfolioNav img.navControl {margin: 20px 5px;
							  cursor: pointer;}				   

.designBg {background-color: #CED65A;}
.patternBg {background-color: #F8A141;}
.photoBg {background-color: #EDCF56;}
.design {color: #ABB14B;}
.pattern {color: #DF932B;}
.photo {color: #CDB44B;}

/* Background property changes to display image */
.portfolioDisplay {height: 430px;
				   width: 520px;
				   border: 1px solid rgb(204, 204, 204);
				   padding: 0px;
				   margin: 0px;}			   

.imageNav ul {list-style: none;
			  margin: 8px 0px;
			  margin-right: 10px;
			  float: right;
			  padding: 4px;
			  background-color: rgb(204, 204, 204);}
			  
.imageLabel {padding: 5px;
			 padding-left: 10px;
			 margin: 0px 0px 0px -17px;
			 background-color: rgb(240, 240, 240);
			 position: relative;
			 text-transform: lowercase;
			 text-align: left;
			 color: rgb(13, 13, 13);
			 position: absolute;
			 top: 640px;
			 width: 235px;}
			  
.transparent {filter:alpha(opacity=30);
  			  -moz-opacity:0.3;
			  -khtml-opacity: 0.3;
			  opacity: 0.3;}
			  
.hidden {visibility: hidden;}
			  
.imageNav ul li {display: inline;
				 font-size: 95%;
				 margin: 0px;
				 padding: 0px 4px;
				 cursor: pointer;}
				 
.imageNav ul li.active {color: rgb(53, 153, 152);}	

.contact input[type='text'], .contact textarea {font-size: 120%;
								   color: rgb(140, 140, 140);
								   padding: 5px;
								   border: 1px solid rgb(53, 153, 153);
								   margin-bottom: 7px;
								   font-family: Arial, Helvetica, sans-serif}
								   
.contact input[type='text'] {width: 263px;
			    height: 15px;}
				
.contact textarea {width: 435px;
				   height: 235px;}
				   
.contact input.captcha {width: 128px;}	

.contact input[type='submit'] {margin-top: 10px;}

.mainScreenImage {margin: 23px auto;
				  width: 790px;
				  height: 520px;
				  border: 1px solid rgb(109,109,109);}

/* Text Elements */
.sectionHead {font-size: 140%;
			  color: rgb(53, 153, 152);}


			  
.bodyText {}