/* Default Styles
----------------------------------------------- */

body {margin:10px; padding:0; font-family: "Trebuchet MS",arial, verdana, sans-serif; font-size: 14px; color: #333333; background-color: #000000;
background-image:url(../../images/page_bg.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}
html>body { font-size: 14px; }

/* hack to center this under IE5 */
* html body {text-align: center;}
/* keep the content left-aligned */
* html #wrapper {text-align: left;}

#container {width:800px; height:auto; margin: 10px auto 10px auto; padding:0; text-align: left; background-image:url(../../images/body_bg.jpg); background-position: top center; background-repeat: repeat-y;}
#header {width:800px; margin: 0; padding:0; width: auto; height:133px; background-image:url(../../images/header_bg.jpg); background-position: top center; background-repeat: no-repeat;}
#header_splash {width:800px; margin: 0; padding:0; width: auto; height:76px; background-image:url(../../images/header_bg_splash.jpg); background-position: top center; background-repeat: no-repeat;}

#services_banner {width:800px; height:88px; background-image:url(../../images/services_banner.jpg); background-position:center; background-repeat:no-repeat;} 
#about_banner {width:800px; height:88px; background-image:url(../../images/about_banner.jpg); background-position:center; background-repeat:no-repeat;} 
#gallery_banner {width:800px; height:88px; background-image:url(../../images/gallery_banner.jpg); background-position:center; background-repeat:no-repeat;} 
#contact_banner {width:800px; height:88px; background-image:url(../../images/contact_banner.jpg); background-position:center; background-repeat:no-repeat;} 



#nav {margin:0; padding:50px 0px 0px; width: 800px; height:26px; text-align:right;}

#content {margin:0; padding:0 30px; width:740px; height:auto;}
#left_col {margin:0; padding:0; float:left; width:500px; height:auto;}
#right_col {margin:0; padding:0 0 0 17px; float:left; width:200px; height:auto;}

#footer {width: 800px; height:50px; margin:20px 0 0 0; padding:0; color:#cccccc; font-size:12px; text-align:center; background-image:url(../../images/footer_bg.jpg); background-position: top center; background-repeat: no-repeat;
border-top:1px solid #000000;}

/* Navigation Styles
----------------------------------------------- */

.home-btn {float:right; width:86px; height:26px; border:0px solid; font:normal 10px verdana; text-align:center; background: url(../../images/home_btn.jpg) no-repeat 0 0px;}
.home-btn b {display:none;}
a.home-btn:link, a.home-btn:visited, a.home-btn:active {text-decoration:none; background: url(../../images/home_btn.jpg) no-repeat 0 0px;}
a.home-btn:hover {background: url(../../images/home_btn.jpg) no-repeat -86px 0px;}
.home-selected-btn {float:right; width:86px; height:26px; border:0px solid; font:normal 10px verdana; text-align:center; background: url(../../images/home_btn.jpg) no-repeat -86px 0px;}
.home-selected-btn b {display:none;}




.about-btn {float:right; width:65px; height:26px; border:0px solid; font:normal 10px verdana; text-align:center; background: url(../../images/photography_btn.jpg) no-repeat 0 0px;}
.about-btn b {display:none;}
a.about-btn:link, a.about-btn:visited, a.about-btn:active {text-decoration:none; background: url(../../images/about_btn.jpg) no-repeat 0 0px;}
a.about-btn:hover {background: url(../../images/about_btn.jpg) no-repeat -65px 0px;}
.about-selected-btn {float:right; width:65px; height:26px; border:0px solid; font:normal 10px verdana; text-align:center; background: url(../../images/about_btn.jpg) no-repeat -65px 0px;}
.about-selected-btn b {display:none;}





.services-btn {float:right; width:84px; height:26px; border:0px solid; font:normal 10px verdana; text-align:center; background: url(../../images/services_btn.jpg) no-repeat 0 0px;}
.services-btn b {display:none;}
a.services-btn:link, a.services-btn:visited, a.services-btn:active {text-decoration:none; background: url(../../images/services_btn.jpg) no-repeat 0 0px;}
a.services-btn:hover {background: url(../../images/services_btn.jpg) no-repeat -88px 0px;}
.services-selected-btn {float:right; width:84px; height:26px; border:0px solid; font:normal 10px verdana; text-align:center; background: url(../../images/services_btn.jpg) no-repeat -88px 0px;}
.services-selected-btn b {display:none;}





.gallery-btn {float:right; width:77px; height:26px; border:0px solid; font:normal 10px verdana; text-align:center; background: url(../../images/gallery_btn.jpg) no-repeat 0 0px;}
.gallery-btn b {display:none;}
a.gallery-btn:link, a.gallery-btn:visited, a.gallery-btn:active {text-decoration:none; background: url(../../images/gallery_btn.jpg) no-repeat 0 0px;}
a.gallery-btn:hover {background: url(../../images/gallery_btn.jpg) no-repeat -77px 0px;}
.gallery-selected-btn {float:right; width:77px; height:26px; border:0px solid; font:normal 10px verdana; text-align:center; background: url(../../images/gallery_btn.jpg) no-repeat -77px 0px;}
.gallery-selected-btn b {display:none;}




.contact-btn {float:right; width:83px; height:26px; border:0px solid; font:normal 10px verdana; text-align:center; background: url(../../images/contact_btn.jpg) no-repeat 0 0px;}
.contact-btn b {display:none;}
a.contact-btn:link, a.contact-btn:visited, a.contact-btn:active {text-decoration:none; background: url(../../images/contact_btn.jpg) no-repeat 0 0px;}
a.contact-btn:hover {background: url(../../images/contact_btn.jpg) no-repeat -83px 0px;}
.contact-selected-btn {float:right; width:83px; height:26px; border:0px solid; font:normal 10px verdana; text-align:center; background: url(../../images/contact_btn.jpg) no-repeat -83px 0px;}
.contact-selected-btn b {display:none;}

/* Site Elements
----------------------------------------------- */
.two-col {margin:0; padding:0 0 0 25px; float:left; width:200px; height:auto;}
.three-col {margin:0; padding:0; float:left; width:240px; height:auto;}
.copyright {padding:25px 0;}
/* Generic Styles
----------------------------------------------- */

/* tags */
p {margin:0; padding-bottom:10px;}
h1 {margin:0; padding:10px 0; font-size:18px; font-weight:bold; color:#333333;}
h2 {}
h3 {margin:0; padding:10px 0; font-size:12px; font-weight:bold; color:#000000;}

/* links */
a, a:link, a:visited, a:active{text-decoration: none; color:#006600;}
a:hover{text-decoration: underline;}

/* regular text */
.text-l {font-size:14px; font-weight:normal;}
.text-m {font-size:12px; font-weight:normal;}
.text-s {font-size:11px; font-weight:normal;}
.text-xs { font-size:10px; font-weight:normal;}
.text-xxs { font-size:9px; font-weight:normal;}

/* bold text */
.btext-l {font-size:14px; font-weight:bold;}
.btext-m {font-size:12px; font-weight:bold;}
.btext-s {font-size:11px; font-weight:bold;}
.btext-xs {font-size:10px; font-weight:bold;}
.btext-xxs {font-size:9px; font-weight:bold;}

/* colors */
.grey {color:#666666;}
.red {color:#FF0000;}
.blue {color: #000099;}
.yellow {color: #FFFF00;}
.orange {color: #FF9900}

/* borders */
.border {border:1px solid #666666;}
.border-bottom {padding: 2px; border-bottom:1px solid #cccccc;}

/* lists */
#content ul li {list-style-type: none; background: url(../../images/bullet_01.gif) no-repeat 14px 2px; margin-left: -40px; padding-left: 35px;}

/* image styles */
img {margin: 0; padding: 0;}

/* form styles */
.field {padding: 10px 0; clear:both;}
.label {font-weight: bold; font-size:12px; width: 145px; float: left; padding-top:4px;}

/* misc */
.clear {clear:both;}
.inside {padding:3px;}

/* QUOTES */
#qborder {padding:8px; margin:10px 0; border:1px solid #cccccc; width:auto; height:auto;}
#quote{
margin:3px;
padding:0 5px 0 5px;
color:#333333;
font-weight:bold;
text-align:center;
font:italic 16px Georgia,arial,verdana,sans-serif;
}
.qfont{
margin:3px;
padding:10px 0 0 0;
color:#333333;
text-align:right;
font:italic 11px verdana,sans-serif;
}
.topq{
margin:10px 10px 0 10px;
padding:8px;
background-color:transparent;
background-image:url(../../images/topq.gif);
background-position:left;
background-repeat:no-repeat;
}
.baseq{
margin:0 0 0 10px;
padding:5px;
background-color:transparent;
background-image:url(../../images/bottomq.gif);
background-position:right;
background-repeat:no-repeat;
}
