/**********************************************************
CSS-file for Harker Underground Construction
Developed by Phosphor Essence Ltd.
Layout Styles
**********************************************************/
* {padding:0; margin:0; border:0;}
img {behavior: url("pngbehavior.htc");} /***for IE6***/
.clear  {clear: both; }

body, html {height:100%;}
body {color:#ccc; font-family:Verdana, Arial, Tahoma, sans-serif; font-size:70%; line-height:140%; background:#3f0406;}

p {padding:7px 0 7px 0;}

a {color:#ccc; text-decoration:none;}
a:hover {color:#fff; text-decoration:underline;}

h1 {color:#fff; font-size:1.5em; text-transform:uppercase;}
h2 {font-size:1.3em; text-transform:uppercase;}
h3 {font-size:1.2em;}

ol {}
ul {}
li {}

dl {margin:15px 50px 0 0;}
dt {font-weight:bold; font-size:1.1em;}
dd {margin:5px 0 20px 0}

#mainContainer 	{width:840px; margin:0 0 0 20px; background:#333 url(backgrounds/right-shadow.jpg) top right repeat-y; min-height:100%;}

/**************************
HEADER
**************************/
#header 		{width:820px; padding:0; margin:0; border-bottom:solid 1px #ccc;}
#header a 		{border:none; margin:0; padding:0;}

#logo	 		{margin:-172px 0 91px 7px; background:transparent;}

.sectionTitle	{margin:20px 0 -25px 20px; padding:0; text-transform:uppercase;}

/**************************
CONTENT AND COLUMNS
**************************/
.outer {padding-bottom:50px; /***making space for footer***/}
.inner {width:100%; padding-bottom:20px;}
.float-wrap {width:820px; float:left; padding:0 0 30px 0;}

#contentWrap {margin:10px 0 0 10px; padding:0 30px 0 0; float:left;}

#left-column {float:left; border-top:1px solid #ccc; width:190px; margin:38px 0 0 0;}

#content {float:right; width:580px; margin:38px 20px 0 0; padding:0; border-top:1px #ccc solid;}
#content p {padding:7px 100px 7px 0 !important;}
#content li {padding:0 100px 0 0 !important;}
#content #left p, #content #right p {padding:7px 0 !important;}
#content #left {float:left; width:370px; margin:12px 0 0 0; padding:0;}
#content #right {float:left; width:170px; margin:24px 0 0 20px; padding:0; display:block;}
#content #right	dl {width:140px; margin:0; padding:12px 15px 12px 15px; background:url(backgrounds/project-item-back.gif) left top repeat-y;}
#content p.introtext {width:550px; color:#ccc; font-size:1.2em; line-height:150%; border-bottom:1px #ccc solid; margin:0 -34px 0 -10px; padding:0 20px 24px 10px !important;}
#content ul {margin:10px 0 10px 0; padding:0;}
#content li {margin:0 0 10px 20px; padding:0;}
#content a.backtotop {color:#ccc; font-size:0.8em; text-decoration:none; text-transform:uppercase; padding:25px 0 20px 10px; float:left;}
#content a:hover.backtotop {color:#fff; text-decoration:underline;}

.front-text {display:none;} /***Has to be better solution than this***/

#frontpage-content {margin: 5px 0 0 20px;}

.contentImage {margin:-20px 35px; width:300px;}
.contentImage .imageCaption {font-weight:bold !important; margin:0 5px;}

#images {width:560px; float:left;}


/**************************
BANNER CAPTION
**************************/
#banner-caption {width:160px; height:40px; padding:12px 15px 10px 20px; float:left; margin:-62px 0 0 0; position:relative; z-index:10; background:url(backgrounds/caption-bkgd.png) left bottom no-repeat; color:#fff; font-size:0.9em;}

/**************************
NAV
**************************/
#nav {width:812px; height:24px; padding:0 0 0 8px; float:left; margin:0; position:relative; z-index:10; background:#9d0a0f url(backgrounds/nav-bkgd-extra.jpg) right top repeat; display:inline;/***to fix in IE6***/}
#nav a {height:12px; color:#fff; background:url(backgrounds/nav-bkgd.jpg) left top; padding:6px 30px; border-right:1px solid #ccc; display:block;}
#nav a:hover, #nav li.selected a {color:#fff; text-decoration:none; background:url(backgrounds/nav-bkgd_f2.jpg) left top;}
#nav ul {list-style: none;}
#nav li {line-height:100%; text-align:center; text-transform:uppercase; padding:0; float:left; display:block;}

/**************************
SUBNAV COLUMN
**************************/
#subnav {float:left; width:180px; margin:0; padding: 0;}
#subnav a {color:#BBB;}
#subnav a:hover,
#subnav a.selected {color:#FFF;}
#subnav ul {list-style:none; margin:0; padding:0; text-transform:uppercase;}
#subnav li {width:170px; padding:5px 0 5px 20px; margin:0; border-bottom:solid 1px #ccc;}

/**********
UTILITIES
**********/
#utils {margin:-28px 20px 0 8px; padding:6px 10px; position:relative; float:left; color:#000; list-style:none; background:url(../media/images/bkgd_utils.png) left bottom repeat-x; display:inline;/***to fix in IE6***/}
#utils li {float:left; margin:0 10px;}
#utils a {color:#fff;}
#utils a:hover {}

/**********************
FRONT PAGE NAV
**********************/
.navSection {float:left; width:230px; text-transform:uppercase; padding:0 0 20px 0; margin:0 40px 10px 0; background:#333 url(backgrounds/nav-item-back.gif) repeat-y left top;}
#navSection-about-us{clear:left;}

.top-level {font-size:1.1em; margin:10px 0 0 20px;}
.top-level a {font-weight:bold; margin:10px 0 0 0; padding:0 0 0 16px; background:url(../media/images/bullet.png) no-repeat 0px 2px;}
.top-level a:hover {background:url(../media/images/bullet_f2.png) no-repeat 0px 2px;}

.bottom-level {margin: 10px 0 0 10px; width:250px;}
.bottom-level a {color:#858585; font-weight:bold; margin:0 0 4px 10px; display:block;}
.bottom-level a:hover {color:#fff; text-decoration:underline;}
#content .bottom-level ul {list-style:none; width:200px; margin:0; padding:0;}
#content .bottom-level li {margin:0 !important; padding:0 !important; line-height:120%;}

/**********************
GALLERY
**********************/
#gallery img {cursor:pointer; margin:0 5px 5px 0; border:solid 5px #666;}

/**************************
FOOTER
**************************/
#footer {width:800px; height:70px; margin:-70px 0 0 20px; /***making spacer for footer - should be same as footer height***/ padding:0 20px 0 20px; background:url(backgrounds/bottom-shadow.jpg) left bottom no-repeat;}
#footer .footer_left, #footer .footer_right {color:#93938a; font-size:90%; float:left; margin:0; padding:0;}
#footer .footer_left {width:200px; margin:20px 0 0 0;}
#footer .footer_left a, #footer .footer_right a {color:#fff;}
#footer .footer_left a:hover, #footer .footer_right a:hover{}
#footer .footer_right {float:right; margin:0 20px;}

/********************************************
PROJECT TAGS (NEWS COMES FROM UMBRACO)
********************************************/
div.newsItem {padding:0; margin:0 0 20px 0; background:url(backgrounds/news-item-back.jpg) no-repeat; height:95px;}

h2.newsHeader {margin:0; padding:10px 0 0 20px;}
h2.newsHeader a {font-weight:bold; text-transform:uppercase; border:none;}
h2.newsHeader a:hover {}

img.newsImage {float:left; position:relative; margin:0 20px 0 0; padding:0; width:200px; height:95px; overflow:hidden;}
#content p.newsResume {padding:7px 20px 7px 0 !important;}

#images ul {list-style:none; margin:10px 0 7px 0 !important; padding:0 !important;}
#images li {float:left; margin:0 20px 0 0 !important; padding:0 !important;}

/***********************
CONTACT FORM STYLES
***********************/
div.AutoFormPlus{}
div.AutoFormPlus legend{margin:0 0 0 15px; padding:0 5px; font-weight:bold; text-transform:uppercase;}
div.AutoFormPlus fieldset{border:1px solid #ccc; margin:0 0 20px 0;  padding:0 0 10px 10px;}
div.AutoFormPlus fieldset ul{list-style:none;}
div.AutoFormPlus fieldset ul li{list-style:none !important; margin:0 0 0 20px !important;}
div.AutoFormPlus fieldset ul li p{display:none;}
div.AutoFormPlus fieldset ul li label{}

div.AutoFormPlus .umbEditorTextField{display:block; height:16px; margin:0 0 10px 0; padding:2px 2px; width:200px;}
div.AutoFormPlus .umbEditorTextFieldMultiple{display:block; padding:2px 2px; width:240px;}
div.AutoFormPlus .button{color:#333; font-size:1.0em; font-weight:bold; text-transform:uppercase; padding:2px 20px 2px 20px;}
div.AutoFormPlus .vsummary{}
div.AutoFormPlus .vsummary ul{}
div.AutoFormPlus .vsummary ul li{list-style:none !important;}