/* CSS Document */

/*----UNIVERSAL STYLES----*/
html { height: 100%; }
body { background: url(../i/general/bkrd_tile.jpg) 0 0 repeat; behavior: url(incl/csshover2.htc); color: #524f26; font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: 69%; height: 100%; line-height: 1.2em; margin: 0; padding: 0; text-align: left; width: 100%; }
a, a:link, a:visited { color: #524f26; text-decoration: none; } 
a:focus, a:hover, a:active { color: #569bbd; outline: none; text-decoration: underline; } 
div { margin: 0; padding: 0; position: relative;  }
img { border: 0; position:relative; }

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

blockquote, p, form { margin: 0 0 1em 0; padding: 0; }
input, select { border: 0; color: #524f26; display: block; font-size: 1.27em; margin: 0; padding: 5px; vertical-align: middle; }
fieldset { border: 0; clear: both; margin: 0 0 15px 0; padding: 0; }
label { color: #524f26; display: block; font-size: 1.27em; margin:0 0 5px;  }
legend { }
textarea { border: 0; color: #524f26; display: block; font-size: 1.27em; margin: 0; padding: 5px; }
button { background: none; border: none; color: #524f26; cursor: pointer; margin: 0 10px 0 0; font-size: 1.64em; margin: 0; padding: 0; vertical-align: middle; }
button:hover { color: #569bbd; }

/*----MAIN STYLES----*/
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }
h1 { color: #569bbd; font-size: 2.73em; line-height: 1em; margin: 0 0 5px; padding: 0; }
h2 { color: #569bbd; font-size: 1em; font-weight: bold; line-height: 1.3em; margin: 0; padding: 0; text-transform: uppercase; }
h3 { color: #569bbd; font-size: 1.64em; line-height: 1em; margin: 0 0 10px; padding: 0; }
h4 { color: #569bbd; font-size: 1.2em; font-weight: bold; line-height: 1.3em; margin: 0; padding: 8px 0 5px 0; }
h5 { color: #a0a0a4; font-size: 1em; font-weight: bold; line-height: 1.3em; margin: 0; padding: 5px 0 15px 0; }
h6 { }

.shell { background: #fff; clear: both; margin: 0 auto; min-height: 100%; padding: 50px 0 0 0; width: 1100px; }

/*----SUPERNAV----*/
.supernav{ clear: both; margin: 0 0 3px 50px; padding: 0; width: 1050px; }
.supernav ul, li { display: inline; }
.supernav a, .supernav a:link, .supernav a:visited { border-left: 1px solid #a8a18a; color: #6b6540; font-size: .82em; line-height: 1.2em; margin: 0; padding: 0 3px 0 3px; text-transform: uppercase; }
.supernav #supersection a, .supernav #supersection a:link, .supernav #supersection a:visited { color: #569bbd; text-decoration: none; }
.supernav .bordernone a, .supernav .bordernone a:link, .supernav .bordernone a:visited { border: none; } 

/*----FLASH----*/
.flashOutter { border-top: 1px solid #4c4446; border-bottom: 1px solid #4c4446; clear: both; padding: 3px 5px 3px 5px; width: 1090px; }
.flashInner { background: url(../i/general/flash_tile.jpg) 0 0 repeat; }
#flash { clear: both; margin: 0 0 0 38px; padding: 0 5px 0 5px; width: 1004px; }

/*----MAINNAV----*/
.mainnav { clear: both; margin: 0 0 0 50px; padding: 0; width: 1000px; }
.mainnav ul, .mainnav li { display: block; width: 1000px; }
.mainnav ul ul { display: none; }
.mainnav a, .mainnav a:link, .mainnav a:visited { color: #a1a1a4; display: block; float: left; font-size: 1.1em; line-height: 1em; margin: 0; padding: 9px 0 9px 0; text-transform: uppercase; width: 190px; }

.mainnav li:hover ul { display: block; float: left; width: 810px; }
.mainnav li:hover ul li { float: left; width: auto; }
.mainnav li:hover ul a, .mainnav li:hover ul a:link, .mainnav li:hover ul a:visited { float: left; font-size: 1.1em; line-height: 1em; margin: 0 30px 0 0; padding: 8px 0 8px 0; text-transform: uppercase; width: inherit; }
.mainnav li:hover ul a:hover, .mainnav li:hover ul a:active { color: #f27422; text-decoration: none; }

.mainnav #mainsection ul { display: block; float: left; width: 810px; }
.mainnav #mainsection ul li { float: left; width: auto; }
.mainnav #mainsection ul a, .mainnav #mainsection ul a:link, .mainnav #mainsection ul a:visited { float: left; font-size: 1.1em; line-height: 1em; margin: 0 30px 0 0; padding: 8px 0 8px 0; text-transform: uppercase; width: inherit; }
.mainnav #mainsection ul a:hover, .mainnav #mainsection ul a:active { color: #f27422; text-decoration: none; }
.mainnav #mainsection #subsection a, .mainnav #mainsection ul #subsection a:link, .mainnav #mainsection ul #subsection a:visited { color: #f27422; }
.mainnav .border { border-bottom: 1px solid #cdc8bb; }

/*----MAIN CONTENT----*/
.mainContent { border-top: 1px solid #4c4446; clear: both; width: 1100px; }

	/*----PORTFOLIO LIST----*/
	.portfolioList { float: left; width: 750px; }
	.portfolioList li { border-bottom: 1px dotted #cdc8bb; display: block; }
	.portfolioList .title { border-right: 1px dotted #4c4446; float: left; margin: 0 10px 0 0; padding: 25px 10px 0 50px; width: 94px }
	.portfolioList .icon { float: left; margin: 0; padding: 15px 0 0 165px; width: 35px; }
	.portfolioList .icontitle { float: left; margin: 0; padding: 15px 0; width: 35px; }
	.portfolioList .txt { float: left; margin: 0; padding: 20px 30px 20px 0; width: 215px; }
	.portfolioList .banner { float: left; margin: 0; padding: 20px 0; width: 305px; }
	.portfolioList .bordernone { border: none; }
	
	/*----CALLOUT LIST----*/
	.calloutList { border-left: 1px dotted #4c4446; float: left; height: 100%; width: 349px; }
	.calloutList span { font-size: .82em; }
	.calloutList .labBlk { background: #f5f5f6; border-right: 1px dotted #cdc8bb; float: left; height: 100%; width: 169px; }
	.calloutList .labBlk li { display: block; padding: 0 20px 15px 10px; }
	.calloutList .labBlk .title { border-bottom: 1px dotted #cdc8bb; margin: 0 0 10px 0; padding: 25px 0 5px 0; text-align: center; width: 169px; }
	.calloutList .labBlk .txt { padding: 0 0 0 5px; width: 130px; }
	.calloutList .recentBlk { float: left; height: 100%; width: 179px; }
	.calloutList .recentBlk li { display: block; padding: 0 0 15px 15px; }
	.calloutList .recentBlk .title { border-bottom: 1px dotted #cdc8bb; margin: 0 0 10px 0; padding: 20px 0 10px 0; text-align: center; width: 179px; }
	.calloutList .recentBlk a, .calloutList .recentBlk a:link, .calloutList .recentBlk a:visited { color: #569bbd; display: block; padding: 0 0 0 5px; width: 140px; }
	.calloutList .recentBlk a:hover, .calloutList .recentBlk a:active { text-decoration: underline; }
	
	.calloutList .linkListBlk { background: #f5f5f6; border-top: 1px dotted #4c4446; float: left; padding: 10px; width: 329px; }
	.calloutList .linkListBlk ul { display: block; float: left; padding: 0 0 25px 0; }
	.calloutList .linkListBlk li { display: block; border-bottom: 1px solid #cdc8bb; padding: 3px 0 3px 0; }
	.calloutList .linkListBlk a, .calloutList .linkListBlk a:link, .calloutList .linkListBlk a:visited { font-size: .91em; line-height: 1.4em; }
	.calloutList .linkListBlk a:hover, .calloutList .linkListBlk a:active { text-decoration: none; }
	.calloutList .linkListBlk .leftBlk { float: left; width: 160px; }
	.calloutList .linkListBlk .rightBlk { float: left; padding: 0 0 25px 15px; width: 154px; }
	.calloutList .linkListBlk .bordernone { border: none; }
	
	/*----SUBPAGE CONTENT----*/
	.sidebar { border-bottom: 1px solid #4c4446; float: left; margin: 0 0 10px 50px; padding: 20px 0 0 0; text-align: right; width: 325px; }
	.sidebar li { display: block; padding: 0 0 5px 0; }
	.sidebar a, .sidebar a:link, .sidebar a:visited { font-size: .91em; }
	.sidebar #sidebarsection a, .sidebar #sidebarsection a:link, .sidebar #sidebarsection a:visited { color: #569bbd; text-decoration: none; }
	.sidebar img { padding: 25px 25px 65px 0; }
		
		.sidelist { padding: 0 10px 0 0; }
	
	/*----PAGE CONTENT----*/
	.pageContent { border-left: 1px solid #4c4446; float: left; margin: 0; padding: 10px 50px 10px 9px; width: 655px; }
	.pageContent .bioTxt { float: left; padding: 0 10px 0 0; width: 425px; }
	.pageContent .bioImg { float: left; padding: 25px 0 0 0; width: 220px; }
	.pageContent p { line-height: 1.5em; }
	
	.pageContent ul, .pageContent ol { display: block; margin: 5px 0 10px 35px; }
	.pageContent ol li { display: list-item; list-style: decimal; list-style-position: inside; margin: 0 0 5px 35px; }
	.pageContent ul li {
	display: list-item;
	list-style: disc;
	list-style-position: outside;
	margin: 0 0 5px 35px;
}
	.pageContent ul ul, .pageContent ol ol { display: block; padding: 5px 0 0 0; }
	.pageContent ul ul li, .pageContent ol ol li { margin: 0 0 5px 5px; }
	.pageContent .noStyle li { list-style: none; }
	.pageContent .noStyle li ul { list-style: disc; }
	
	.pageContent .email { background: url(../i/our_team/icon_email.jpg) 0 0 no-repeat; height: 26px; padding: 10px 0 0 35px; width: 390px; } 
	.pageContent a, .pageContent a:link, .pageContent a:visited { color: #569bbd; }
	
		/*----CLIENT LIST----*/
		.clientList { width: 655px; }
		.clientList .colLeft { float: left; width: 210px; }
		.clientList .colMid { float: left; width: 225px; }
		.clientList .colRight { float: left; width: 220px; }
		
		.pageContent .clientList ul { display: block; margin: 0 0 .5em 0; }
		.pageContent .clientList li { display: block; list-style: none; list-style-position: outside; margin: 0 0 .5em 0; }
		.clientList a, .clientList a:link, .clientList a:visited { color: #524f26; font-size: .82em; }
		
	/*----PORTFOLIO CONTENT----*/
	.portfolioContent { border-left: 1px solid #4c4446; float: left; width: 714px; }
	.portfolioContent li { border-bottom: 1px dotted #cdc8bb; clear: both; display: block; float: left; width: 714px; }
	.portfolioContent .icon { float: left; margin: 0; padding: 10px 0 0 10px; width: 35px; }
	.portfolioContent .txt { float: left; margin: 0; padding: 10px 25px 20px 0; width: 355px; }
	.portfolioContent .banner { float: left; margin: 0; padding: 10px 0; width: 255px; }
	.portfolioContent .link { float: left; margin: 0; padding: 20px 0 0; width: 34px; }
	.portfolioContent .link a , .portfolioContent .link a:link , .portfolioContent .link a:visited { color: #569bbd; }
	.portfolioContent .txt a, .portfolioContent .txt a:link, .portfolioContent .txt a:visited { background: url(../i/general/grey_arrow.jpg) 75px 5px no-repeat; display: block; width: auto; }
	.portfolioContent .txt a:hover, .portfolioContent .txt .a:active { background: url(../i/general/bluearrow_right.jpg) 75px 5px no-repeat; display: block; width: auto; }
	.portfolioContent .bordernone { border: none; }
	.portfolioContent .grey { background: #f5f5f6; }
	.portfolioContent .grey .txt a, .portfolioContent .grey .txt a:link, .portfolioContent .grey .txt a:visited { background: url(../i/general/grey_arrow_grey_bg.jpg) 75px 5px no-repeat; display: block; width: auto; }
	.portfolioContent .grey .txt a:hover, .portfolioContent .grey .txt a:active { background: url(../i/general/bluearrow_right_grey_bg.jpg) 75px 5px no-repeat; display: block; width: auto; }
	.portfolioContent span { color: #a0a0a4; }
	.portfolioContent .tagList li, .portfolioContent .grey .tagList li { border: none; clear: none; display: inline; float: none; width: inherit; }
	.portfolioContent .tagList a, .portfolioContent .tagList a:link, .portfolioContent .tagList a:visited,
	.portfolioContent .grey .tagList a, .portfolioContent .grey .tagList a:link, .portfolioContent .grey .tagList a:visited { background: none; color: #569bbd; display: inline; text-decoration: none; }
	.portfolioContent .tagList a:hover, .portfolioContent .tagList a:active,
	.portfolioContent .grey .tagList a:hover, .portfolioContent .grey .tagList a:active { text-decoration: underline; }
	
		/*----SUBNAV----*/
		.subnav { border-top: 1px solid #4c4446; clear: both; padding: 25px 10px 0 0; text-align: left; width: 315px; }
		.subnav ul { display: block; float: left; margin: 0 0 25px 0; width: 155px; }
		.subnav li { display: block; margin: 0 0 .3em 0; padding: 0; }
		.subnav a, .subnav a:link, .subnav a:visited { color: #524f26; font-size: .82em; }
		.subnav a:hover, .subnav a:active { color: #f27422; text-decoration: none; }
		.subnav #subsection a, .subnav #subsection a:link, .subnav #subsection a:visited { color: #f27422; }
		.subnav #subsection a:hover, .subnav #subsection a:active { color: #f27422; text-decoration: none; }
		.subnav h4 { clear: both; }
		
		/*----PAGENAV----*/
		.pagenav { clear: both; margin: 0 0 0 45px; padding: 0; }
		.pagenav a, .pagenav a:link, .pagenav a:visited { color: #524f26; font-size: .82em; padding: 0 3px 0 0; }
		.pagenav a:hover, .pagenav a:active { color: #569bbd; text-decoration: none; }
		.pagenav #pagesection a, .pagenav #pagesection a:link, .pagenav #pagesection a:visited { color: #569bbd; }
		.pagenav #pagesection a:hover, .pagenav #pagesection a:active { color: #569bbd; text-decoration: underline; }
		
		.pagenav a.prev, .pagenav a:link.prev, .pagenav a:visited.prev { background: url(../i/general/bluearrow_left.jpg) 0 center no-repeat; color: #569bbd; padding: 0 15px 0 15px; }
		.pagenav a.next, .pagenav a:link.next, .pagenav a:visited.next { background: url(../i/general/bluearrow_right.jpg) right center no-repeat; color: #569bbd; padding: 0 15px 0 12px; }
		.pagenav a:hover.prev, .pagenav a:active.prev { text-decoration: underline; }
		.pagenav a:hover.next, .pagenav a:active.next, .pagenav a:visited.next { text-decoration: underline; }
	
/*----FOOTER----*/
.footer { border-top: 1px solid #4c4446; color: #524f26; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 3px 0 20px 50px; width: 1050px; }
.footer a, .footer a:link, .footer a:visited { color: #569bbd; } 
.footer a:hover, .footer a:active { color: #569bbd; outline: none; text-decoration: underline; }
 	
/*----CLEARS----*/
.mainnav li:after, .mainnav #mainsection ul:after, .mainContent:after, .portfolioList li:after, .portfolioList:after, .calloutList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; width: 100%; }


/* --- Our Client ul and li---*/ 
.myList { font-size: 1em; margin: 0; padding: 0;}
.myList a, .myList a:link, .myList a:visited { color: #524f26; display: block; float: left; font-size: 1em; }
.myList a:hover { color: #569bbd; text-decoration: none; display: block;}