/* SCREEN.CSS */

body { margin:0; padding:0 0 20px 0; background:#fff url(../images/subpage_bg.gif) no-repeat; color:#222; font-family:Arial, Helvetica, sans-serif; font-size:12px; min-width:997px;}
h1 { color:#b19100; font-weight:200; font-size:200%;}
h2 { color:#6d6d70; font-weight:200; font-size:180%;}
h3 { color:#6d6d70; font-weight:200; font-size:130%;}
h4 { color:#6d6d70; font-weight:200; font-size:100%;}
p { line-height:1.8em; margin:1em 0;}

table {
	padding: 0 0 0 0;
}
th { line-height:1.8em;}
td { line-height:1.8em;}
form { margin:0; padding:0;}
select { font-size:100%;}
input { font-size:100%;}
label { cursor:pointer;}
a { color:#324772;}
a:visited { color:#324772;}
a:hover { color:#b19100;}
a:active { color:#b19100;}

.yellow { color:#b19100;}
.lightyellow { color:#d5c77e;}
.gray { color:#6d6d70;}
.lightgray { color:#c8c7c3;}
.purple { color:#3f2a6b;}

.clearFloats { clear:both; line-height:0; font-size:0; visibility:hidden;}
.hide { display:none;}
.error { color:red;}

/* A redundant DIV added because IE 6 is a horrible, standards incompliant browser */
#headerWidthDiv { margin:0; white-space:nowrap;  padding:0; width:977px;}

#logo { position:absolute; left:558px; top:54px;}

#headerDiv { height:193px;background-color:#c8c7c3; margin-top:134px;}
#headerDiv.flash { height:417px; background:#fff url(../images/header_flash_bg.gif) repeat-x;}
#navigationFlashBottomDiv { position:absolute; width:256px; height:122px; top:327px;background:#fff url(../images/navigation_flashbottom.gif) no-repeat;}
#twentyFiveDiv { position:absolute;top:465px;left:0;width:54px;height:120px;background:#fff url(../images/body_bg.gif) no-repeat;}

#navigationDiv { display:inline;height:193px; width:112px; float:left; background:#b19100 url(../images/navigation_bg.gif) no-repeat;}
#navigationDiv ul { margin:36px 0 0 0; padding:0; list-style:none;}
#navigationDiv ul li { display:inline;}
#navigationDiv ul li a { display:block; height:16px; font-weight:bold;padding:7px 10px 0 10px; margin:0px 1px 0px 7px; font-size:10px; line-height:10px; text-transform:uppercase; text-decoration:none; color:#fff;}
#navigationDiv ul li a:hover { display:block; background-color:#6d6d70; background:#6d6d70 url(../images/navigation_bg_over.gif) repeat-x right;}

#navigationDiv ul li ul { display:none; position:absolute; left:112px; top:170px; margin:0; padding:0; list-style:none; width:140px;}
#navigationDiv ul li ul li { display:inline;}
#navigationDiv ul li ul li a { display:block; padding:0; height:auto; background:none !important; font-weight:normal; margin:4px 2px 6px 7px; font-size:11px; line-height:10px; text-decoration:none; text-transform:none; color:#fff; white-space:normal;}
#navigationDiv ul li ul li a:hover { /*color:#b19100;*/text-decoration:underline;color:#e3b100;}


body.welcome #navigationDiv ul li#welcomeNav ul { display:block;}
body.aboutus #navigationDiv ul li#aboutUsNav ul { display:block;}
body.portfolio #navigationDiv ul li#portfolioNav ul { display:block; top:203px;}
body.services #navigationDiv ul li#servicesNav ul { display:block;}
body.news #navigationDiv ul li#newsNav ul { display:block;}
body.contact #navigationDiv ul li#contactNav ul { display:block;}

body.welcome #navigationDiv ul li#welcomeNav a { background:#6d6d70 url(../images/navigation_bg_on.gif) repeat-x right;}
body.aboutus #navigationDiv ul li#aboutUsNav a { background:#6d6d70 url(../images/navigation_bg_on.gif) repeat-x right;}
body.portfolio #navigationDiv ul li#portfolioNav a { background:#6d6d70 url(../images/navigation_bg_on.gif) repeat-x right;}
body.services #navigationDiv ul li#servicesNav a { background:#6d6d70 url(../images/navigation_bg_on.gif) repeat-x right;}
body.news #navigationDiv ul li#newsNav a { background:#6d6d70 url(../images/navigation_bg_on.gif) repeat-x right;}
body.contact #navigationDiv ul li#contactNav a { background:#6d6d70 url(../images/navigation_bg_on.gif) repeat-x right;}

#subnavigationDiv { display:inline;height:193px; width:144px; float:left; background:#6d6d70 url(../images/subnav_bg.gif) no-repeat;}
#subnavigationDiv ul { margin:50px 0 0 0; padding:0; list-style:none;}
#subnavigationDiv ul li { display:inline;}
#subnavigationDiv ul li a { display:block; height:16px; font-weight:bold;margin:4px 10px; margin:0px 2px 0px 7px; font-size:10px; line-height:10px; text-decoration:none; color:#fff;}
#subnavigationDiv ul li a:hover { color:#d5c77e;text-decoration:underline;}

#photoAreaDiv { height:193px; width:720px; float:left; background-color:#eee; border-right:1px #fff solid;}
#flashAreaDiv { height:417px; width:720px; float:left; background-color:#eee; border-right:1px #fff solid;}

#bodyDiv { width:977px; background:#fff url(../images/body_bg.gif) no-repeat bottom left; padding-bottom:40px;}
#bodyDiv.flash { background-image:none; padding-bottom:0px;}
#mainContentDiv {
	display: inline;
	margin-left: 258px;
	width: 692px;
	float: left;
	padding-top: 30px;
}
#mainContentDiv.sidecontent {
	width: 450px;
}
#mainContentDiv > *:first-child { margin-top:0;}
#mainContentDiv ul { margin:0; padding:0; list-style:none;}
#mainContentDiv li { line-height:1.8em; background:transparent url(../images/bullet_yellow.gif) 0 9px no-repeat; padding-left:14px;}
#mainContentDiv li.black { background-image:url(../images/bullet_black.gif);}
#mainContentDiv li.yellow { background-image:url(../images/bullet_yellow.gif);}
#sideBarDiv { display:inline;float:right; width:242px;}
#sideBarDiv blockquote { padding-top:70px; margin:0; background:#fff url(../images/quote_top_bg.gif) no-repeat; font-size:134%;}
#sideBarDiv blockquote.noline { background-image:url(../images/siderule.gif); background-position:0 62px;}
#sideBarDiv blockquote p { margin:0 5px; padding-bottom:1em; line-height:1.4em;}
#sideBarDiv #sidePhotoBigDiv { width:214px; padding-top:8px; margin-top:30px; background:#fff url(../images/siderule.gif) no-repeat top left;}
#sideBarDiv #sidePhotoDiv { width:214px; padding-top:8px; margin-top:30px; background:#fff url(../images/siderule.gif) no-repeat top left;}
#sideBarDiv #sidePhotoDiv div.sidePhotoText { background:#6d6d70 no-repeat; padding:8px; color:#fff; border-top:1px #fff solid;}
#sideBarDiv #sidePhotoDiv div.sidePhotoText p { margin:0;}
#sideBarDiv #sidePhotoDiv div.sidePhotoText p+p { margin-top:1em;}

#sideBarDiv #sideBarTextDiv { padding-top:30px;}
#sideBarDiv #sideBarTextDiv > *:first-child { margin-top:0;}
#sideBarDiv #sideBarTextDiv h2 { padding:4px 5px; background:#fff url(../images/siderule.gif) no-repeat bottom; color:#b19100; font-size:100%; text-transform:uppercase; font-weight:bold; margin-bottom:-1em;}
#sideBarDiv #sideBarTextDiv h3 { padding:4px 5px; background:#fff url(../images/siderule.gif) no-repeat bottom; color:#b19100; font-size:100%; text-transform:none; font-weight:bold; margin-bottom:-1em;}
#sideBarDiv #sideBarTextDiv p, #sideBarDiv #sideBarTextDiv ul, #sideBarDiv #sideBarTextDiv img { margin-left:5px; margin-right:5px;}

#viewCaseStudyDiv { position:absolute; top:368px; left:840px;}
#viewCaseStudyDiv a {  color:#b19100; text-decoration:none; text-transform:lowercase;background:#fff url(../images/icon_casestudy.gif) no-repeat left 2px; padding-left:18px;}
#viewCaseStudyDiv a:hover { text-decoration:underline;}

#footerDiv {
	padding-top: 18px;
	padding: 0 0 0 0;
	clear: both;
	width: 977px;
	margin: 0px 5px 20px 5px;
}
#footerDiv div.horizontalRule { height:8px; border:solid 1px #ddd; line-height:0; font-size:0;}
#footerDiv p { color:#ccc; margin:0;}
#footerDiv p.left { float:left;}
#footerDiv p.right { float:right; text-align:right;}
#footerDiv a { color:#ccc; text-decoration:underline;}

#clientZoneDiv { width:104px; height:19px; position:absolute; top:329px; left:7px;}
#clientZoneDiv a { display:block; width:104px; height:19px; background:#fff url(../images/btn_clientzone_states.gif) 0 0 no-repeat;}
#clientZoneDiv a:hover { background-position:0 -19px;}
#clientZoneDiv a img { display:none;}


body.welcome #headerDiv { height:315px;}
body.welcome #navigationDiv { height:315px; background:#b19100 url(../images/navigation_home_bg.gif) no-repeat;}
body.welcome #navigationDiv ul { margin-top:157px;}
body.welcome #subnavigationDiv { width:407px; height:315px; background:#6d6d70 url(../images/subnav_home_bg.gif) no-repeat;}
body.welcome #photoAreaDiv { width:456px; display:inline;}
body.welcome #bodyDiv { height:119px;}
body.welcome #mainContentDiv { position:absolute; width:255px; top:320px; left:250px; margin:0; padding:0; float:none;}
body.welcome #clientZoneDiv { top:451px;}

body.contact form td { padding-bottom:5px;}