/* Tate Stevenson Website Style Sheet - Last updated by Leeanne Lowe 01/08/06 */




/* ~~~ General Properties ~~~ */

* {
	padding: 0;
	margin: 0;
	}

body {
	background-color: #323232;
	font: normal 12px arial, helevtica, sans-serif;
	color: #323232;
	scrollbar-base-color : #f8f8f8;
	scrollbar-track-color : #f8f8f8;
}

a:link {
	text-decoration: underline;
	color: #323232;
	}

a:visited {
	text-decoration: underline;
	color: #323232;
	}

a:hover {
	text-decoration: none;
	color: #323232;
	}

a:active {
	text-decoration: none;
	}


/* ~~~ Home Div Properties ~~~ */

#headerHome {
	width: 850px;
	height: 113px;
	padding-top: 40px;
	}

#logoHome {
	float: left;
	width: 130px;
	height: 113px;
	}
	
#navHome {
	float: left;
	height: 12px;
	padding-top:101px;
	font-size: 12px;
	color:#FFFFFF;
	margin-left:15px;
	}
#navHome a {
	text-decoration: none;
	color: #ffffff;
	}

#navHome a:visited {
	text-decoration: none;
	color: #ffffff;
	}

#navHome a:hover {
	text-decoration: underline;
	color: #ffffff;
	}
#addressHome {
	float: right;
	height: 38px;
	padding-top:75px;
	font-size: 12px;
	color:#FFFFFF;
	text-align:right;
	}
#mainHome {
	width: 850px;
	height: 347px;
	margin-top: 30px;
	border-top:#FFFFFF solid 4px;
	border-bottom:#FFFFFF solid 4px;
	}
#featured {
	width: 850px;
	color:#ffffff;
	padding-top:10px;
	font-size:12px;
	font-weight:500;
	text-align:left;
	}
#featured a {
	text-decoration: none;
	color: #ffffff;
	}

#featured a:visited {
	text-decoration: none;
	color: #ffffff;
	}

#featured a:hover {
	text-decoration: underline;
	color: #ffffff;
	}
		

#footerHome {
	width: 850px;
	color:#666666;
	padding-top:20px;
	font-size:10px;
	text-align:left;
		
	}
#com {
	float:right;
	}
#com a{
	color:#666666;
	text-decoration:none;
	}
	

/* ~~~ Pages Structural Div Properties ~~~ */

#container {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	border-top: 4px solid #999999;
	}
	
#header {
	width: 850px;
	height: 135px;
	padding-top: 50px;
	}
	
	
#main {
	width: 850px;
	height: 325px;
	padding-top: 25px;
	}
	
#footer {
	width: 850px;
	height: 31px;
	padding-top: 5px;
	float:right;
	position:relative;
	}
	
/* ~~~ HEADER: CHILD DIV PROPERTIES ~~~ */


#logo {
	float: left;
	width: 150px;
	height: 130px;
	}
	
#banner {
	float: right;
	width: 667px;
	border: 4px solid #FFFFFF;
	height: 122px;
	overflow:hidden;
	margin-top:1px;
	}
	


/* ~~~  MAIN DIV: CHILD DIV PROPERTIES ~~~ */

#nav {
	float: left;
	width: 150px;
	}	

#content {
	float: right;
	width: 597px;
	/**height: 300px;***/
	background-color:#FFFFFF;
	border: 4px solid #f2f2f2;
	padding: 35px;
		
	}
	
/* ~~~ Nav Menu Properties ~~~ */

#nav ul {
	list-style-type: none;
}

#nav li
{
	background: #f2f2f2;
	/***height: 25px;***/
	line-height: 25px;
	width: 150px;
	color: #323232;
	text-align:right;
	margin-bottom:4px;
	position:inherit;

}

#nav li a
{
	background: #999999;
	color: #ffffff;
	text-decoration: none;
	height: 25px;
	width:138px;
	display:block;
	padding-right: 12px;
}
#nav li a:visited
{
	background: #999999;
	color: #ffffff;
	text-decoration: none;
}
#nav li a:hover
{
	background: #f2f2f2;
	color: #323232;
	text-decoration: none;
	width: 138px;
}



#nav ul li.sub {  /*only applies when main nav option has a) sub catgories b) sub categories are revealed */
	background: #999999;
	color: #ffffff;
	width: 138px;
	padding-right:12px;
}

#nav ul li.nolink {  /*only applies to clients and contact when you are in those sections and the links arent active */
	background: #f2f2f2;
	color: #323232;
	width: 138px;
	padding-right:12px;
}

/* ~~~ Sub Nav Menu Properties ~~~ */

#subNav {
	margin-bottom:4px;
	margin-top:-4px;
	list-style-type: none;
	font-size:11px;
	display:block;
	position:relative;
}


#subNav li
{
	background: #cccccc;
	height: 20px;
	line-height: 20px;
	display: block;
	color: #323232;
	text-align:right;
	margin-bottom: 0px;
}

#subNav li a
{
	background: #f2f2f2;
	color: #666666;
	text-decoration: none;
	height: 20px;
	display:block;
}
#subNav li a:visited
{
	background: #f2f2f2;
	color: #323232;
	text-decoration: none;
}
#subNav li a:hover
{
	background: #cccccc;
	color: #ffffff;
	text-decoration: none;
}

#subnav li a .sel
{
	background: #33FFFF;
	color: #323232;
	text-decoration: none;
	width: 138px;
	display:block;
}


/* ~~~  Content  Area ~~~ */


#titles { 
	font: normal 18px arial, helevtica, sans-serif;
	width: 100%;
	margin-bottom:20px;
	color:#666666;
}

.projectName {  /*adjunct to titles that only applies in project area on project details page */
	font-size:14px;
	line-height:18px;
}

#contentContainer {
	width: 100%;
}
#contentContainer2 {
	width: 577px;
	padding: 10px;
	height:100px;
	background:#f8f8f8;
}
#contentContainer3 {
	width: 587px;
	padding: 2px;
	height:250px;
	background:#f8f8f8;

}
#image {
	width: 265px;
	height:265px;
	float:left;
}
#mapimage {
	width: 350px;
	height:265px;
	float:left;
}
#image2 {
	width: 577px;
	padding: 10px;
	height:100px;
	background:#f8f8f8;
}

#image3 {
	width: 100px;
	height:100px;
	margin-right:7px;
	margin-left:7px;
	float:left;
}

/* ~~~ Image Nav Menu Properties ~~~ */

#imageNav  {
	list-style-type: none;
	font-size:10px;
}

#imageNav li
{
	height: 15px;
	line-height: 15px;
	color: #666666;
	text-align:left;
	padding-right: 5px;
	float:left;
}

#backDiv  {
	width: 100%;
	text-align:right;
	font-size:10px;
}

#text {
	width: 290px;
	float:right;
	background:#f8f8f8;
	padding: 10px;
	color: #323232;
}
#text2 {
	width: 577px;
	background:#f8f8f8;
	padding: 10px;
	color: #323232;
	margin-bottom:10px;
	text-align:justify;
}
#text3 {
	width: 56px;
	padding: 10px;
	color: #cccccc;
	float:left;
	font: bold 11px arial, helevtica, sans-serif;
}

#text4 {
	width: 100px;
	margin-right:7px;
	margin-left:7px;
	color: #323232;
	float:left;
	font: normal 11px arial, helevtica, sans-serif;
	margin-top:10px;
}
#text5 {
	width: 140px;
	float:left;
	background:#f8f8f8;
	padding: 10px;
	color: #666666;
	margin-right:28px;
}
#text6 {
	width: 180px;
	float:left;
	background:#f8f8f8;
	padding: 10px;
	color: #666666;
	margin-right:35px;
}
#text7 {
	width: 250px;
	float:left;
	background:#f8f8f8;
	padding: 10px;
	color: #666666;
	margin-right:28px;
}
#text7 ul{
list-style:none;
}
#text2 textarea{
	width: 577px;
}
#text textarea{
	width: 577px;
}
#projectsform textarea{
	width: 500px;
}
#clientYears {
	font: bold 16px arial, helevtica, sans-serif;
	color: #666666;
	margin-bottom:10px;
	}
	
table#email {
	width: 100%;
}

table#email td {
	padding: 4px;
}

.emailLabels {
	font: normal 11px arial, helevtica, sans-serif;
	color: #808182;
}

.emailButtons {
	font: bold 10px arial, helevtica, sans-serif;
	color: #ffffff;
	background-color: #888888;
	border:#cccccc solid 1px;
	padding:2px;
}
.emailInput {
	font: normal 11px arial, helevtica, sans-serif;
	color: #333333;
	background-color: #f2f2f2;
	border:#cccccc solid 1px;
	padding:2px;
}






/* ~~~  FOOTER DIV: CHILD DIV PROPERTIES ~~~ */

#copyright {
	float: right;
	width: 675px;
	height: 31px;
	color:#666666;
	padding-top:15px;
	font-size:10px;
		
	}

#projinfo {
text-align:justify;

}
#text
{
text-align:justify;

}
	
/***.thumbwrapper {
   width:100%;  
   overflow: scroll;
   height 250px;
   	scrollbar-base-color : #f8f8f8;
	scrollbar-track-color : #f8f8f8;
}
   
.thumbscroller {
	width: 300px;
	height: 250px;
	scrollbar-base-color : #f8f8f8;
	scrollbar-track-color : #f8f8f8;
}
  
.thumbscroller img {
float:left;
}****/