body {background: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #1E1E1E; background: url(/gps/sleeve.jpg) repeat-x left top;}

/* RESETS & COMMON------------------ */
body, form, div, p, table, img, span, label, fieldset, legend, li, ul, ol, h1, h2, h3, h4 {padding: 0; margin: 0;}
img, table {border: 0;}
table {font-size:100%;}
ul, ol {list-style: none;}
h1, h2, h3, h4, #rightcol p, #rightcol li, .form-div, .menubullet li, .genlist li {line-height: 20px;}
.inpbox, .inpsel, .txtarea, .subbut {font-family: 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif;}
/* --------------------------------- */

/* HEADERS-------------------------- */
h1, h2, h3, h4 {padding: 0 0 10px 25px; font-size: 2.0em; font-family: 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; background-repeat: no-repeat;}
h1 {margin-top: 320px; background-image: url(/gps/circle.png);}
h2 {margin-top: 70px; background-image: url(/gps/triangle.png);}
h3 {margin-top: 70px; background-image: url(/gps/star.png);}
h4 {margin-top: 70px; background-image: url(/gps/cube.png);}

h1 span, h2 span, h3 span, h4 span {font-size: small; font-weight: normal; color: #888; padding: 0 3px 0 3px; font-family: Verdana, Arial, Helvetica, sans-serif;}
/* --------------------------------- */

/* LINKS---------------------------- */
a {outline: none;}
a:link, a:visited {color: #69C; text-decoration: none;}
a:hover {color: #369; text-decoration: none;}
a:active {color: #369; text-decoration: none;}

a.txt:link, a.txt:visited {color: #69C; border-bottom: 2px solid #9CF;}
a.txt:hover {color: #369; border-bottom: 2px solid #9CF;}
a.txt:active {color: #369; border-bottom: 2px solid #06C;}
/* --------------------------------- */

/* FORM STYLES---------------------- */
.inpbox, .inpsel, .txtarea {padding: 3px; border-top: 1px solid #777; border-right: 1px solid #BBB; border-bottom: 1px solid #DDD; border-left: 1px solid #BBB; background: #FEFEFE url(/inc/inpbg.png) no-repeat top left; margin-top: 2px;}
.subbut {font-weight: bold;}
/* --------------------------------- */

/* WRAP, HEADER, MENU & FOOTER-------*/
#wrap {width: 100%; color: #1E1E1E; /*background: url(/gps/sleeve.jpg) repeat-x left top; height: 555px;*/}

.menubullet {margin-top: 20px; font-family: 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif;}
.menubullet li {font-size: 1.8em; font-weight: bold;}
li.home, li.about, li.portfolio, li.news, li.contact {padding-left: 25px; padding-bottom: 15px; background-repeat: no-repeat; margin: 0 0 2px 0;}
li.home {background-image: url(/gps/starmessy.png);}
li.about {background-image: url(/gps/circle.png);}
li.portfolio {background-image: url(/gps/triangle.png);}
li.news {background-image: url(/gps/star.png);}
li.contact {background-image: url(/gps/cube.png);}

#rightcol {width: 830px; float: right; background: url(/gps/hand.jpg) no-repeat left top; color: #555;}
#rightcol p {font-size: 1.3em; padding: 0 10px 20px 0;}
#rightcol em {letter-spacing: 1.0px; color: #000;}
#rightcol ul, #rightcol ol {padding: 0 10px 20px 0;}

.genlist li {font-size: 1.3em; padding: 0 0 5px 0;}

#copyright {background: url(/gps/copyright-man.png) no-repeat left bottom; height: 66px; margin: 100px 0 0 0;}
#copyright p {padding: 0 0 0 40px;}
/* --------------------------------- */

/* PORTFOLIO THUMBS----------------- */
.portfolio {vertical-align: bottom;}
.portfolio img {padding: 5px; border: 2px solid #DDD; background: #EAEAEA ; -moz-border-radius: 10px;
-webkit-border-radius: 10px;} /*CSS3 rounded corners in Firefox/Safari*/
.portfolio img {margin: 0 20px 0 0; }
/* --------------------------------- */

/* MISC----------------------------- */
.floatright {float: right;}
.vam {vertical-align: middle;} /*vertical align middle*/
.strong {font-weight: bold;}
.transparent {
filter: alpha(opacity=50); /*IE */
-moz-opacity: 0.5; /*Netscape Navigator etc*/
-khtml-opacity: 0.5; /*old versions of Safari*/
opacity: 0.5; /*Firefox, Safari, and Opera*/}
/* --------------------------------- */

/* Contact Form----------------------*/
#form-div {color: #333333; border: 0;}
#form-div p.form-footer {margin: 0 2px 20px 13px;}
#form-div p.form-footer a {color: #669900;}
#form-div p.form-footer a:hover, #form-div p.form-footer a:focus, #form-div p.form-footer a:active {color: #333333; text-decoration: none;}
#form-div p.form-footer a:focus, #form-div p.form-footer a:active {background-color: #EAEAEA;}

#form-div a {color: #669900;}
#form-div a:hover, #form-div a:focus, #form-div a:active {color: #333333; text-decoration: none;}
#form-div a:focus, #form-div a:active {background-color: #EAEAEA;}

#form-div p.success, #form-div p.error, #form-div p.center {color: #FFFFFF; padding: 1px 4px; border: 1px solid #000000; background-color: #669900; margin: 10px 0; text-align: center;}
#form-div p.error {background-color: #bb0000;}
#form-div p.error a, #form-div p.success a {color: #ffff7f;}
#form-div p.center {text-align: center; background-color: #edbaba; color: #000000; margin-top: -3px; padding: 0px 4px;}
#form-div p.error a:hover, #form-div p.error a:focus, #form-div p.error a:active, #form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active {color: #eee; background-color: #bb0000;}
#form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active {background-color: #669900;}

form#gbcf-form { }
fieldset.main-set, fieldset.req-set, fieldset.opt-set {padding: 5px 0 25px 0;}

#form-div legend {font-weight: bold;}
#form-div legend span { }
legend.main-legend {color: #666666; font-size: 1.3em; padding-bottom: 10px; letter-spacing: 1px;}
legend.req-legend, legend.opt-legend {color: #666666;}
legend.main-legend span { }
legend.main-legend { }
legend.req-legend span {font-size: 1.1em;}
legend.req-legend {margin-left: 0;}
legend.opt-legend span {font-size: 1.1em;}
legend.opt-legend {margin-left: 0;}
label.req-label, label.opt-label {/*color: #333333;*/ font-size: 1.3em;}
label.opt-label.check {float: left; padding: 0; margin: 1px 4px 10px 4px; cursor: pointer;}
label.opt-label.main-label {margin: 0; /*font-weight: bold;*/}
label.opt-label.main-label span {font-weight: normal; color: #333;}
label.opt-label.main-label span.req, label span.req  {/*font-weight: bold; color: #666666;*/}
label.req-label.explain {color: #666666; font-size: 1.3em;}
label.req-label.explain:hover {color: #000000;}

input.text-long.address, input.text-long.address:hover, input.text-long.address:focus, input.text-long.address.hover, input.text-long.address.focus {border-bottom: 0; margin-bottom: 0; padding-bottom: 2px;}
input.text-long.address2, input.text-long.address2:hover, input.text-long.address2:focus, input.text-long.address2.hover, input.text-long.address2.focus {border-top: 0; margin-top: 0; padding-top: 2px; border-top: 1px dotted #CCCCCC;}
input.checkbox {}
input.checkbox:hover, input.checkbox.hover, input.checkbox:focus, input.checkbox.focus {}
input.text-short, input.text-med, input.text-long, select.select, textarea.textarea {padding: 6px; border-top: 1px solid #777; border-right: 1px solid #BBB; border-bottom: 1px solid #DDD; border-left: 1px solid #BBB; background: #FEFEFE url(/gps/inpbg.png) no-repeat top left; margin: 2px 0 15px 0; font-family: 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif;}
select.select {padding: 3px 2px;}
input.text-short {width: 150px;}
input.text-med, select.select {width: 350px;}
input.text-long {width: 330px;}
textarea.textarea {width: 700px; height: 250px;}
select.select, select.select option {cursor: pointer;}
input.text-short:focus, input.text-short.focus, input.text-med:focus, input.text-med.focus, input.text-long:focus, input.text-long.focus, select.select:focus, input.select.focus, textarea.textarea:focus, textarea.textarea.focus { }
input.button {font-weight: bold; font-family: 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; margin-top: 8px; padding: 1px 10px; cursor: pointer; float: left; clear: both;}

input.button:hover, input.button.hover, input.button:focus, input.button.focus { }
/*IE6*/
* html input.button {}
/* ----------------------------------*/

