/* Global Class */
*{margin:0; padding:0}
body{margin:0 auto; text-align:center}
body, div, span, p, td, select, input, textarea, th, td, li{font-family:arial, verdana, helvetica, sans-serif; color:#000; font-size:12px}

p{margin:0 0 15px}
img{border:none}

h2{font-weight:normal; font-size:22px; padding-bottom:12px; color:#83341c}
h3{font-size:16px; padding-bottom:12px; color:#83341c}
h4{font-size:12px; border-bottom:1px solid #d3d1d1; padding-bottom:4px; margin-bottom:8px}

hr{height:1px; border:none; border-top:1px solid #ecedee; position:relative; display:block; overflow:visible; margin-bottom:10px}

a{color:#83341c; text-decoration:none}
a:hover{text-decoration:underline}

ul{margin:0 0 15px 0; list-style:none;line-height: 12px;}
li{background:url(/images/bullet01.gif) no-repeat 0 5px; padding:0 0 0px 12px}

/* Useable Class */
.clear{clear:both; font-size:0}

.more{text-align:right}
.more a{background:url(/images/bulletMore.gif) no-repeat right center; padding-right:10px; font-size:11px; text-align:right; font-weight:bold; color:#853403}

ul.serviceList{margin:0 0 15px 0; list-style:none}
ul.serviceList li{background:url(/images/bullet01.gif) no-repeat 0 5px; padding:0 0 6px 12px; margin-bottom:5px; border-bottom:1px solid #e6e6e6}
ul.serviceList a{color:#000}

.imgRight{float:right; margin-bottom:15px; margin-left:15px; border:5px solid #e7e3d9}

/* Layout Class */
.headerOuter{background:url(/images/headerBg.jpg) repeat-x top left; height:110px; border-bottom:4px solid #662500}
.header{height:110px; width:902px; margin:0 auto}
.headerLeft{float:left}
.headerRight{float:right; text-align:left}

.headerData{width:681px; float:left; position:relative}
.headerData .slogan{float:right; margin-top:24px}

.navData{margin-top:30px; float:left}
.navData .navDataCorner{float:left; background:url(/images/navCorner.gif) no-repeat top left; width:12px; height:28px; display:block} 
.navData ul{background:url(/images/navBg.gif) repeat-x top left; margin:0; width:669px; height:28px; list-style:none; display:inline; padding:0; float:left}
.navData li{background:url(/images/navDivider.gif) no-repeat 0 6px; padding:10px 10px 0 10px; list-style:none; display:inline; float:left; white-space:nowrap}
.navData li.navDataListFirst{padding-left:20px; background:none}
.navData li.navDataListLast{background:none}
.navData a{background-position:top left; background-repeat:no-repeat; display:block; height:10px; line-height:0; text-indent:-8000em}
.navData a:hover{background-position:bottom left}
.navData a.navHome{background-image:url(/images/navHome.gif); width:43px}
.navData a.navAboutus{background-image:url(/images/navAboutus.gif); width:72px}
.navData a.navServices{background-image:url(/images/navServices.gif); width:64px}
.navData a.navPhoto{background-image:url(/images/navPhoto.gif); width:114px}
.navData a.navReferences{background-image:url(/images/navReferences.gif); width:87px}
.navData a.navLinks{background-image:url(/images/navLinks.gif); width:40px}
.navData a.navContactus{background-image:url(/images/navContactus.gif); width:88px}

.logo{display:block; width:137px; height:75px; float:left; margin-left:0; position:relative}
.logo h1{float:left}
.logo h1 a{background:url(/images/logo.gif) no-repeat; display:block; text-indent:-8000em; width:137px; height:75px; margin:23px 0 0 0; line-height:100%}

.mainContainer{background:url(/images/mainBg.jpg) repeat-x 0 0; padding:20px 0}
.mainOuter{width:902px; margin:0 auto}
.main{width:902px; float:left; text-align:left}
.mainLeft{width:272px; float:left; margin-right:20px; padding-right:20px; border-right:1px dashed #d8d8d8}
.mainMid{width:272px; float:left; margin-right:20px; padding-right:20px; border-right:1px dashed #d8d8d8}
.mainRight{width:272px; float:right}

.main-left-half{width:450px; float:left; text-align:left}
.main-right-half{width:450px; float:right; text-align:left}
.col400{width:430px; height:250;float:left; text-align:left}
.col2{width:430px;height:610px;padding-bottom:25px;padding-right:20px;float:left; text-align:left}

.footerOuter{background-color:#fbf2e1}
.footer{width:902px; margin:0 auto}
.footerContent{float:left; width:902px; padding:15px 0 30px; text-align:left}
.footerContentLeft{float:left; width:500px}
.footerContentRight{float:right; width:280px}
.footer a{color:#000; white-space:nowrap}
.footer a:hover{color:#230052; text-decoration:underline}
.footer p{background:url(/images/logoThumb.gif) no-repeat 0 2px; font-size:11px; float:right; margin:0; padding-left:80px; text-align:left}
.footer ul{margin:0; padding:0; list-style:none; display:inline; float:left; margin-bottom:10px}
.footer li{background:none; padding:0 5px 0 0; margin-right:5px; border-right:1px solid #000; color:#000; list-style:none; display:inline; float:left; white-space:nowrap}
.footer li.footerListLast{border:0; margin:0; padding:0}
.footer .copyrights{font-size:11px} 

.creativeOuter{background:url(/images/creativeShadow.gif) no-repeat bottom left; width:902px; position:relative; margin:0 auto 10px; padding-bottom:15px}
.creative{border:10px solid #d9c8b5; margin:0 auto; text-align:left}
.creative img{display:block}
.creativeOuter .tabPhotoGallery{background:url(/images/tabGallery.png) no-repeat 0 0; text-indent:-8000em; width:206px; height:54px; position:absolute; right:15px; top:375px; z-index:100}

.introCap{font-size:12px; font-weight:bold; padding-bottom:12px; color:#83341c}

.memberContainer{width:902px; float:left; text-align:left; padding-bottom:15px}
.memberContainer .memberColLeft{width:145px; float:left}
.memberContainer .memberDesc{width:740px; float:right}
.memberContainer .memberName{color:#83341c; font-weight:bold; font-size:13px}
.memberContainer .memberProfile{color:#868686}

#slider{width: 883px; height: 424px; position: relative; overflow: hidden; }

.stepcarousel{position:relative; overflow:scroll; width:200px; height:68px; float:left}
.stepcarousel .belt{position:absolute; left:0; top:0}
.stepcarousel .panel{float:left; overflow:hidden; margin-right:10px; width:95px; vertical-align:middle}


.colclass{float:left;width:33%;}
.colclass8{float:left;width:12.5%;}

.main-photo-thumb {
	height: auto;
	width: auto;
	border: 2px solid #666;
	display: inline;
	float: left;
}
.main-photo-container {
	display: inline;
	width: 125px;
        height: 125px;
        float: left;
}

.main-photo-desc {
	float: left;
	height: auto;
	width: 100px;
        text-align:center;
}

.main-photo-nav {
	display: inline;
	width: 800px;
       float: left;
}
.jqzoom{
    cursor: crosshair;
    display: block;
    height: 251px;
    outline-style: none;
    position: relative;
    width: 335px;
}
#zoom{width:900px;height:325px}
