/*TORTUGAZ CSS DOCUMENT*/
/*WEBSITE DESIGNED AND DEVELOPED BY DAPHNA NAPARSTEK OF MOX3.COM*/

/*GLOBAL STYLEs*/

* { margin: 0; padding: 0;}

html, body { height: 100%; }

html { background: #000; text-align: center; }
body { width: 940px; margin: 0 auto; color: #fff; font: 12px normal verdana, arial, sans-serif;}

a { text-decoration : none; outline: none; color: #fff; }
a:hover { text-decoration: underline; cursor: pointer; outline: none;}
a:visited { }
img, img a, img a:hover { border : none; outline: none; }
ul, li { list-style: none;}

h3 { font: italic normal 16px verdana,arial,sans-serif; padding: 10px 0;}

/*layout*/
#main { position: relative; width: 940px; height: 100%; min-height: 600px; background: url(img/back_ground.gif); }

#branding { position: absolute; left: 545px; width: 420px; height: 132px; z-index: 2; text-align: left; }
h1#logo a { margin-top: 15px; width: 420px; height: 80px; text-indent: -900px; display: block; overflow: hidden; background: url(img/logo.gif) center top no-repeat;}
h1#logo a:hover { background: url(img/logo.gif) center bottom no-repeat; }
h2#slogen { margin-top: 5px; width: 256px; height: 32px; text-indent: -900px; disply:block; overflow: hidden; background: url(img/slogen.png);}

#main_menu { position: absolute; top: 215px; width: 123px; height: 180px; z-index: 3; }
#main_menu li a:hover { background-position: 246px 0;}
#main_menu li a.active { background-position: 123px 0;}

li#menu_about a { display: block; width: 123px; height: 47px; overflow: hidden; text-indent: -999px; background-image: url(img/menu_about.gif); background-position: 0 0; }
li#menu_products a { display: block; width: 123px; height: 47px; overflow: hidden; text-indent: -999px; background-image: url(img/menu_products.gif); background-position: 0 0; }
li#menu_tips a { display: block; width: 123px; height: 47px; overflow: hidden; text-indent: -999px; background-image: url(img/menu_tips.gif); background-position: 0 0; }
li#menu_contact a { display: block; width: 123px; height: 47px; overflow: hidden; text-indent: -999px; background-image: url(img/menu_contact.gif); background-position: 0 0; }

div.content { position: relative; width: 965px; margin-left: -25px; height: 100%; min-height: 600px; overflow: hidden; top: 0px; text-align: left; background: url(img/panas.png) top left no-repeat; }

div#content_index { margin: 0; width: 980px;}

#footer { position: relative; height: 20px; margin-top: -20px; z-index: 2; }
#footer ul li { float: left; padding: 0 15px; border-right: 1px solid #fff;}
#footer ul li.credit { border-right: none;}
li.credit a { font-size: 0.8em; color: #D4F7A1; }
/* about */
#about_txt { float: left; width: 460px; height: 425px; border: 2px solid #69b036; overflow: auto; margin: 150px 0 0 175px; background: #000; font-size: 16px; line-height: 23px; }
#about_list { float: left; width: 265px; height: 425px; border: 2px solid #69b036; overflow: auto; margin: 150px 0 0 15px; background: #000; }

#about_txt p { margin: 20px 25px 10px 25px; }
h2#h2_about { margin: 25px; display: block; width: 150px; height: 18px; text-indent: -999px; overflow: hidden; background: url(img/h2_about.gif); }
/*span.h3_tgz { display: inline-block; width: 98px; height: 16px; text-indent: -999px; overflow: hidden; background: url(img/h3_tgz.gif); }*/
span.h3_tgz { font: italic bold 16px verdana; color: #D4F7A1; }

h2#h2_values { margin: 25px; display: block; width: 169px; height: 18px; text-indent: -999px; overflow: hidden; background: url(img/h2_values.gif); }
dl#values { margin: 20px; line-height: 23px; }
dl#values dt { float: left; margin-left: -7px; }

dt#dt_style { height: 23px; width: 61px; text-indent: -999px; display: block; overflow: hidden; background: url(img/dt_style.gif) no-repeat top left; }
dt#dt_protection { height: 23px; width: 98px; text-indent: -999px; display: block; overflow: hidden; background: url(img/dt_protection.gif) no-repeat top left; }
dt#dt_quality { height: 23px; width: 76px; text-indent: -999px; display: block; overflow: hidden; background: url(img/dt_quality.gif) no-repeat top left; }
dt#dt_diy { height: 23px; width: 122px; text-indent: -999px; display: block; overflow: hidden; background: url(img/dt_diy.gif) no-repeat top left; }
dt#dt_affordable { height: 23px; width: 99px; text-indent: -999px; display: block; overflow: hidden; background: url(img/dt_affordable.gif) no-repeat top left; }
dt#dt_variety { height: 23px; width: 76px; text-indent: -999px; display: block; overflow: hidden; background: url(img/dt_variety.gif) no-repeat top left; }

/*gallery - pages*/
#big_chooser { position:absolute; top:215px; left:150px; border:2px solid #69B036; background: #000; display:block; height:185px; width:710px; z-index:5; text-align: center; }
#big_chooser ul { margin: 0 10px;}
#big_chooser ul li { float: left; display: block; width: 95px; height: 120px; margin: 0 10px; line-height: 220px;}

#big_chooser li a { display: block; height: 120px; width: 95px; color: #D4F7A1; font-style: italic; background-repeat:no-repeat; background-position:top left; }
#big_chooser li a:hover { background-position: top right;}
li#big_chooser_full a { background-image: url(img/big_chooser_full.gif);}
li#big_chooser_jet a { background-image: url(img/big_chooser_jet.gif);}
li#big_chooser_half a { background-image: url(img/big_chooser_half.gif);}
li#big_chooser_bike a { background-image: url(img/big_chooser_bike.gif);}
li#big_chooser_snow a { background-image: url(img/big_chooser_snow.gif);}
li#big_chooser_horse a { background-image: url(img/big_chooser_horse.gif);}


#gallery_jet { position: relative; width: 785px; height: 480px; top: 95px; left: 180px; }

#thumbs { float: left; width: 130px; height: 480px; overflow: auto; border: 2px solid #69b036; background: #000; text-align: center; }
#thumbs li { width: 105px; height: 105px; margin: 15px auto;}
#thumbs li a { display: block; width: 105px; height: 105px; }
#thumbs li a:hover { border-top: 2px solid #000;}

#big_pic { display: block; float: left; border: 2px solid #69b036; width: 580px; height: 480px; background: #fff url(img/spinner.gif) no-repeat center center; margin: 0 10px; }

#gallery_chooser { float: right; width: 46px; overflow: hidden; }
#gallery_chooser li { margin-top: 15px;}
#gallery_chooser li a:hover { background-position: 0 100%; }

li#chooser_full a { display: block; width: 44px; height: 44px; overflow: hidden; text-indent: -999px; background-image: url(img/chooser_full.gif); background-position: 0 0; }
li#chooser_jet a { display: block; width: 44px; height: 44px; overflow: hidden; text-indent: -999px; background-image: url(img/chooser_jet.gif); background-position: 0 0; }
li#chooser_half a { display: block; width: 44px; height: 44px; overflow: hidden; text-indent: -999px; background-image: url(img/chooser_half.gif); background-position: 0 0; }
li#chooser_bike a { display: block; width: 44px; height: 44px; overflow: hidden; text-indent: -999px; background-image: url(img/chooser_bike.gif); background-position: 0 0; }
li#chooser_snow a { display: block; width: 44px; height: 44px; overflow: hidden; text-indent: -999px; background-image: url(img/chooser_snow.gif); background-position: 0 0; }
li#chooser_horse a { display: block; width: 44px; height: 44px; overflow: hidden; text-indent: -999px; background-image: url(img/chooser_horse.gif); background-position: 0 0; }

/* form */

#form-div { position: relative; width: 785px; height: 470px; top: 130px; left: 180px; line-height: 1.5em; overflow: auto; }
span.req { display: inline; font-size: 1.5em; }

label.main-label { display: block; font: italic bold 14px verdana,arial,sans-serif; color: #D4F7A1; }
label.main-label span { display: block; font: italic normal 10px verdana, arial, sans-serif; color: #69b036; }
label.main-label span.req { display: inline; }
label#message-error { height: 180px;}
fieldset { width: 350px; border: 1px solid #69b036; background: #000; }
fieldset.req-set { width: 380px; float:left;}
fieldset.opt-set { width: 350px; float: right; margin-right: 10px;}

fieldset.main-set { width: 785px; background: transparent; clear: both;}
fieldset legend { color: #d4f7a1; margin-left: 5px;}
fieldset.req-set label, fieldset.opt-set label { float: left; clear: left; line-height: 20px; margin: 5px 0 0 5px; }
fieldset.req-set input, fieldset.opt-set input { float: right; clear: right; border: 1px solid #fff; background: #000; color: #fff; width: 250px; margin: 5px 10px; }
fieldset.req-set select { float: right; width: 250px; border: 1px solid #69b036; margin: 5px 10px;}
fieldset.req-set textarea { float: right; width: 250px; height: 170px; border: 1px solid #69b036; background: #000; color: #fff; margin: 5px 10px;}

label.explain { clear: both; font-size: 0.8em;}
input.button { display: block; clear: both; width: 120px; margin-top: 10px; }

p.form-footer { color: #69B036; font-size: 9px;}
p.form-footer a { color: #69B036;}
p.error, p.error a { color: red;}