@charset "UTF-8";
/* CSS Document */

/* --------------------------------------------------------------------------------------------------

PROJECT TITLE:   PAINT RECOVERY TECH
DESIGN BY:       CYBEROPTIK.NET
CONTRIBUTORS:    WARREN GREELEY, RON JOHNSON
LAST UPDATED:    02/22/09

-------------------------------------------------------------------------------------------------- */


/* ---- GLOBAL ELEMENTS -------------------------------------------------------------------------- */

html {height:100%;}
body {padding:0;margin:0;background:#576c86 url(../images/horizon.jpg) repeat-x;font-size:12px;line-height:18px;color:#666;font-family:Helvetica, Arial, sans-serif;}
p {margin-top:0;}
a {text-decoration:none;color:#70a246;}
a:hover {text-decoration:underline;}
img {border:0;}
h1, h2, h3, h4, h5, h6 {margin-top:0;font-weight:bold;}


/* ---- STANDARD ELEMENTS ------------------------------------------------------------------------ */

.alignleft {float:left;}
.alignright {float:right;}
.nomargin {margin:0;}

.pad10 {padding:10px;}
.pad20 {padding:20px;}
.pad30 {padding:30px;}
.pad40 {padding:40px;}
.pad50 {padding:50px;}
.padtop10 {padding-top:10px;}
.padtop20 {padding-top:20px;}
.padtop30 {padding-top:30px;}
.padtop40 {padding-top:40px;}
.padtop50 {padding-top:50px;}
.padbtm10 {padding-bottom:10px;}
.padbtm20 {padding-bottom:20px;}
.padbtm30 {padding-bottom:30px;}
.padbtm40 {padding-bottom:40px;}
.padbtm50 {padding-bottom:50px;}
.padlft10 {padding-left:10px;}
.padlft20 {padding-left:20px;}
.padlft30 {padding-left:30px;}
.padlft40 {padding-left:40px;}
.padlft50 {padding-left:50px;}
.padrgt10 {padding-right:10px;}
.padrgt20 {padding-right:20px;}
.padrgt30 {padding-right:30px;}
.padrgt40 {padding-right:40px;}
.padrgt50 {padding-right:50px;}

.mar10 {margin:10px;}
.mar20 {margin:20px;}
.mar30 {margin:30px;}
.mar40 {margin:40px;}
.mar50 {margin:50px;}
.martop10 {margin-top:10px;}
.martop20 {margin-top:20px;}
.martop30 {margin-top:30px;}
.martop40 {margin-top:40px;}
.martop50 {margin-top:50px;}
.marbtm10 {margin-bottom:10px;}
.marbtm20 {margin-bottom:20px;}
.marbtm30 {margin-bottom:30px;}
.marbtm40 {margin-bottom:40px;}
.marbtm50 {margin-bottom:50px;}
.marlft10 {margin-left:10px;}
.marlft20 {margin-left:20px;}
.marlft30 {margin-left:30px;}
.marlft40 {margin-left:40px;}
.marlft50 {margin-left:50px;}
.marrgt10 {margin-right:10px;}
.marrgt20 {margin-right:20px;}
.marrgt30 {margin-right:30px;}
.marrgt40 {margin-right:40px;}
.marrgt50 {margin-right:50px;}

.black {color:black;}
.red {color:red;}
.darkred {color:#900;}
.gray {color:gray;}
.silver {color:silver;}
.blue {color:blue;}
.green {color:green;}
.orange {color:#F90;}
.optikgreen {color:#74a741;}
.veviablue {color:#09F;}
.white {color:white;}
.gold {color:#e1a721;}

.downsize40 {font-size:60%;}
.downsize20 {font-size:80%;}
.upsize20 {font-size:120%;}
.upsize40 {font-size:140%;} 
.upsize60 {font-size:160%;}
.upsize80 {font-size:180%;}
.upsize100 {font-size:200%;}
.upsize150 {font-size:250%;}


/* ---- STRUCTURAL ELEMENTS ---------------------------------------------------------------------- */

#container {width:1000px;margin:0 auto;position:relative;}
#canvas {float:left;width:950px;padding:3px 25px;margin-top:7px;background:url(../images/main.png) repeat-y;}
#header {float:left;width:950px;}
#gray-bar {float:left;width:948px;height:24px;background:url(../images/gray-bar.jpg) repeat-x;border:1px solid gray;margin:1px 0;}
#footer {float:left;width:910px;height:70px;padding:20px;background:url(../images/footer.jpg) repeat-x;color:white;}
#btm {float:left;width:1000px;height:30px;padding-top:70px;background:url(../images/btm.png) no-repeat;}
.optik {float:left;margin-left:400px;}
.optik a {float:left;background:white;color:black;width:200px;height:30px;line-height:30px;text-align:center;filter:alpha(opacity=20);opacity:0.2;}
.optik a:hover {filter:alpha(opacity=100);opacity:1;color:#74a741;}


/* ---- NAVIGATION ELEMENTS ---------------------------------------------------------------------- */

#header ul {list-style:none;padding:0;margin:0;margin-left:1px;padding-top:39px;float:left;width:238px;height:200px;background:url(../images/nav-bkgr.jpg) no-repeat;}
#header li {width:238px;;float:left;border-top:1px solid #b0d1ac;}
#header li.last {border-bottom:1px solid #b0d1ac;}
#header li a {float:left;color:white;width:208px;padding:0 15px;height:29px;line-height:29px;}
#header li.current a {background:url(../images/nav-button.jpg) left bottom repeat-x;}
#header li a:hover {background:url(../images/nav-button.jpg) repeat-x;text-decoration:none;}


/* ---- PAGE ELEMENTS ---------------------------------------------------------------------------- */

#flash {float:left;margin-left:1px;}
#features {float:left;width:950px;min-height:200px;}
#hp-content-1 {float:left;width:448px;padding:10px 15px;}
#hp-content-2 {float:left;width:441px;padding:10px 15px;border-left:1px solid silver;}
#content {float:left;width:700px;padding:20px 0 40px 125px;}
#sidebar {float:left;width:239px;}
#content1 {float:right;width:670px;padding:20px 15px 40px 0;}
#section {float:left;width:670px;padding-bottom:20px;}
#left {float:left;width:350px;}
#right {float:right;width:305px;}

#sidebar ul {list-style:none;padding:0;margin:0;margin-top:15px;float:left;width:239px;background:white;}
#sidebar li {width:238px;;float:left;border-top:1px solid #b0d1ac;}
#sidebar li.last {border-bottom:1px solid #b0d1ac;}
#sidebar li a {float:left;color:gray;width:208px;padding:0 15px;height:29px;line-height:29px;}
#sidebar li.current a {background:#335078;color:white;}
#sidebar li a:hover {background:#335078;color:white;text-decoration:none;}

.ordering {float:right;width:280px;border:1px solid gray;padding:10px;margin-bottom:20px;}
.ordering ol {padding-left:20px;}


/* ---- TYPOGRAPHY ELEMENTS ---------------------------------------------------------------------- */

h1 {font-size:22px;color:#245ba1;font-family:"Times New Roman", Times, serif;margin-bottom:22px;}
h2 {font-size:18px;color:#111;font-family:"Times New Roman", Times, serif;}
h3 {font-size:18px;color:#6f9edb;font-family:"Times New Roman", Times, serif;margin:0;}

#header h1 {margin:0;float:left;width:239px;height:239px;background:url(../images/logo.jpg) no-repeat;}
#header h1 a {float:left;width:239px;height:239px;}
#header h1 span {display:none;}

#contact-info h1, #contact-info h2, #contact-info h3 {margin:0;}
#contact-info h2 {color:white;}
#contact-info h3 {color:#ccc;}
#contact-info p {margin:0;}


/* ---- LIST ELEMENTS ---------------------------------------------------------------------------- */

ul {list-style:square;padding:0;margin:1.25em 0;padding-left:20px;}

#footer ul {list-style:none;margin:0;padding:0;}
#footer li {float:left;padding-right:50px;}
#footer li.last {float:right;padding-right:0px;text-align:right;}

ul.contact {float:left;padding:0;margin:0;padding-bottom:40px;list-style:none;}
ul.contact li {float:left;margin-bottom:5px;}

ul.contacts {padding:0;margin:0;list-style:none;}
ul.contacts li {float:left;width:200px;}

ul.customers {float:left;padding:0;margin:0;list-style:none;}
ul.customers li {float:left;width:200px;padding:0 15px 20px 15px;}
ul.customers a img:hover {filter:alpha(opacity=80);opacity:0.8;}

#content1.job-pics ul {padding:0;list-style:none;width:670px;float:left;}
#content1.job-pics li {float:left;width:210px;padding-right:18px;}
#content1.job-pics li.last {float:left;width:210px;padding-right:0px;}

ul.questions {float:left;width:100%;list-style:none;margin-top:0;}


/* ---- FORM ELEMENTS ---------------------------------------------------------------------------- */

label {font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#444444;font-weight:bold;}
input.textbox {width:300px;height:22px;padding:4px 3px 0 3px;border:2px solid #CAD5E6;background:#f9f9f9;font-size:12px;line-height:14px;}
input.textbox:focus {border:2px solid #4e97c4;background:#EEF2FF;}
textarea {font-family:Arial, Helvetica, sans-serif;width:380px;height:60px;padding:8px 5px;border:2px solid #CAD5E6;background:#f9f9f9;font-size:14px;line-height:20px;}
textarea:focus {border:2px solid #4e97c4;background:#EEF2FF;}

ul.questions label {font-weight:normal;}


/* and boom goes the dynamite */