@charset "UTF-8";
/* Global Stylesheet for RohanChambers.net Ver.3.0 | by Rohan Chambers | April 26 2010
   Color Scheme: Dark Blue: #171922 | Light Blue: #0074c0 */

/******************	Start : Share and cascade ******************/
html { padding-top: 15px; background: #0a0f15 url(../img/global/bg-forest.jpg) no-repeat;}
h1 { width: 300px; padding-bottom: 5px; font-size: 2em; line-height: 1; letter-spacing: -2px; color: #171922; background: inherit;} /*Title pages*/
h2 { width: auto; height: 36px; background: #171922; padding: 4px 0 0 0; line-height: 1.1; text-align: center; font-variant: small-caps; letter-spacing: 2px; font-size: 1.2em; font-weight: normal; color: #fff;}/*Sub headers (Home)*/
h3 { font-size: 1em; font-weight: bold; line-height: 1; margin: 0;}/*Latest news headers*/
h4 { font-size: 1.4em; font-weight: normal; font-variant: small-caps; letter-spacing: 2px;} /*Footer headers*/
h5 { background: #171922; margin: 5px 0; padding-left: 5px; font-size: 1.2em; font-weight: normal; font-variant: small-caps; letter-spacing: 2px; color: #FFF;}
p { padding: 5px 0;}
.bold { font-weight: bold;}
.fontColor { font-weight: bold; color: #0074c0; background: inherit;}
.clearBoth { clear: both; margin: 0; padding: 0;}
.floatLeft { float: left; width: auto;}
.floatRight { float: right; width: auto;}

/******************	Start : Id's ******************/
#container { width: 940px; height: auto; margin: 0 auto; padding: 15px; background: #fff; border: 1px solid #171922; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px;}
#header { position: relative; height: 342px;}
#logo { position: absolute; margin: 0;}
#rss img { float: right;}
#date { position: absolute; margin: 19px 0 0 790px; width: 150px; text-align: right;}
#addThis { float: right; position: relative; z-index: 1000;}
#addThis a { color: #000; background: inherit;}
#addThis a:hover { color: #000; text-decoration: none; background: inherit;}
#version { position: absolute; font-family: Arial, Verdana, Helvetica; font-size: 1.6em; font-weight: bold;}
#nav { position: absolute; margin: 42px 0 0 170px; width: 785px; height: 40px;}
#nav2 { position: relative; float: right; margin-top: 5px; width: auto; height: 25px;}
#navTop { position: relative; float: left; margin-top: 5px; width: auto; height: 25px;}
#banner { position: absolute; margin: 92px 0 0 0; width: 940px; height: 250px;}
#subNav { position: relative; height: 35px; width: 940px;}
#breadcrumb { display: none; /*position: absolute; margin-top: 30px;*/}
#search { position: absolute; margin: 7px 0 0 0; display: block;}
#content { margin-top: 10px; height: auto;  clear: both; overflow: hidden; font-size: 1.2em;}
#left { float: left; width: 465px; height: auto; padding-bottom: 10px; margin: 3px 10px 0 0;}
#right { float: right; width: 450px; height: auto; padding-top: 20px;}
#panels { clear: both; overflow: hidden; height: auto;}
#footer { height: auto; background: #171922 url(../img/global/footer-bg-forest.jpg) top right; color: #FFF; width: 940px; margin: 0 auto; padding: 15px 15px 5px 15px; border-bottom: 6px solid #0074c0;}
#footerLeft { float: left; width: 313px; height: auto;}
#footerCenter { float: left; width: 313px; height: auto;}
#footerRight { float: left; width: 313px; height: auto;}
#social { margin: 10px 0 15px 0; width: 313px; height: 40px;}
#social li { display: block; float: left; padding: 0 12px 0 0; width: 35px;}
#twitter { clear: both; overflow: hidden; width: 313px; height: auto; color: inherit; font-size: 1.4em;}
#twitter img.tweetBird { float: right;}
#twitter p { font-size: 1.4em; font-style: italic;}
#copyright { clear: both; width: 375px; padding-top: 20px;}
#topAnchor, #topForm { width: 1px;}

/******************	Start : Class's ******************/
.longWidth { width: 650px!important;}
.error { color: #F00; font-size: 0.8em;}
.space { margin-bottom: 5px;}
.backTop { float: right; margin-right: 10px;}
.slider { display: block; height: auto; clear: both; overflow: hidden;}
.webProjects { width: 100%; height: auto; clear: both; overflow: hidden; margin: 10px 0;}
.webProjects h5 { margin-bottom: 15px;}
.webImages { width: 400px; height: auto; float: left; padding-top: 8px;}
.webVideo { width: 400px; height: auto; float: left; margin-right: 15px; padding-top: 8px;}
.webDetails { width: 500px; height: auto; float: left;}
.projects { display: block; overflow: hidden; clear: both; padding: 5px 0 3px 5px; line-height: 1.5; border-right: 4px solid #FFF;}
.projects:hover { display: block; overflow: hidden; clear: both; color: #FFF; padding: 5px 0 3px 5px; background: #171922; border-right: 6px solid #0074c0;}
.projects p { margin: 0; padding: 5px 0;}
.projects a { display: block; width: auto; font-size: .888em; font-weight: bold; background: inherit; color: #0074c0; outline: none;}
.projects a:hover { text-decoration: none;}
.projects img, .projects img:link, .projects img:visited { border: 1px solid #CCC; padding: 2px; outline: none;}
.projects img:hover, .projects img:active { border: 3px solid #FFF; padding: 0px;}
.clearProject { clear: both; margin-bottom: 10px;}
.panel { width: 300px; height: auto; float: left; margin: 0px 13px 0 0;}
.panelContent { width: 285px; height: auto; padding: 0 0 12px 15px;}
.headerColor { float: left; height: 40px; width: 10px; background: #0074c0; border-right: 1px solid #fff;}
noscript { color: #F00; font-size: 1.2em;}
noscript p { width: 300px;}

/******************	Start : List Elements ******************/
/* Overall website link styles */
#content a:link, #content a:visited { color: #0074c0; text-decoration: underline; background-color: transparent;}
#content a:active, #content a:hover { color: #0074c0; text-decoration: none; background-color: transparent;}

/* Overall website image colors */
.borderImg { border:1px solid #CCCCCC; margin-top: 5px; padding: 2px;}

/* Copyright link colors */
#copyright a:link, #copyright a:visited { color: #0074c0; text-decoration: underline; background: inherit;}
#copyright a:active, #copyright a:hover { color: #00669d; text-decoration: none;}

/* Overall list styles */
ul.lists, ol.orderedList { padding: 7px 0;}
.lists li { padding: 0 0 5px 10px; list-style: disc; list-style-position: inside;}
.orderedList li { padding: 0 0 5px 10px; list-style: decimal; list-style-position: inside;}

/* Search input styles */
input.search { padding-left: 3px; border: 2px solid #0074c0; background: #eff0f6; font-size: 1.1em;}
input.search:hover { border: 2px solid #666699; background: #FFF;}
input.submit { background: #171922; color: #FFF; padding: 2px; cursor: pointer; border: none; font-size: 1.1em;}
input.submit:hover { background: #0074c0; padding: 2px;}

/* Submit image Rollover Button | Get a quote and Contact Pages */
input.buttonSubmit { margin-top: 15px; cursor: pointer; border: none; background: url(../img/global/buttonSubmit.png) no-repeat 0 0; width: 107px; height: 32px;}
input.buttonSubmit:hover { margin-top: 15px; border: none; background: url(../img/global/buttonSubmit.png) no-repeat 0 -32px;}

/* Sprite Get a Quote Button */
a.btn-get-a-quote {  margin: 9px 0 0px 0; clear: both; overflow: hidden; display: block; width: 290px; height: 32px; background: url(../img/global/btn-get-a-quote.png) no-repeat 0 0;}
a.btn-get-a-quote:hover { background-position: 0 -32px;}
a.btn-get-a-quote span { display: none;}

/* Sprite Find Out More Button */
a.btn-find-out-more { margin: 9px 0 0px 0; clear: both; overflow: hidden; display: block; width: 164px; height: 32px; background: url(../img/global/btn-find-out-more.png) no-repeat 0 0;}
a.btn-find-out-more:hover { background-position: 0 -32px;}
a.btn-find-out-more span { display: none;}

/*Various Links*/
a.toggle { outline: none; display: inline-block; padding-right: 13px; font-size: .9em; line-height: 0.9em; margin: 15px 0 8px 0; position: relative; color: #010101!important; background: url(../img/icons/plus.gif) no-repeat top right;}
a:hover.toggle { text-decoration: none;}
a.active.toggle { background: url(../img/icons/minus.gif) no-repeat top right;}

/* Various Lists */
.siteMap { margin: 0; padding: 0;}
.siteMap li { margin: 0; padding: 0 0 0 55px;}

/*Primary Navigation*/
#nav li { display: inline; font-size: 1.2em; text-transform: uppercase; letter-spacing: .20em; font-weight: normal;}
#nav li a { display: block; float: left; width: 130px; height: 40px; border-left: 1px solid #FFF; line-height: 2.3; background: #171922; color: #FFF; text-decoration: none; text-align: center;}
#nav li a:hover { background: #0074c0;}
/*#nav li a.current { background: #0074c0;}*/
#nav .subText { display: block; width: 130px; height: 10px; font-size: 0.7em; text-align: center; margin-top: -8px; background: inherit; color: #FFF; cursor: pointer;}
#nav .colorBlock { display: block; float: left; margin-left: 13px; width: 10px; height: 40px; background: #0074c0;}

/*Secondary Navigation*/
#nav2 li { display: block; float: left; padding: 0 0 4px 4px; font-size: 2em; line-height: 0; letter-spacing: -2px; color: #171922; background: inherit; text-transform: uppercase;}
#navTop li { display: block; float: left; padding: 0 0 4px 0; font-size: 2em; line-height: 0; letter-spacing: -2px; color: #171922; background: inherit;}
#nav2 li a, #navTop li a { background: inherit; color: #000; text-decoration: none; width: auto;}
#nav2 li a:hover, #navTop li a:hover { border-bottom: 4px solid #0074c0; padding-bottom: 2px;}
#nav2 li a.current, #navTop li a.current { border-bottom: 4px solid #0074c0; padding-bottom: 2px;}

/* Footer List */
.footerList { float: left; width: 280px; height: auto; margin-top: 13px; border-bottom: 1px solid white;}
.footerList li { list-style: none; margin: 0; padding: 0.31em; border-top: 1px solid white;}
.footerList span { font-weight: bold;}
.footerList li a { display: block; width: 100%; text-decoration: none; background: inherit; color: #FFF; font-size: 1.1em;}
.footerList li a:hover { display: block; width: 100%; background-color: #0074c0; color: #FFF;}
.footerList #current a { width: 100%; color: #000000; background: inherit;}