/* colors: brown:6c4919, blue:#42758e, grey: 244 */

* {margin:0;padding:0;}
body {padding:0px; margin:0px; color:#244;background-color:#9ea1a6;font-family:'Lucida Grande', 'Lucida Sans', Arial, Verdana, Sans-serif; }
img {border:none;}
h2 {font-size:16px; font-weight:normal; margin-bottom:25px;}


#container {margin:0px auto; padding:0px; position:relative; background:url(images/bodyBackground.png) repeat-y; width:1024px;}
#contentContainer {width:960px; background-color:#fff;  margin:0px auto;}
#header {width:960px;}
/*#topHeader {width:960px; float:left; border:1px solid #222;}*/
#header img {float:left;}
#header .tagline {font-size:18px; color:#683d01; width:410px; float:left;margin:30px 40px 0 40px;}
h1#tagline {text-indent:-9999px; width:492px;height:124px; float:left;background:top left url(images/tagline.gif) no-repeat;}
#header .address {font-size:13px; color:#683d01;  line-height:20px; width:200px; margin-top:20px; float:left;}

/*NAV*/

:focus { outline:0; }
ul#nav  {list-style:none;margin:0;padding:0;width:960px;height:72px;}
#nav li {float:left;margin:0;padding:0;text-align:center;}
#nav li a {display:block;width:240px;line-height:72px;text-decoration:none;text-transform:uppercase;color:#fff;font-size:11px;text-shadow: 0px -1px 0px #444;}
#nav li a {background:url(images/nav.jpg) repeat 0 0;}
#nav li a:hover, li a:focus, li a:active {background-position:-150px 0;}
#nav a {background:url(images/nav.png) repeat 0px -144px;width:240px;height:72px;}

/*Slideshow*/
#slider {width: 960px;position:relative;overflow: hidden;height: 300px}
.slider {height: 300px;width: 960px!important;}
.slider_content {width: 960px;;height: 300px;margin: 0 auto;display: block;}
#slide1, #slide2, #slide3, #slide4, #slide5, #slide6 {width: 100%;height: 300px;background-color:none;}
#slide1 {z-index:150}
h2#sliderHeading {width:200px;height:24px;position:absolute;top:204px;left:40px;text-indent:-9999px;background:top left url(images/sliderHeading.gif) no-repeat;}
.nextPrev {position:relative;top:2px;}
#controls {position:absolute; top:204px;left:850px;z-index:10;width:150px;height:16px;padding-left:7px;background:top left url(images/leftEdge.png) no-repeat;}
#playPause {}

ul#sliderNav {z-index:2;}
#sliderNav ul {margin:0;padding:0}

#sliderNav li {display:inline;text-decoration:none;}
#sliderNav a {display:block;float:left;width:16px;height:16px;background:2px 2px url(images/hidden.png) no-repeat #d0d0d0;text-indent: -9999px;
)}
#sliderNav a.activeSlide {background:2px 2px  url(images/showing.png) no-repeat #d0d0d0;}
#sliderPrev,#sliderNext,#playPause {display:block;float:left;height:16px;line-height:16px;width:12px;background-color: #d0d0d0}


#brownColumn {width:960px; height:307px; background:url(images/home_brownBkgd.jpg) repeat-x; color:#fff;}
#whiteColumn {width:960px; min-height:307px; background-color:#fff;margin-bottom:20px;}
#whiteColumn h2 {text-indent:-9999px;width:400px;height:40px;}
#whiteColumn p {margin-top:12px;margin-bottom:24px;font-size:12px; line-height:23px;}
#whiteColumn a {color:#42758e}
#brownColumn img.line {float:left; width:4px; height:307px;}
#brownColumn p#aboutUs {height:280px;margin-left:-25px;padding-left:25px;background:-40px 65px url(images/aboutIcon.png) no-repeat;}
#brownColumn p#whatWeDo {height:280px;margin-left:-25px;padding-left:25px;background:58px 44px url(images/whatwedoIcon.png) no-repeat;}
#brownColumn p#bottomLine {height:280px;margin-left:-25px;padding-left:25px;background:97px 115px url(images/bottomlineIcon.png) no-repeat;}

.homeLeft {float:left; width:283px; padding:0px 10px 0px 25px; margin-top:18px; font-size:15px; line-height:23px; }
#sidebar {float:left; width:283px;min-height:420px; padding:0px 10px 0px 25px; margin-top:18px; font-size:12px; line-height:23px}
#main {float:left; width:580px;min-height:420px; padding:0px 10px 0px 25px; margin-top:18px; font-size:12px; line-height:23px; background:top left url(images/divider_lg.png) no-repeat}

#main h3, #main p {margin-top:12px;}
br.break {clear:both;}
#main ul {margin-left:12px;}
#main li {list-style-image:url(images/bullet.gif)}
#main ul.clients {font-size:16px;line-height:28px;}

a.caseLink, a.caseLink span {width:280px;min-height:170px;float:left;display:block;background:20px 20px url(images/h3bg.gif) no-repeat;text-decoration:none;color:#244;font-weight:bold;font-size:14px;}
p.description {width:280px;float:left;display:block;position:relative;margin-bottom:12px}
a#westHerr {background:0 36px url(images/westHerrVideo.gif) no-repeat}
a#lakeshore {background:0 36px url(images/lakeshoreVideo.gif) no-repeat}
a#beechwood {background:0 36px url(images/beechwoodVideo.gif) no-repeat}
a#cpap {background:0 36px url(images/cpap.gif) no-repeat}
#sidebar h3 {color:#42758e; margin-top:12px;}
#sidebar p {color:#6c4919; margin-top:12px;}
#slider a:hover {cursor:pointer}

#rohto1,#rohto2,#rohto3,#rohto4,#thumbs {float:left;position:relative;}
#rohto1 {top:-634px;*top:-540px}
#rohto2 {top:-634px;*top:-540px;left:20px}
#rohto3 {top:-544px;*top:-450px;left:-240px}
#rohto4 {top:-544px;*top:-450px;left:-220px}
#thumbs {top:-534px;*top:-400px;left:16px}

#footer {width:960px; height:78px; background:url(images/bkgd_footer.jpg) repeat-x; text-align:center; font-size:12px; color:#382000; line-height:27px; padding-top:20px;margin-top:0}
#footer a {text-decoration:none; font-weight:bold; color:#382000;}

.sidebarIcon {position:relative;left:-25px;}