/* Main CSS document for styles */

* {
	margin:0px;
	padding:0px;
	border: none;
}


body {
	background-color: #006699;
	background-image:url(../images/bg_footer.gif);
	font-family: georgia, serif;
	font-size: 12px;
	line-height: 18px;
	color: #591f00;
}


#main {
	margin: 0px 0px 0 30px;
	background-color: #d1e8c5;
	background-image: url(../images/bg_td.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	border: 1px solid #d1e8c5;
	width: 900px;
	height: 500px;
}

#mainwhite {
	margin: 0px 0px 0 30px;
	background-color: #FFF;
	background-image: url(../images/bg_tdwhite.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	border: 1px solid #FFF;
	width: 900px;
	height: 500px;
}

#container {
background-color: #d1e8c5;
overflow: hidden;
}

#containerwhite {
background-color: #FFF;
}

.selected {
font-weight:bold;

}

#header {
	margin: 30px 0px 0 00px;
	margin-bottom: 30px;
}

#navwhite {
	margin:0px;
	margin-left:213px;
	padding:0px;
	width: 270px;
	height: 92px;
	background: url(../images/navwhite.gif) no-repeat;
	position: relative;
	
}

#navwhite li {
	list-style-type: none;
	display: inline;
}
#navwhite a:link, #navwhite a:visited {
	position: absolute;
	top: 0px;
	
	height: 92px;
	text-indent: -4000px;
	overflow: hidden;
	z-index: 10;
	border: 1px solid #FFF;
}
/* home */
#navwhite .home a:link, #navwhite .home a:visited {
	left: 0px;
	width: 27px;
	
}
#navwhite .home a:hover, #navwhite .home a:focus {
	background: url(../images/navwhite.gif) no-repeat -0px -92px;
}
.current-home .home a:link, .current-home .home a:visited {
	background: url(../images/navwhite.gif) no-repeat -0px -92px;
	cursor: default;
}

/* about */
#navwhite .about a:link, #navwhite .about a:visited {
	left: 61px;
	width: 25px;
	
}
#navwhite .about a:hover, #navwhite .about a:focus {
	background: url(../images/navwhite.gif) no-repeat -61px -92px;
}
.current-about .about a:link, .current-about .about a:visited {
	background: url(../images/navwhite.gif) no-repeat -61px -92px;
	cursor: default;
}
/* portfolio */
#navwhite .port a:link, #navwhite .port a:visited {
	left:120px;
	width: 25px;
	
}
#navwhite .port a:hover, #navwhite .port a:focus {
	background: url(../images/navwhite.gif) no-repeat -120px -92px;
}
.current-port .port a:link, .current-port .port a:visited {
	background: url(../images/navwhite.gif) no-repeat -120px -92px;
	cursor: default;
}
/* team */
#navwhite .team a:link, #navwhite .team a:visited {
	left:180px;
	width: 25px;
	
}
#navwhite .team a:hover, #navwhite .team a:focus {
	background: url(../images/navwhite.gif) no-repeat -180px -92px;
}
.current-team .team a:link, .current-team .team a:visited {
	background: url(../images/navwhite.gif) no-repeat -180px -92px;
	cursor: default;
}
/* contact */
#navwhite .contact a:link, #navwhite .contact a:visited {
	left:235px;
	width: 25px;
	
}
#navwhite .contact a:hover, #navwhite .contact a:focus {
	background: url(../images/navwhite.gif) no-repeat -235px -92px;
}
.current-contact .contact a:link, .current-contact .contact a:visited {
	background: url(../images/navwhite.gif) no-repeat -235px -92px;
	cursor: default;
}


/* CONTENT STYLES */



#content p {
width: 410px;
margin-bottom: 10px;
}

#content span {
display: block;
font-size: 16px;
line-height: 26px;

}

#content a {
color: #006699;
text-decoration:none;}


#content a:hover {
text-decoration:underline;}


#potm {
float:right;
width:200px;
height:200px;
margin-right:130px;
background-image:url(../images/potm.gif);
background-repeat:no-repeat;
background-position:top left;
padding-left:35px;}


#portnav {
width: 161px;
text-align: right;
list-style-type: none;
margin-bottom: 90px;
}

#portnav li a {
color: #591f00;
font-size: 12px;
text-decoration: none;
line-height: 30px;
}

#portnav li a.selected {
color:#3385ad;
font-weight:bold;
font-size: 12px;
text-decoration: none;
line-height: 30px;
}

#portnav li a:hover {
color: #0078ae;
text-decoration: none;
}

#portnav li a.current{
color: #0078ae;
font-weight: bold;
}

#portcontent {
width: 676px;
margin-left: 20px;
margin-top: 10px;
float: right;
cursor:default;
}



#portcontent p {
width: 235px;
margin-right: 68px;
float: right;
}

#portcontent p strong {
margin: 0px;
padding: 0px;
color: #591f00;
font-size: 14px;
font-weight: normal; 
}

#portmenu {
width: 330px;
padding: 5px;
}

#portmenu img {
cursor: pointer;
}

#teamnav {
width: 161px;
text-align: right;
list-style-type: none;
margin-bottom: 160px;
font-size: 12px;
}

#teamnav a {
color: #591f00;
font-size: 11px;
margin-bottom: 0px;
display: block;
text-decoration: none;
}

#teamnav a:hover {
text-decoration: underline;
}



#teamcontent {
width: 676px;
float: right;
vertical-align: top;
}

#clientlist {
width: 250px;
margin-right: 150px;
float: right;
font-size: 10px;
line-height: 14px;
}

#clientlist strong {
padding: 0px;
color: #006699;
display: block;
font-size: 13px;
font-weight: normal; 
}

#accolades {
width: 235px;
margin-right: 140px;
float: right;
font-size: 11px;
line-height: 14px;
margin-top: -5px;
}

#accolades strong {
margin-top: 8px;
padding: 0px;
color: #78a22f;
display: block;
font-size: 12px;
font-weight: normal; 
}

#teamwindow {
width: 250px;
float: left;
font-size: 11px;
}

#teamnav {
width: 161px;
text-align: right;
height: 280px;
font-size: 1px;
}

#teamnav a {
color:#3385ad;
font-size:14px;
}

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

#teamnav a.selected {
color:#ad4a25;
font-weight:normal;
}


#contactnav {
width: 161px;
text-align: right;
height: 280px;
font-size: 1px;
}
#contact {
width: 676px;
float: right;
vertical-align: top;
}
#contact strong {
margin-top: 8px;
padding: 10px 0 2px 0;
color: #006699;
display: block;
font-size: 16px;
font-weight: normal; 
}

.facebook {
margin-top:30px;
display:block;
width:130px;
height:40px;
background-image:url(../images/facebook.gif);}

/* FOOTER */

#footer {
	padding: 7px 0 0 40px;
	background-color: #006699;
	height: 100%;
	background-image:url(../images/bg_footer.gif);
}

#footer span {
	background-image: url(../images/tagline.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display:block;
	color: #FFFFFF;
	font-size: 11px;
	width: 853px;
	text-align: right;
}