@charset "utf-8";
/* CSS Document */
/*global css*/
html, body {height: 100%;}

html,body,div,p,ul,ol,li,h1,h2,h3,h4,pre,form,p,button,img {margin: 0; padding: 0; border: 0;}
body {background-color: #18100e;
 font: normal 12px/17px "Trebuchet MS", Helvetica, sans-serif; color: #603813;
 /*font-family:"Arial Narrow"; font-size:14px; color: #603813;*/
}

ul,li {list-style-type: none;}
a {outline: none; text-decoration: none; font-family:Arial, Helvetica, sans-serif; color: #578a52; }
a:hover {text-decoration: none; cursor: pointer; color: #0899ce;}
a span, button span, ul span, ul#text-resize span, h2 span, h3 span, h4 span, #box_office_number span, #footer span {display: none;}
button { display: block; cursor: pointer;}


/* navigation*/
#nav_container { background: url(../images/backgrounds/nav.jpg) center top repeat-x; text-align: center; height: 104px;}
#nav_container #details {text-align: left; width: 786px;  height: 72px;  margin: 0 auto;}
#nav_container li { float: left;}
#nav_container li a {display: block; height: 72px; margin: 3px 0 14px 0; cursor: pointer;}

#nav_container li a#home {background: url(../images/navigation/home.png) 0 0 no-repeat; width: 131px;}
#nav_container li a#about {background: url(../images/navigation/aboutus.png) 0 0 no-repeat; width: 131px;}
#nav_container li a#products {background: url(../images/navigation/products.png) 0 0 no-repeat; width: 131px;}
#nav_container li a#store {background: url(../images/navigation/store.png) 0 0 no-repeat; width: 131px;}
#nav_container li a#contact {background:url(../images/navigation/contact.png) 0 0 no-repeat; width: 131px;}
#nav_container li a#buy {background: url(../images/navigation/updates.png) 0 0 no-repeat; width: 131px;}
	  
/*hover states*/
#nav_container li a#home:hover {background: url(../images/navigation/home-over.png) 0 0 no-repeat; width: 131px;}
#nav_container li a#about:hover {background: url(../images/navigation/aboutus-over.png) 0 0 no-repeat; width: 131px;}
#nav_container li a#products:hover {background: url(../images/navigation/products-over.png) 0 0 no-repeat; width: 131px;}
#nav_container li a#store:hover {background: url(../images/navigation/store-over.png) 0 0 no-repeat; width: 131px;}
#nav_container li a#contact:hover {background:url(../images/navigation/contact-over.png) 0 0 no-repeat; width: 131px;}
#nav_container li a#buy:hover {background: url(../images/navigation/updates-over.png) 0 0 no-repeat; width: 131px;}

/*active states*/
#nav_container li a#home_active {background: url(../images/navigation/home-over.png) 0 0 no-repeat; width: 131px;}
#nav_container li a#about_active {background: url(../images/navigation/aboutus-over.png) 0 0 no-repeat; width: 131px;}
#nav_container li a#products_active {background: url(../images/navigation/products-over.png) 0 0 no-repeat; width: 131px;}
#nav_container li a#store_active {background: url(../images/navigation/store-over.png) 0 0 no-repeat; width: 131px;}
#nav_container li a#contact_active {background:url(../images/navigation/contact-over.png) 0 0 no-repeat; width: 131px;}
#nav_container li a#buy_active {background: url(../images/navigation/updates-over.png) 0 0 no-repeat; width: 131px;}
     
/* content area*/

#content_container {background: #FAFAFA url(../images/backgrounds/paper.jpg) center top repeat; padding: 45px 0 0 0;}
#content {text-align: left; width: 786px; margin: 0 auto; padding: 0 0 45px 0; overflow:hidden}

#leftcolumn {width:200px; float:left}
#leftcolumn .line{background-image:url(../images/elements/seperator.gif); width:200px; height:8px}
#leftcolumn .bookonline{width:188px; height:95px; padding-left:12px; padding-top:10px}
#leftcolumn .free{background-image:url(../images/elements/FREEshipping.png); t width:200px; height:150px; text-shadow: 2px 2px 2px #000}
/*#leftcolumn .support{width:188px; height:53px; background-image:url(../images/elements/support.gif); background-repeat:no-repeat; background-position:right top}
*/
#frame{width:369px; margin-left:15px; float:left}

#rightcolumn{width:176px; margin-left:15px; float:right}
#rightcolumn .line{background-image:url(../images/elements/seperator.gif); width:176px; height:8px}
#rightcolum .store {display: block; border: 0; margin-top: 17px; width:176px}

/*logo*/
h1 {display: block; background: url(../images/elements/logo.png) 0 0 no-repeat; text-indent: -9999px;  width:200px; height:200px;}
h1 a {display: block; height: 200px;  width: 208px;}
h2{font-size:18pt; color:#95ae33; letter-spacing:0.2px}
h3{font-size:12pt; color:#95ae33; letter-spacing:0.1px}
h4{font-size:16pt; color:#291f1e; letter-spacing:0.1px}

/* main frame*/
.main_image {background:url(../images/gallery/image1.jpg) 0 0 no-repeat; width: 369px; height: 322px;}
.darkness_450 {background: url(../images/backgrounds/darkness.png) 0 210px no-repeat; width:369px; /* height: 144px;*/}
.frame_450 {background: url(../images/elements/mainframe.png) 0 0 no-repeat; width:369px; height: 322px;}
.frame_450 p {font: normal 18px/22px Arial, Helvetica, sans-serif; color: #dfd5d5;}
.frame_450 p.details {padding: 210px 34px 0 34px;}
.frame_450 p.details span {font-size:11px; line-height:15px}
.frame_450 a, .frame_220 a {color: #75b94c;  border: none;}
.frame_450 a:hover, .frame_220 a:hover {color: #0899ce; border: none;}
.frame_450 div {padding: 10px 34px 0 34px;}
.frame_450 div p {float: left; margin: 1px 0 0 0;}

/*footer code*/
#footer{height:250px; background-image:url(../images/backgrounds/footer.jpg); background-repeat:repeat-x; font-size:11px; text-align:center}
#footer_content{width:786px; margin:auto; padding-top:40px}
#footer .column { width: 252px; overflow: hidden; margin: 0 10px 0 0; float:inherit; display:inline;}
#footer .two {width: 252px; text-align:left;}
#footer .right {margin: 0;}
#footer p.bottom {line-height: 20px;}
#footer p a {color: #c3b9ba; border-bottom: 1px solid #6c5d5e;}
#footer p a:hover {color: #ddd4d5; border-bottom: 1px solid #493b3c;}
.footer_box {width: 187px; margin-right:12px; float: left; text-align:left}
.writers {background: url(../images/footer/coming_soon.gif) 106px 0 no-repeat; text-align:left; margin: 0 0 0 0;}
.footer_box h4 {height: 17px; margin: 7px 0 0 0;}
.footer_box p {margin: 8px 0 0 0;}  
.footer_box h4#green_elsewhere { background: url(../images/footer/elsewhere.gif) 0 0 no-repeat; width: 109px;}
.footer_box h4#green_futures { background: url(../images/footer/futures.gif) 0 0 no-repeat; width: 91px;}
.footer_box h4#comingsoon { background: url(../images/footer/green.gif) 0 0 no-repeat; width: 110px;}

/*join our mailing list*/
.footer_box form {margin: 12px 0 0 0; }
.footer_box form .textbox {background-color: #fff; width: 100px; height: 18px; padding: 5px 5px 0 5px; border: none; float: left; }
.footer_box form button {background: url(../images/footer/join.gif) 0 0 no-repeat; width: 46px; height: 26px; float: left; margin-left:10px; cursor: pointer;}
.footer_box form button:hover {background-position: 0 -26px}

/*social networking site*/
a#sti { display: block; background: url(../images/elements/STI.png) 0 0 no-repeat;  width: 80px;  height: 59px;  margin: 12px 16px 0 0;  float: left;  cursor: pointer;}
a#facebook { display: block; background: url(../images/footer/facebook.png) 0 0 no-repeat; width: 54px; height: 20px;  margin: 12px 16px 0 0; float: left; cursor: pointer;}
a#facebook:hover {background-position: 0 -20px}
a#amazon { display: block; background: url(../images/footer/amazon.png) 0 0 no-repeat;  width: 72px;  height: 20px;  margin: 12px 16px 0 0;  float: left;  cursor: pointer;}
a#amazon:hover {background-position: 0 -20px}

div.clear { font-size: 1px;  line-height: 1px; height: 5px; position: relative; clear: both;}
.footerline { font-size:1px; color:#666}

#contact-form{width:521px}
#contact-form input {border:1px solid #D4D2D2; margin:2px 0 0; padding:4px 6px; width:200px;}
#contact-form select {border:1px solid #D4D2D2; margin:2px 0 0; padding:2px 2px; width:300px;}
#contact-form textarea {border:1px solid #D4D2D2; margin:2px 0 0; padding:4px 6px; width:288px; height:80px}

#contact-form label {display:block; border:0 none; margin-right:18px; width:100px;}
input, textarea, select {color:#615455; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-size-adjust:none; font-stretch:normal;font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin:0; padding:0;}
input{height:14px}

button#send_message {display: block; background: url(../images/elements/senbtn.png) 0 0 no-repeat; width: 143px; height: 28px; margin: 20px 0 0 0; cursor: pointer;}
button#send_message:hover {background:url(../images/elements/send-over.png) 0 0 no-repeat;}

/*controls*/
.control{position:absolute; background-repeat:no-repeat; height:23px; width:23px; cursor:pointer;}
.panUp{top:7px; left:25px; 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/map/GoogleMapNavBut_North.png', sizingMethod='scale');}
html>body .panUp{background-image:url(../images/map/GoogleMapNavBut_North.png) }
.panDown{top:49px; left:25px; 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/map/GoogleMapNavBut_South.png', sizingMethod='scale');}
html>body .panDown{background-image:url(../images/map/GoogleMapNavBut_South.png) }
.panLeft{top:28px; left:4px; 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/map/GoogleMapNavBut_West.png', sizingMethod='scale');}
html>body .panLeft{background-image:url(../images/map/GoogleMapNavBut_West.png) }
.panRight{top:28px; left:46px; 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/map/GoogleMapNavBut_East.png', sizingMethod='scale');}
html>body .panRight{background-image:url(../images/map/GoogleMapNavBut_East.png) }

.zoomIn{top:83px; left:25px; 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/map/GoogleMapNavBut_Plus.png', sizingMethod='scale');}
html>body .zoomIn{background-image:url(../images/map/GoogleMapNavBut_Plus.png) }

.zoomInOff{ cursor:auto;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/map/GoogleMapNavBut_Plus.png', sizingMethod='scale');}
html>body .zoomInOff{background-image:url(../images/map/GoogleMapNavBut_Plus.png) }

.zoomOut{top:113px; left:25px; 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/map/GoogleMapNavBut_Minus.png', sizingMethod='scale');}
html>body .zoomOut{background-image:url(../images/map/GoogleMapNavBut_Minus.png) }

.zoomOutOff{ cursor:auto;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/map/GoogleMapNavBut_Minus.png', sizingMethod='scale');}
html>body .zoomOutOff{background-image:url(../images/map/GoogleMapNavBut_Minus.png) }

.control2{position:absolute; background-repeat:no-repeat; cursor:pointer;}

.cmap{height:27px; width:59px; top:0px; right:118px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/map/GoogleMapNavTabMap_ON.png', sizingMethod='scale');}
html>body .cmap{background-image:url(../images/map/GoogleMapNavTabMap_ON.png) }

.csat{height:27px; width:59px; top:0px; right:59px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/map/GoogleMapNavTabSatellite_ON.png', sizingMethod='scale');}
html>body .csat{background-image:url(../images/map/GoogleMapNavTabSatellite_ON.png) }

.chybrid{height:27px; width:59px; top:0px; right:0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/map/GoogleMapNavTab_Hybrid_ON.png', sizingMethod='scale');}
html>body .chybrid{background-image:url(../images/map/GoogleMapNavTab_Hybrid_ON.png) }

.cmapOn{cursor:auto;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/map/GoogleMapNavTabMap_OFF.png', sizingMethod='scale');}
html>body .cmapOn{background-image:url(../images/map/GoogleMapNavTabMap_OFF.png) }

.csatOn{cursor:auto;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/map/GoogleMapNavTabsSatellite_OFF.png', sizingMethod='scale');}
html>body .csatOn{background-image:url(../images/map/GoogleMapNavTabsSatellite_OFF.png) }

.chybridOn{cursor:auto;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/map/GoogleMapNavTab_Hybrid_OFF.png', sizingMethod='scale');}
html>body .chybridOn{background-image:url(../images/map/GoogleMapNavTab_Hybrid_OFF.png) }