/* Author: 	David Hanas, ©2009 Studio IL, author website: www.davehanas.com */
@import url(reset.css);

html, body { height: 100%; }
body { background: #344051; margin: 0px auto; color: #110F0F; font-family: Helvetica, Arial, sans-serif }
a:link, a:active, a:visited { color:#726451; text-decoration: none; }
a:hover { color: #00ADEE;}

/* Header :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#headerWrapper { background: #344051 url(../images/sil-header-bg-tile.gif) repeat-x scroll center top; position: relative; width: 100%; margin: 0px auto; }
#headerWrapper #headerContent{ position: relative; width: 900px; height: 117px; margin: 0px auto; padding: 0px; }
#headerWrapper #headerContent a#logo{position:absolute; left: 23px; top: 5px;}

#socialNav{position: absolute; left: 524px; top: 10px;}
a#blogBtn{ background: url(../images/sil-visit-blog-btn-sprite.png) no-repeat scroll left top; display: block; width: 149px; height: 28px; float:left; }
a#blogBtn:hover{ background: url(../images/sil-visit-blog-btn-sprite.png) no-repeat scroll left -34px; }
#socialNav a#forumBtn{ background: url(../images/sil-visit-forum-btn-sprite.png) no-repeat scroll left top; display: block; width: 154px; height: 28px; float: left; }
#socialNav a#forumBtn:hover{ background: url(../images/sil-visit-forum-btn-sprite.png) no-repeat scroll left -34px;}
a#blogBtn span, #socialNav a#forumBtn span{display:block; text-indent: -10000px;}

/* Main Navigation :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#mainNavWrapper { margin: 0px; height: 49px; position: absolute; left: 237px; top: 71px; }
#mainNavWrapper ul#mainNav { margin: 0px auto; height: 49px; width: 663px; list-style: url(../styles/none) none; }
#mainNavWrapper ul#mainNav li { display: block; float: left; margin: 0px 10px; position: relative; }
#mainNavWrapper ul#mainNav li a:link, 
#mainNavWrapper ul#mainNav li a:active, 
#mainNavWrapper ul#mainNav li a:visited { font-size: 16px; color: #F4F4F4; border-style: none; padding: 15px 12px 16px; position: relative; display: block; text-transform: uppercase; letter-spacing: 0.2px; background: url(../images/sil-main-nav-sprite.gif) repeat-x scroll left top; }
#mainNavWrapper ul#mainNav li a:hover, #mainNavWrapper ul#mainNav li a#topCurrent { background: url(../images/sil-main-nav-sprite.gif) repeat-x scroll left bottom; color: #344051; }

/* Main Content :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#bodyWrapper{ position: relative; width: 100%; margin: 0px auto; background: #FFFFFF url(none); }
#bodyWrapper #colWrapper{ background: #FFFFFF url(none); position: relative; width: 900px; margin: 0px auto; padding: 0px;}
#bodyWrapper #leftCol{ width: 246px; display: block; float: left;}
#bodyWrapper #rightCol{ width: 539px; display: block; float: left; margin: 0px 0px 0px 1px; border-left: 1px solid #C2C2C2; padding: 43px 74px 86px 30px; min-height: 250px; font-size: 15px;}
#bodyWrapper #rightCol h1, #bodyWrapper #leftCol h1{font-size: 28px; letter-spacing: 0.2px; color: #7E2C18; }
#bodyWrapper #rightCol h2, #bodyWrapper #leftCol h2{font-size: 28px; letter-spacing: 0.2px; color: #636363; font-weight:normal;}
#bodyWrapper #rightCol h3, #bodyWrapper #leftCol h3{font-size: 21px; letter-spacing: 0.2px; color: #110F0F;}
#bodyWrapper #rightCol h4, #bodyWrapper #leftCol h4{font-size: 17px; letter-spacing: 0.2px; color: #110F0F; line-height:21px;}
#bodyWrapper #rightCol h5, #bodyWrapper #leftCol h5{font-size: 20px; letter-spacing: 0.2px; color: #FAA722;}
#bodyWrapper #rightCol p, #bodyWrapper #rightCol ol, #bodyWrapper #rightCol ul, #bodyWrapper #leftCol p{line-height: 21px; padding-bottom: 10px; }
#bodyWrapper #rightCol ul li { background:transparent url(../images/sil-ul-nav-bullet.gif) no-repeat scroll 0 0.4em; display:list-item; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 0 6px; padding:0 0 0 20px; }
#bodyWrapper #rightCol ol { list-style: decimal outside; margin-left: 26px; }

/* Side Navigation, 1st level :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#leftCol ul#sideNav { display: block; padding-top: 46px; padding-left: 51px; float: left;}
#leftCol ul#sideNav li {}
#leftCol ul#sideNav li a:link, 
#leftCol ul#sideNav li a:active, 
#leftCol ul#sideNav li a:visited { display: block; width: 189px; padding-top: 5px; padding-bottom: 5px; padding-left: 6px; background: url(../images/sil-side-nav-sprite.gif) repeat-x scroll left top; color: #363636; }
#leftCol ul#sideNav li a:hover, #leftCol ul#sideNav li a#sideCurrent { background: url(../images/sil-side-nav-sprite.gif) repeat-x scroll left bottom; color:#FFFFFF; }

/* Format the form boxes & elements */
dl { position: relative; width: 505px; background: #F9E9CC url(none); display: block; float: left; padding: 21px 5px 5px 14px; margin-top: 21px; }
dt { clear: both; float: left; width: 128px; height: 18px; padding: 2px 0 4px; text-align: right; }
dd#hidden { height: 18px; }
dd { float: left; width: 280px; margin: 0 0 8px 0; padding-left: 6px; }
dt.formSpacer { border-top: 1px solid #C2C2C2; margin: 12px 0px 0px 0px; position: relative; }
dd.formSpacer { border-top: 1px solid #C2C2C2; margin: 12px 0px 0px 0px; position: relative; width: 325px; }

.input, .select, .textarea { width: 300px; border: 1px solid #080B0C; background: #ffffff; padding: 4px; }
fieldset { border: 1px solid #080B0C; padding: 17px 20px 0px 34px; margin:0px; background: #ffffff; float: left; }

/* Format the form elements */
select { font-size: 98%; }
input { }

/* Footer Content :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#footerWrapper{ background: #344051 url(../images/sil-footer-bg-tile.gif) repeat-x scroll center top; position: relative; width: 100%; margin: 0px auto; }
#footerWrapper #footerContent{ position: relative; width: 900px; height: 117px; margin: 0px auto; padding: 82px 0px 0px; }

#footerWrapper ul#footerNav { font-size: 12px; list-style: none; margin: 0px auto; width: 900px; }
#footerWrapper ul#footerNav li { display: block; float: left; border-right: solid 1px #CCCCCC; padding: 5px; }
#footerWrapper ul#footerNav li a:link, #footerWrapper ul#footerNav li a:active, #footerWrapper ul#footerNav li a:visited { margin: 0px 5px; color: #EDEDED; }
#footerWrapper ul#footerNav li a:hover{ color: #00ADEE;}

/* Clearing floats without extra markup */
.clearfix:after, .previous-next:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix, .previous-next { display: inline-block; }
* html .clearfix, * html .previous-next { height: 1%; }
.clearfix, .previous-next { display: block; }
.clear { clear: both; }

/*Home page styles*/
body#homePage #leftCol { width: 380px; height: 439px; font-size: 15px; padding:60px 25px 90px 20px; }
body#homePage #leftCol img{margin-left:-25px; margin-bottom:-22px;}
body#homePage #rightCol {width: 380px; height: 439px; padding:60px 5px 90px 45px;}
body#homePage #rightCol img{margin-left:-25px; margin-bottom:-22px;}

body#homePage #hpCta{ margin: 0px auto; background: url(../images/sil-homepage-footer-bg-tile.gif) repeat-x scroll center top; display: block; width: 100%; position: relative; float: left; min-height:280px; }
body#homePage #hpCta #ctaContent{ width: 900px; margin: 0px auto; position: relative; }
body#homePage #hpCta #ctaContent div { display: block; float: left; position: relative; font-size: 12px; line-height: 21px; color: #B5B5B5; padding: 25px; margin-top: 14px; }
body#homePage #hpCta #ctaContent h5{font-size: 20px; letter-spacing: 0.2px; color: #FAA722;}
body#homePage #hpCta #ctaContent .smallDiv{ width: 175px; padding-right:13px; min-height:207px; }
body#homePage #hpCta #ctaContent .largeDiv{width: 380px; padding-left:50px;}

body#homePage #hpCta #ctaContent .largeDiv a {color:#00ADEE}
body#homePage #hpCta #ctaContent .largeDiv a:hover {color:#C8EBEB;}


body#homePage #footerWrapper{ float: left; background: url(none) no-repeat; padding-top: 5px; }
body#homePage #footerWrapper #footerContent{ padding-top: 5px; }

/* Special ID's*/
a.readMore { background: url(../images/sil-read-more-btn-sprites.png) no-repeat scroll left top; height: 46px; width: 175px; display: block; float: left; position: relative; margin-left: -5px; }
a.readMore:hover { background: url(../images/sil-read-more-btn-sprites.png) no-repeat scroll left -45px; }

a#continueBtn{ background: url(../images/sil-continue-btn-sprites.png) no-repeat scroll left top; height: 33px; width: 119px; display: block; float: left; position: relative; margin-left: -5px; }
a#continueBtn:hover{ background: url(../images/sil-continue-btn-sprites.png) no-repeat scroll left -31px; height: 33px; }

a#getstartedBtn{ background: url(../images/sil-get-started-btn-sprites.png) no-repeat scroll left top; height: 34px; width: 130px; display: block; float: left; position: relative; margin-left: -5px; }
a#getstartedBtn:hover{ background: url(../images/sil-get-started-btn-sprites.png) no-repeat scroll left -33px; }

a.iphoneBtn{ background: url(../images/sil-iphone-btn-sprites.png) no-repeat scroll left top; display: block; float: left; height: 47px; width: 324px; margin-left: -5px; position: relative; }
a.iphoneBtn:hover{ background: url(../images/sil-iphone-btn-sprites.png) no-repeat scroll left -47px; }

/*Hidden Spans */
a.readMore span,
a#continueBtn span,
a#getstartedBtn span,
a.iphoneBtn span
{display:block; text-indent: -10000px;}

/*Custom Classes */
.borderRight {border-right: 1px solid #CCCCCC;}
.floatLeft{ display: block; margin: 10px 10px 10px 0px; float: left; position: relative; }
.addline{padding: 6px 0px; margin-top: 6px; clear:left; border-top:1px solid #C2C2C2;}
.floatleftmin {float: left;}


/*Our Team Page */
h3 img{ margin-right:15px; position:relative;z-index: 98;}

.highLight {background-color: #EEEEEE;}
.pretty-hover {background: #fee;cursor: pointer;}      
.hideMe{z-index: 99;position: relative;background:#ccc;}

/* Thick box custom classes */
a.thickbox img{border: solid 4px #BED1DF;}
a.thickbox:hover img{border: solid 4px #45B6F4;}

/*Form validation & error messages custom classes */
input.error, textarea.error{border: solid 1px #FF6600;}
label.error{padding:  4px; border: solid 1px #FF6600; background:#FFFF00;position: relative; margin: 5px 0px; display: block;}