body {background-image:url(/images/back_pattern.gif); background-color:#b4c26f; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#444444; margin:0; padding:0; line-height:140%;}
p {margin:0px; padding:0px;}
h1 {font-size:24px; color:#de1c61; margin:0px 0px 10px 0px; padding:0px; font-weight:normal;}
.h2{font-size:15px; margin:20px 0px 10px 0px; padding:0px; border-bottom:1px solid #CCCCCC; width:620px; display:block; float:left;}
h3{font-size:14px; margin:0px; padding:0px;}
a {color:#df1e61;text-decoration:none;}
a:hover {text-decoration:underline;}
hr{width:100%; margin:30px 0px; color:#CCCCCC;}

img, div { behavior: url(/iepngfix.htc) }

#mainContainer {width:1080px; margin:0 auto; background-image:url(/images/side_shadow.png); background-repeat:repeat-y;}
#insideContainer {width:1018px; margin:0 auto; display:block; background-image:url(/images/main_back.jpg); background-position:bottom; background-repeat:no-repeat; background-color:#FFFFFF;}
#logo {float:left; width:297px; height:164px; font-size:18; font-weight:bold;}
#navArea {margin:0 0 0 0; width:1018px; height:143px; background-image:url(/images/top_back.jpg); background-repeat:no-repeat; background-position:right;}
#slideArea { width:960px; height:297px; display:block; margin:21px 30px 21px 30px;}
#bodyAreaHome {display:block; margin:0 0 0 30px; padding:0px 10px 10px 0px; width:672px; height:240px; border-right:1px solid #CCCCCC;}
#bodyArea {display:block; margin:0 0 0 300px; padding:10px 10px 20px 30px; width:635px; min-height:560px;  border-left:1px solid #CCCCCC;}

.photoFrame{background-image:url(/images/photo_frame.gif); background-repeat:no-repeat; padding:8px 16px 12px 16px; margin:0px 10px 0px 0px; display:block; float:left;}

#bodyArea ul { margin:15px 0px 0px 0px; padding:0 0 0 20px;}
#bodyArea li { margin:0px 0px 8px 0px;}

#bodyArea .linkList{ width:600px; display:block; margin-top:20px;}
#bodyArea .linkList ul { padding:0; margin:10px 0 0 0;}
#bodyArea .linkList ul li { display:inline; overflow:hidden; float:left; padding:0; margin:0 0 10px 0; width:250px;}

#sideBar{ width:250px; text-align:center; display:block; margin:0 0 0 30px; float:left;}
#callOutArea {display:block; width:284px; float:right;}
#callOutArea p {padding:10px 10px 15px 0px;}
#footer {width:1080px; margin:0 auto; height:35px; min-height:35px; background-image:url(/images/footer_back.png); background-repeat:no-repeat; font-size:11px; color:#e9ecdb; text-align:center; padding:15px 0px;}

.footerLinks {font-size:11px; color:#e9ecdb;}
.footerLinks a {color:#e9ecdb; text-decoration:none;}
.footerLinks a:hover {color:#e9ecdb; text-decoration:underline;}

/*Top Nav*/
span.hide {display:none;}
#menu-container { float:left; width:693px; height:42px; margin-top:101px;}
#menu-container ul {padding:0; margin:0;}
#menu-container li { display:inline; overflow:hidden; float:left; padding:0; margin:0;}
#menu-container a {height:42px; display:block;}

.btnOne {width:86px; background:url(/images/btn_portfolio.gif) top left no-repeat;}
.btnTwo {width:150px; background:url(/images/btn_service.gif) top left no-repeat;}
.btnThree {width:119px; background:url(/images/btn_rave_reviews.gif) top left no-repeat;}
.btnFour {width:83px; background:url(/images/btn_about_us.gif) top left no-repeat;}
.btnFive {width:101px; background:url(/images/btn_philosophy.gif) top left no-repeat;}
.btnSix {width:96px;background:url(/images/btn_contact.gif) top left no-repeat;}
.btnSeven {width:58px; background:url(/images/btn_links.gif) top left no-repeat;}

#menu-container ul li a:hover {background-position:0 -42px; border:none;}
#menu-container ul li a.active {background-position:0 -42px;}

/*Top Nav Drop Down*/
#menu-container ul li ul {z-index:100; position:absolute; background-color:#648d2d; border-right:solid 1px #557728; border-left:solid 1px #557728; border-top:solid 1px #557728; left: -999em; height:auto; width:220px; margin:-1px 0 0 0; padding:0;}
#menu-container li ul li {/*float:none;*/ margin:0; padding:0; width:220px; border-bottom:solid 1px #557728; line-height:14px;}
#menu-container li ul li a {text-decoration:none; font-size:11px; color:#fff; font-weight:bold; /*text-transform:uppercase;*/ height:auto; padding:3px 8px; /*border-bottom:solid 1px #ccc;*/ border:none;}
#menu-container li ul li a:hover {color:#ff9900; /*color:#394a58;*/ background-color:#fbf5ee; border:none;}
#menu-container ul li:hover ul, #main-nav ul li.mainHover ul {left:auto;min-height: 0;}
#menu-container ul li ul li ul {z-index:100; position:absolute; background-color:#efefef; background-repeat:repeat-y; border-right:solid 1px #b2b2b2; border-left:solid 1px #b2b2b2; border-top:solid 1px #b2b2b2; display:none; height:auto; width:150px; padding:0; margin:0;}
#menu-container li ul li ul li {float:none; margin:0; padding:0; width:135px; border-bottom:solid 1px #b2b2b2; /*border:none;*/ display:block; height:auto; margin:0; padding:0;}
#menu-container li ul li ul li a {text-decoration:none; font-size:12px; color:#363636; font-weight:bold; height:auto; /*padding:5px 10px;*/ border:none;}
#menu-container li ul li ul li a:hover {color:#00853e; border:none;}
#menu-container ul li ul li:hover ul, #menu-container ul li ul li.mainHover ul { display:block; left:135px;}
	
/*Slideshow style rules.*/
#slideshow {margin:0 auto; width:960px; height:297px; background-color:#990099; background:transparent url(/images/slide_back.gif) no-repeat 0 0; position:relative;}
#slideshow #slidesContainer {margin:0 auto; width:960px; height:297px; overflow:auto; /* allow scrollbar */ position:relative;}
#slideshow #slidesContainer .slide { margin:0 auto; width:940px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:297px;}

/*Slideshow controls style rules.*/
.control {display:block; width:39px; height:263px; text-indent:-10000px; position:absolute; cursor: pointer;}
#leftControl {top:260px; left:700px; background:transparent url(/images/control_left.jpg) no-repeat 0 0;}
#rightControl {top:260px; right:130px; background:transparent url(/images/control_right.jpg) no-repeat 0 0;}

.slide h2, .slide p {margin:0px; padding:0px;}
.slide div {width:245px; line-height:160%; float:left;}
.slide div a {display:block; background-image:url(/images/pink_arrow.gif); background-repeat:no-repeat; margin:10px 0 0 0; text-indent:15px;}
.slide h2 {font-weight:normal; font-size:20px; color:#de1c61; margin:15px 0px 5px 0px;}
.slide img {float:left; margin:0px 15px 0px 0px; }

#slideIndex {left: 700px; bottom: 20px; position: absolute;}

.numbers{color: #333333; text-align: center; margin: 5px; cursor: pointer;}
.active{color: #df1e61;font-weight:bold;}