@charset "utf-8";
/* CSS Document */
body { font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0 0; padding:0 0; background:#333 url(../images/background.png) repeat-x top left; color:#FFF; }

a { color:#0099FF; text-decoration:none; border-bottom:1px solid #0CF; outline:none;  }
a:hover { color:#0CF; border-bottom:1px solid #A4FFFF; }

p { line-height:16px; margin:10px 0; }
ul { margin:10px 0px; padding:0 0 0 20px; }
ul li { margin:5px 0; padding:0 0; }

h2,h3,h4,h5 { color:#FD2E14; font-weight:200; /*font-style:italic;*/ text-transform:uppercase; margin:4px 0 10px 0; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:12px; }

#wrapper { width:968px;  margin:0 auto;}

#wrapper2 { width:968px; background:url(../images/bg-shell.png) repeat-y; float:left; }

#header { background:url(../images/header.png) no-repeat; width:952px; height:160px; display:block; position:relative; margin-left:8px; z-index:10; float:left;}
#header a.logo { position:absolute; top:10px; left:10px; width:192px; height:131px; display:block; background:url(../images/custom-auto-detailing-logo-new.png) no-repeat; border:none; }
#header #nav { position:absolute; top:70px; left:250px; }
#header #nav a { font-size:15px; font-weight:700;  text-transform:uppercase; font-style:italic; color:#FFF; text-decoration:none; border:none; }
#header #nav a:hover { color:#0CF; border-bottom:1px solid #A4FFFF; }
#header #nav .sep { color:#FB0B0C; }
#header #nav .cap { font-size:16px; }
#header h1 { display:none; }

#photos { /*display:block;*/ width:952px; /*height:359px; background: #fff url(../images/photo-bg.png) no-repeat top left;*/ position:relative; margin-left:8px; float:left; /*z-index:10;*/ }
#photos .pane { z-index:1; height:348px; width:952px; display:block; background:url(../images/sample-photo.png) no-repeat top left; overflow:hidden; }
#photos .photo-bottom { display:block; height:13px; width:952px; background:url(../images/photo-bottom.png) no-repeat top left; z-index:10 }
#photos .photo-top { display:block; background:url(../images/photo-top.png) no-repeat top left; height:4px; width:952px; z-index:10; }
#photos a.prev { display:block; width:18px; height:18px; background:url(../images/left-button.png) no-repeat top left; position:absolute; bottom:20px; left:10px; z-index:20; border:none; }
#photos a.next { display:block; width:18px; height:18px; background:url(../images/right-button.png) no-repeat top left; position:absolute; bottom:20px; left:32px; z-index:20; border:none; }
#photos a.next:hover, #photos a.prev:hover { background-position:bottom; }
#photos .caption { background:url(../images/caption.png) no-repeat top left; width:590px; min-height:20px; padding:10px 10px 10px 20px; position:absolute; right:0px; bottom:13px; z-index:5; }

ul#carousel-nav { position:absolute; bottom:-10px; right:-3px; list-style:none; margin:0 0; padding:0 0; }
ul#carousel-nav li { display:inline; margin:0 4px; padding:0 0; float:left; }
ul#carousel-nav li a { display:block; height:16px; width:18px; font-size:11px; text-align:center; border:1px solid #656565; background-color:#CCC; color:#000099; text-decoration:none; padding-top:2px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; /*background:url(../_images/carousel-nav.png) no-repeat top left;*/ }
ul#carousel-nav li a:hover { background-position:bottom; border-color:#09C; background-color:#aaa; }
ul#carousel-nav li a.current { /*background:url(../_images/carousel-nav-current.png) no-repeat top left;*/ background-color:#444; color:#fff; }

#content, #content_2col, #content_1col { margin-left:8px; padding-top:10px; background:#000 url(../images/content-bg.png) no-repeat bottom left; width:952px; padding-bottom:98px; float:left; }
#content img, #content_2col img, #content_1col img { border-top:2px solid #444; border-bottom:2px solid #444; }
#content img.right, #content_2col img.right, #content_1col img.right  { float:right; margin-left:10px; }
#leftcol, #centercol, #rightcol { /*border:1px solid #09C;*/ min-height:300px; display:block; float:left; width:310px; }
#content #centercol { width:330px; }
#content_2col #leftcol { width:640px; }
#content_2col #rightcol { width:310px; }
#content_1col #leftcol { width:950px; }

#footer { background:#111 url(../images/footer-bg.png) no-repeat top left; width:952px; height:150px; margin-left:8px; position:relative; display:block; float:left; font-size:11px; }
#footer-left { position:absolute; left:10px; top:20px; }
#footer-right { position:absolute; right:10px; top:20px; text-align:right; }
#footer a.logo { background:url(../images/custom-auto-detailing-logo-small-new.png) no-repeat top left; width:118px; height:80px; float:right; margin-left:20px; border:none; }
#footer p { float:right;}

/* round box styles*/
.rbroundbox { background:#111; float:left; }
.rbtop div { background: url(../images/tl.png) no-repeat top left; }
.rbtop { background: url(../images/tr.png) no-repeat top right; }
.rbbot div { background: url(../images/bl.png) no-repeat bottom left; }
.rbbot { background: url(../images/br.png) no-repeat bottom right; }
/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot { width: 100%; height: 7px; font-size: 1px; display:block; float:left; }
.rbcontent { margin: 0 10px; padding:0 0 6px 0; float:left; }
.rbroundbox { width: 290px; margin: 10px 10px; float:left; }

#content_1col .rbroundbox { width:930px; }
#content_2col #leftcol .rbroundbox { width:620px; }
#centercol .rbroundbox { width:310px; }

#content img.fb-button, #content_2col img.fb-button, #content_1col img.fb-button, #content img.twitter-button, #content_2col img.twitter-button, #content_1col img.twitter-button { border:none; }

table { margin:0 0; padding:0 0; width:100% }
table tr td { vertical-align:top; padding:10px 10px;  }

#content_1col h1 { margin-left:10px; }