/*
Version: 1.0
Author: Silkstream Ltd
Author URL: http://www.silkstream.net
*/

/***********************************************************************

* CSS Table of Contents
* ----------------------------------------------------------------------
* Reset CSS.....................................................(Line  )
* Basic Global CSS..............................................(Line  )

***********************************************************************/

/******* Reset CSS *******/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, 
tr, th, td {margin: 0;padding: 0; border: 0; outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/******* Basic Global CSS *******/
body {margin:0; font:80% Arial, Helvetica, sans-serif; color:#333; background:#edece7 url(/images/bg.jpg) repeat-x  top center;}
body.home {background:#edece7  url(/images/bg_home.jpg) repeat-x  top center;}

a, object { outline:0;}
a {color:#454545; text-decoration:underline;}
a:hover { text-decoration:none;}
img { border:none;}
strong { font-weight:bold;}
em{ font-style:italic;}

/******* Basic Global Classes *******/
.clearer { clear:both;}
.clearerLeft { clear:left;}
.clearerRight { clear:right;}
.clearerNone { clear:none;}

.floatLeft { float:left;}
.floatRight { float:right;}
.floatNone { float:none;}

.textalignLeft { text-align:left;}
.textalignRight { text-align:right;}
.aligncenter {clear:both;display: block;margin-left: auto;margin-right: auto;}

.border-radius-2 { -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.border-radius-4 { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.border-radius-6 { -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}

.hidden { display:none;}

#phone, a#contactBtn, a#requestQuoteBtn, 
.iconForm, .iconProjects, li.inputSubmit input, .info-error { background-image:url(../images/assets.png); background-repeat:no-repeat;}

a#projectsBtn { width:227px; height:42px;background:url(../images/projects_btn.gif); text-indent:-99999px; display:block; position:absolute; right:0; top:22px;}

a#contactBtn {width:141px; height:42px; background-position:-2px -83px; text-indent:-99999px; display:block; position:absolute; right:0; top:22px;}
a:hover#contactBtn { background-position:-146px -83px;}
a:active#contactBtn { background-position:-290px -83px;}

/******* Container CSS ********/
body.home #pageContainer { background:none;}
#pageContainer { background:url(/images/bg_page_container.png) no-repeat top center;}

#contentArea {width:100%; background:#edece7 url(../images/content_bg.jpg) no-repeat top center; clear:both; padding:5px 0 0 0;}
#contentArea #content { width:990px; margin:0 auto;}
#contentArea #content #copy { width:600px; margin:0 0 0 20px; padding:15px 0 0 0; min-height:420px; height:auto !important; height:420px; float:left;}
#contentArea #content #column { width:300px; margin:0 0 0 675px; padding:15px 0 0 0; min-height:420px; height:auto !important; height:420px;}

.info{ padding:0 0 5px 0; text-shadow:#fff 1px 1px 1px; line-height:20px; position:relative;}
.info h2{font:bold 22px Arial Narrow, Arial, Helvetica, sans-serif; color:#0f1420; background:url(../images/line_bg.png) repeat-x bottom left; margin:0 0 10px 0; padding:0 0 6px 0;}
.info h2 span{ color:#20479f;}
.info p{ width:190px;}

.iconForm { width:106px; height:118px; background-position:-674px -467px; position:absolute; right:0; top:-15px;}
.iconProjects { width:80px; height:70px; background-position:-20px -506px; position:absolute; right:0; top:-15px;}

/******* Header CSS ********/
div#header { width:990px; margin:0 auto; position:relative; overflow:hidden; font:17px Arial Narrow, Arial, Helvetica, sans-serif;}

div#header #logo { width:306px; height:136px; overflow:hidden; float:left;}
div#header #logo a#logo { width:306px; height:136px; display:block;}

div#header #navigation{ float:right; display:inline; width:auto; height:46px; margin:5px 20px 0 0;}
div#header #navigation ul li{ list-style:none; display:inline; float:left; z-index:99999; position:relative; margin:0 6px; height:40px;}

div#header #navigation ul li a { display:block; height:40px; padding:0 14px; line-height:40px; margin:0; text-decoration:none; color:#fff; text-shadow:0 -1px 0 #4f873e; overflow:hidden; background:url(/images/tab_bg.jpg) repeat-x;}
div#header #navigation ul li a span.left { display:block; position:absolute; width:5px; height:40px; left:-5px; top:0; background:url(/images/tab_corners.jpg) no-repeat top left; }
div#header #navigation ul li a span.right { display:block; position:absolute; width:5px; height:40px; right:-5px; top:0; background:url(/images/tab_corners.jpg) no-repeat top right; }

div#header #navigation ul li.on {margin:0 6px;}
div#header #navigation ul li.on a {color:#fff; background:url(/images/tab_bg_on.jpg) repeat-x; text-shadow:none;}
div#header #navigation ul li.on a span.left { display:block; position:absolute; width:5px; height:40px; left:-5px; top:0; background:url(/images/tab_corners_on.jpg) no-repeat top left; }
div#header #navigation ul li.on a span.right { display:block; position:absolute; width:5px; height:40px; right:-5px; top:0; background:url(/images/tab_corners_on.jpg) no-repeat top right; }

div#header #navigation ul li a:hover { text-decoration:underline;}

div#header #phone { width:190px; height:70px; display:block; float:right; text-indent:-99999px; clear:right; display:inline; margin:15px 15px 0 0; background-position:-5px -190px;}

/******* Breadcrumb CSS ********/
#breadCrumb { display:block; width:960px; height:27px; padding:30px 0; margin:0 auto; font:bold 32px Arial Narrow, Arial, Helvetica, sans-serif; letter-spacing:-1px; clear:both; position:relative;}
#breadCrumb ul{ margin:0; padding:0 0 0 10px; line-height:24px; color:#c2d3fa;}
#breadCrumb ul li{ margin:0; padding:0; display:inline; float:left;}
#breadCrumb ul li.arrow { margin:0 10px; color:#fff;}
#breadCrumb ul li a{ text-decoration:none; color:#fff;}
#breadCrumb ul li a:hover{ text-decoration:underline;}

/******* Homepage CSS ********/
#featured { width:100%; height:284px; clear:both; color:#fff; font:bold 28px Arial Narrow, Arial, Helvetica, sans-serif;  }
#featured .homecopy { width:960px; margin:0 auto; position:relative; padding:25px 0 0 0;}
#featured .homecopy h1 { font-size:32px;}
#featured .homecopy h2 { font-size:26px; font-weight:normal;}

#homeImages { width:100%; position:relative; height:147px; margin:25px 0 0 0;}
#homeImages .fl_home { width:990px; margin:0 auto;}

/******* Form Class CSS *******/
form.form {}
form.form ul{ margin:0 auto; padding:0; width:294px;}

form.form ul li {margin:8px 0 0 0; display:block; width:294px; overflow:hidden; color:#303030;}
form.form ul li.inputTxt { background:url(/images/input_txt.png) no-repeat bottom left;}
form.form ul li.inputTxt input { display:block; width:284px; height:23px; padding:5px; background:none; border:0; border:none; font:bold 13px/22px Arial, Helvetica, sans-serif;}

form.form ul li.inputTxtArea {}
form.form ul li.inputTxtArea textarea {width:284px; padding:5px; height:84px; background:url(/images/input_txtarea.png) no-repeat bottom left; border:none; font:bold 13px Arial, Helvetica, sans-serif;}

form.form ul li.inputSubmit input{ width:143px; height:32px; background-position:-1px 0; border:none; border:0; font-size:0; line-height:0; padding:0; text-indent:-99999px; display:block; cursor:pointer;}
form.form ul li.inputSubmit input:hover{ background-position:-145px 0;}
form.form ul li.inputSubmit input:active { background-position:-289px 0;}

.info-error { background-color:#ffdada; border:1px solid #9a2b01; color:#b00000; margin:6px 0 0 0; background-position:-690px -205px; padding:6px 6px 6px 70px; overflow:hidden;}
.info-notice {background-color:#e5ffda; border:1px solid #288200; color:#288200; margin:6px 0 0 0; background-position:-690px -295px; padding:6px 6px 6px 70px; overflow:hidden;}

/******* Footer CSS *******/
#footer { clear:both; width:960px; padding:15px; margin:15px auto 0; color:#484848; overflow:hidden; position:relative; background:url(../images/footer_bg.jpg) no-repeat top left; font-size:12px;}
#footer li{ margin:0 0 2px 0;}
#footer .notice{ padding:0; text-align:right; font-size:11px; }
#footer .details ul{ float:left; padding:0 10px 0 0; margin:0;}
#footer .logos { float:left; padding:0 10px 0 0; margin:0;}

/******* Default Styling CSS *******/
.mceContentBody { padding:10px; background:none;}
.styling { color:#000;}
.styling h1, .styling h2{ margin:0 0 10px 0; padding:0 0 6px 0; font:bold 22px Arial Narrow, Arial, Helvetica, sans-serif; color:#0f1420; background:url(../images/line_bg.png) repeat-x bottom left;}
.styling h3{ margin:0 0 10px 0; padding:0; font:bold 28px Arial Narrow, Arial, Helvetica, sans-serif; letter-spacing:-2px; color:#0f1420;}
.styling h4, h5, h6 { margin:0; padding:0 0 10px 0; font:bold 28px Arial Narrow, Arial, Helvetica, sans-serif;}
.styling h4{ font-weight:normal; font-size:24px; letter-spacing:-1px; }
.styling h5{ font-weight:normal; font-size:18px;}
.styling h5{ font-weight:normal; font-size:16px;}
.styling a {color:#0f1420;}
.styling p {margin:0; padding:0 0 15px 0; line-height:20px;}
.styling hr {height:1px; border-top:1px solid #e5e5e5;border-bottom:none; border-left:none; border-right:none; width:100%; margin:10px 0 10px 0; clear:right; padding:0;}
.styling small { font-size:0.8em;}
.styling strong { font-weight:bold;}
.styling big {font-size:16px; font-weight:normal; line-height:18px; margin:0; display:block;}
.styling ul { margin:10px 0 10px 15px;}
.styling ol { margin:10px 0 10px 15px;}
.styling ul li { margin:0; padding:0 0 5px 20px; list-style:none; background:url(../images/li_item.png) no-repeat 0 4px; }
.styling ol li { margin:0; padding:0 0 5px 20px; list-style:decimal;}





/******* Gallery Styling CSS *******/
div.content {display: block; width:600px; }

div.content a, div.navigation a {text-decoration: none;color: #777;}
div.content a:hover {text-decoration: underline;}

div.controls {margin:2px 0 5px 4px; padding:8px 0; overflow:hidden; }
div.controls a {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; font-weight:bold; font-size:11px;}
div.ss-controls {float: left;}
div.nav-controls {float: right;}

div.controls a.play { background:#ccc url(../images/controls.png) no-repeat 5px -52px; padding:3px 5px 3px 18px;}
div.controls a.pause { background:#ccc url(../images/controls.png) no-repeat 5px -81px; padding:3px 5px 3px 18px;}

div.controls a.next { background:#ccc url(../images/controls.png) no-repeat 70px -25px; padding:3px 18px 3px 8px;}
div.controls a.prev { background:#ccc url(../images/controls.png) no-repeat 5px 4px; padding:3px 8px 3px 18px; margin:0 5px 0 0;}


div.slideshow-container {position: relative; height:443px; /* This should be set to be at least the height of the largest image in the slideshow */}
div.loader {position: absolute;top: 0;left: 0;background-image: url('../images/loader_big.gif');background-repeat: no-repeat;background-position:200px 120px; width:600px;
height:443px; /* This should be set to be at least the height of the largest image in the slideshow */}

div.slideshow {}
div.slideshow span.image-wrapper {display:block; position: absolute;top: 0;left: 0;}
div.slideshow a.advance-link {display: block;width:600px;
height:443px; /* This should be set to be at least the height of the largest image in the slideshow */
line-height:443px; /* This should be set to be at least the height of the largest image in the slideshow */
text-align: center;}

div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none;}
div.slideshow img {vertical-align:top; border:3px solid #c5c5c5; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

div.download {float: right;}
div.caption-container {position: relative; height: 75px;}

span.image-caption {display: block;position: absolute; width:600px;top: 0;left: 0;}
div.caption {padding: 12px;}
div.image-title {font-weight: bold;font-size: 1.4em;}
div.image-desc {line-height: 1.3em;padding-top: 12px;}

div.navigation {/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */ padding:5px 0 0 0;}
ul.thumbs {margin: 0;padding: 0; clear:left;}
ul.thumbs li {float: left;padding: 0;margin: 5px 6px 3px 0;list-style: none;}

a.thumb {padding:0; display:block; border:2px solid #fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
ul.thumbs li.selected a.thumb {border:2px solid #000;}
a.thumb:focus {outline: none;}
ul.thumbs img {border: none;display: block;}

div.pagination {clear: both;}
div.navigation div.top {margin-bottom: 12px;height: 11px;}
div.navigation div.bottom {margin-top: 12px;}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis {display:block; float:left; margin:2px 4px 6px 0; padding:4px 7px 2px 7px; border:1px solid #ccc; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
div.pagination a:hover {background:#eee; text-decoration: none;}
div.pagination span.current {font-weight:bold; background-color:#183676; border-color:none; color:#fff; text-shadow:none; }
div.pagination span.ellipsis {border:none; padding:5px 0 3px 2px;}