html { margin:0; padding:0; }
body { margin:0; padding:0; color:#333333; background:#c9eaf5 url("background_grad.gif") center top repeat-x; font-size:0.8em; font-family:Arial,Helvetica,Sans-serif; }

img { border-style:none; display:block; }
img.inline,
#article img,
#sidebar img { display:-moz-inline-stack; display:inline-block; }
img.block, embed, object { display:block!important; }
img.icon,
img.arrow { display:-moz-inline-stack; display:inline-block; vertical-align:middle; }

form { margin:0 0 16px 0; padding:0; }
blockquote { margin:16px; }
hr { border:none 0; margin:27px 0; border-top:2px solid #8edef8; height:0; }
p { padding:0; margin:0 0 16px 0; }

dt { font-weight:bold; margin-bottom:4px; }
dd { margin-bottom:16px; }

h1 { color:#1c2777; font-size:1.3em; margin-top:0; }
h2 { color:#1c2777; font-size:1em; margin:0px 0px 1px; }
h3 { color:#1c2777; font-size:0.9em; margin-top:0; }
h4, h5, h6 { color:#1c2777; font-size:0.9em; }

img[align=left] { padding:2px 5px 2px 0px; }
img[align=right] { padding:2px 0px 2px 5px; }

a,
a:visited { color:#1c2777; text-decoration:underline; outline:none; }
a:focus,
a:hover { color:#44c9f4; text-decoration:underline; }
a:active { color:#369fc2; text-decoration:underline; }

ul.none { list-style:none; margin:0; padding:0; }
ul.none li { padding:0 0 8px 0; }

ul.compact { list-style:none; margin:0; padding:0; }
ul.compact li { padding:0; margin:0; }

ul.arrow { list-style:none; margin:0; padding:0; }
ul.arrow li { background:url("arrow.gif") left 5px no-repeat; padding:0 0 8px 18px; }

.clear { clear:both; height:0; overflow:hidden; }
.hide { display:none; }
.error { color:#FF0000; font-weight:bold; }
.nowrap { white-space:nowrap; }

.photoRight { float:right; margin:3px 0 7px 10px; }
.photoLeft { float:left; margin:3px 10px 7px 0; }
.photoCentre { display:block; margin:0 auto; }
.center { text-align:center; }
.justify { text-align:justify; }

.hint { color:#999; }
.timestamp { font-size:85%; color:#999; }
.indent { text-indent: -70px; margin-left:70px; }
.uppercase { text-transform:uppercase; }
.nomargins { margin:0!important; padding:0!important; }

.article-left { width:48%; float:left; }
.article-right { width:48%; float:right; }
.article-rightalt { width:48%; float:right; text-align:right; }

.protection { unicode-bidi:bidi-override; direction:rtl; }

img.roundedCorners { -moz-border-radius:10px; -webkit-border-radius:10px; }


/* ----------------------
   Interface CSS
---------------------- */
#root_header { background:url("background_lines.png") left top repeat; height:292px; overflow:hidden; margin-bottom:4px; }
#root_content { background:url("background_lines.png") left top repeat; }

#container { width:914px; margin:0 auto; }

#accessibility { height:0; overflow:hidden; }
#accessibility p { text-indent:-9000px; }

#header { width:926px; height:296px; overflow:hidden; margin:0 auto; }
#header_left { width:265px; height:276px; float:left; background:url("valley-technical-services.png") 7px 17px no-repeat; }
#header_left p { margin:0; padding:0; }
#header_left p a,
#header_left p a:visited { width:258px; height:259px; display:block; text-indent:-9000px; }
#header_right { width:654px; height:276px; float:right;  }

#header_right { padding-top:17px; }
#header_right_inner {  }
#header_right_png { background:url("header.png") left top no-repeat; width:654px; height:276px; }

#content { width:888px; margin:0 auto; margin-bottom:27px; }

#article { width:625px; float:right; background:url("content.png") left bottom no-repeat; }
#article_padding { padding:30px 120px 20px 30px; background:url("content_right.gif") right top no-repeat; min-height:380px; max-height:3940px; overflow:auto; }

#sidebar { width:236px; float:left; }

#nav { width:236px; background:url("navigation_background.png") left bottom no-repeat; margin-bottom:16px; }
#nav_padding { width:236px; background:url("navigation_header.png") left top no-repeat; padding:30px; }
#nav ul { list-style:none; margin:0; padding:0; width:175px; overflow:hidden; }
#nav ul li { text-transform:lowercase; color:#FFFFFF; font-size:1.2em; font-weight:bold; background:url("nav_line.gif") left bottom no-repeat; }
#nav ul li a,
#nav ul li a:visited { display:block; color:#FFFFFF; background:url("arrow.png") left 4px no-repeat; text-decoration:none; padding:0 0 7px 18px; margin-bottom:5px; }
#nav ul li.active a,
#nav ul li a:focus,
#nav ul li a:hover { color:#d2d4e4; text-decoration:none; background:url("arrow_on.png") left 4px no-repeat; }
#nav ul li a:active { color:#a4a9c9; text-decoration:none; background:url("arrow_down.png") left 4px no-repeat; }

#nav ul li.end { background:none; }
#nav ul li.end a,
#nav ul li.end a:visited { padding:0 0 0 18px; margin-bottom:0; } 

#contact { width:236px; height:190px; background:url("contact.png") left bottom no-repeat; margin-bottom:16px; }
#contact_padding { padding:30px; }
#contact_details { width:175px; height:133px; background:url("contact.gif") left bottom no-repeat; text-indent:-9000px; }

#newsletter { width:236px; height:230px; background:url("newsletter.png") left top no-repeat; margin-bottom:27px; }
#newsletter_padding { padding:30px; }
#newsletter_details { width:175px; height:133px; padding-top:26px; color:white; background:url("email-updates.gif") left top no-repeat; }
#newsletter a { color:white; text-decoration: none; font-weight: bold; }
#newsletter a:hover { text-decoration:underline; }
#newsletter input.newsletter { width:170px; padding:2px; border:0px; font-size:13px; margin-top:7px; }
#newsletter input.submit { margin-top:7px; }

#footer { width:888px; margin:0 auto; height:40px; background:url("footer.png") left top no-repeat; overflow:hidden; color:#FFFFFF; font-weight:bold; text-transform:lowercase; }
#footer p { margin:0; }
#footer a,
#footer a:visited { color:#FFFFFF; text-decoration:none; }
#footer a:focus,
#footer a:hover { color:#FFFFFF; text-decoration:underline; }
#footer a:active { color:#FFFFFF; text-decoration:underline; }
#footer_left { width:40%; float:left; }
#footer_left .padding { padding:13px 0 0 27px; }
#footer_right { width:58%; float:right; text-align:right; }
#footer_right .padding { padding:13px 27px 0 0; }

#base { height:27px; }


/* ----------------------
   Content CSS
---------------------- */

.sidebar_footer { padding-left:30px; }

#googleMap { border:2px solid #000000; margin-bottom:16px; overflow:hidden; }

/*

*/

/* Standard Background */
/* width:px; height:px; background:#FFFFFF url("") left top no-repeat; overflow:hidden; display:block; */

/* ----------------------
   HighSlide
---------------------- */

.highslide { cursor:url("../behaviour/highslide/zoomin.cur"), pointer; outline:none; }
.highslide-caption { display:none; padding:5px 7px 5px 7px; background-color:#333333; color:#FFF; font-weight:bold; text-align:center; }
.highslide-loading { display:block; color:#FFF; font-size:9px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:3px; border:1px solid #FFF; background-color:#000; }
.highslide-display-block { display:block; }
.highslide-display-none { display:none; }
.closebutton { position:relative; top:-15px; left:15px; width:30px; height:30px; cursor:pointer; background: url("../behaviour/highslide/close.png"); }

/* ----------------------
   Tables
---------------------- */

.table { margin-bottom:16px; width:100%; border-collapse:collapse; }
.table caption { text-align:left; font-size:0.85em; }
.table th,
.table td { border-bottom:1px solid #B4B4B4; padding:3px 0 3px 3px; }
.table th { text-align:left; vertical-align:bottom; }
.table th a,
.table th a:visited { text-decoration:none; }
.table th a:hover { text-decoration:underline; }
.table td { text-align:left; vertical-align:top; }
.table thead th,
.table thead td { border-bottom:2px solid #B4B4B4!important; font-weight:bold; }
.table tbody tr:hover { background-color:#E8E8E8; }
.table tbody tr.alt { background-color:#E8E8E8; }
.table tbody tr.alt:hover { background-color:#D1D1D1; }

/* ----------------------
   Contact Form
---------------------- */

.stdform { float:left; width:100%; }
.stdform .row { float:left; clear:both; width:100%; padding-bottom:5px; margin-bottom:5px; border-bottom:1px dotted #ccc; }
.stdform .row div.label { float:left; width:25%; font-weight:bold; padding-top:7px; }
.stdform .row div.field { float:left; width:65%; }
.toolbar { float:left; margin-top:20px; margin-left:25%; }
input.field, textarea.field { border:1px solid #666; background-color: #f6f6fC; padding:4px; font-size:110%; font-family:"Century Gothic", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
input.wide, textarea.wide { width:345px; }

a.button { float:left; width:auto; border:0px; padding:6px 10px 5px; font-weight: bold; color: #FFF; 
	text-decoration: none; text-align: center; background-color: #1C2777; }
a.button:hover { text-decoration: underline; background-color: #000; }