/*-- fein_style.css    ---*/
/* stylesheet for Randall's Auto Body website  */

/* <!--  Hello, working on something? Ð I'd like to hear from you. drop me a line: craigwebb@craigwebbart.com
This CSS © Craig Webb, under a creative commons copyright. 2006-2010 --> */

/* This: fein_style4.css 122110*/
/* Previous: fein_style4.css 112310*/
/* Previous: fein_style4.css 072410*/
/* Previous: fein_style4.css 072210*/
/* Previous: fein_style4.css 072010*/

/* Feinberg Style sheet */
/* browser reset */

* {
padding: 0;
margin: 0;
}

/* inherited: */

/* reset.css moved from screen.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}

table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}

blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* Fonts - change 'sans-serif' to your preferred font */
address, blockquote, body, caption, center, dd, dir, div, dl, dt, form, h1, h2, h3, h4, h5, h6, menu, ol, p, td, th, ul {font-size: 1em;
line-height:1.2;
font-family: "Helvetica Neue", Helvetica, Arial,  sans-serif;
color:#110500;
outline: 0;
letter-spacing:normal;
word-spacing:normal;
}


div {margin: 0em 0% 0em 0%;
line-height: 1}


/* -- Typography.css -- */
html {font-size:100.01%;}

body {
font-size:75%; 
font-family: "Helvetica Neue", Helvetica, Arial,  sans-serif;
line-height:1.5;
text-align: center;
margin: 0;
padding: 0;
height:100%;
border: 0;
outline: 0;
vertical-align: baseline;
background: black;
color:#291103;
cursor: default;
width:100%;
background-color: #2C0C10;
}


a img, img { border: none; }
a { text-decoration: none; }
img { margin: 0em auto 0em auto; }

/* Page codes */

#page {  
margin: 10px auto;
width: 912px;
border: 2px #8E1500 solid;
padding: 0; 
background-color: #DC0C10;
}



/* formatting of elements */

p {
font : 1em  Arial,  Helvetica, sans-serif;
padding: 0em 0% 0em 0%;
margin: 0em 0% .5em 0%;
line-height: 1.5em;
}

.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}

.tinytext {font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 0px;
padding-top: 0px;
text-align: right;
font-size: 9px;
line-height:.9em;
color: #6E5F4D;
}

#special {margin: 12px 0 0 12px;
text-align:left;
}

#special p {
font : 1em  Arial,  Helvetica, sans-serif;
padding: 0em 0% 0em 0%;
margin: 0em 0% 1em 0%;
line-height: 1.4em;
}

table p {
padding: 0 0 5px 0;
}

#form p {text-align:right;
margin: 0em 0px;
}

/*
#form div {margin: 1px 6px .25em 1px}
 */
#form tinytext {font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 9px;
color: #6E5F4D;
line-height:1em;
text-align:left;
}


/* From BluePrint Sceen 110609 */
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}   /* CHANGED */
thead th {background:#c3d9ff;}   /* NEW */
th, td, caption {padding:4px 10px 4px 5px;}    /* NEW */
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
/* table cell default background color + alternate color */
td.def { background-color: #ffffff; }
td.alt { background-color: #ececec; }
td {line-height: 1}
th {font: bold 1em/1 sans-serif}


/* =LINKS
---------------------------------------------------- */

/* a {cursor: auto} */

/* REMOVED from screen.css: */
a:focus, a:hover {color:#040;}
a {color:#009;text-decoration:underline;}


a:link {color: #004477;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1em;
background: transparent;
text-decoration : none;
}
/*csw blue */

a:hover {color: #06C;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
background: transparent;
text-decoration: underline;
}
/*salmon orange #F96 #036 #06C*/

a:visited {color: #8C0C10;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1em;
background: transparent;
text-decoration: none;}
/*Royal blue */

a:active { color: Red }

a.menu {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 18px;
color: #3090C0;
font-weight: bold;
text-decoration: none;
}

a.menu:hover {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 18px;
	color : #5ED4F1;
	font-weight: bold;
	text-decoration: underline;
}

a.pdf {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 14px;
color : #E6762D;
font-weight: bold;
text-decoration: none;
}

a.pdf:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 14px;
color : #E6462D;
font-weight: bold;
text-decoration: underline;
}

a.contact {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 18px;
	color : #E6662D;
	font-weight: bold;
	text-decoration: none;
}

a.contact:hover {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 18px;
	color : #FF9966;
	font-weight: bold;
	text-decoration: underline;
}

a img { border: none;}

a.cutine {color: #3399CC;
margin: 0em 0% .5em 0%;
font-size: .9em;
line-height: 1.4em;
font-style:italic;
text-decoration: none;
}

a.cutine:hover {color: #3399CC;
margin: 0em 0% .5em 0%;
font-size: .9em;
line-height: 1.4em;
font-style:italic;
text-decoration: underline;
}

a.cutine:visited {color: #0066CC;
margin: 0em 0% .5em 0%;
font-family : Verdana, sans-serif;
font-size : .9em;
line-height: 1.4em;
font-style:italic;
text-decoration: underline;
background: transparent;
}/*Royal blue */

/* samples of specific styles */
a.class {color:Red }
a.class:link{}

/* =H Tag Elements 
---------------------------------------------------- */

h1, h2, h3, h4, h5, h6,  blockquote {font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
color: #139;
}


h1.serif {font: 1.75em Georgia, "Times New Roman", Times, serif;
color : #3399CC;
font-size:2.5em;line-height:1;margin-bottom:0.5em;
}

h2.serif {font: 1.52em Georgia, "Times New Roman", Times, serif;
color: #3399CC;
font-size:2em;
margin-bottom:0.75em;
}

h1 { font-weight: normal;
font-size:1.85em;line-height:1.2em; margin-bottom:0.25em;
}

h2 { font-weight: normal;
font-size:1.5em;line-height:1.5em; margin-bottom:.25em;
}

h2.long { font-weight: normal;
font-size:1.5em;line-height:1.25em; 
margin-top:.5em;
margin-bottom:.5em;
}

h3 { font-weight: normal;
font-size:1.35em;line-height:1.5; margin-bottom:.25em;
}

h4 {font-weight: normal;
color: #139;
font-size:1.2em; line-height:1.3em; margin-bottom: .25em;}
/* h4  was 1.15 em; line-height1.3em; margin-bottom: 1em; */

h5 { font-weight: normal;
color: #139;
font-size:1em; line-height:1.25em; margin-bottom: .25em;}

h6 {font-size:1em;font-weight:bold;
margin-bottom: .25em;
color : #110500;}

a.h5 { font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; color: #3399CC;
text-decoration : underline;
line-height : 1.5em;
margin-bottom: 1.5em;
}
/* is .95em was 1em*/

a.h5:hover { font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; 
color: #F96;
text-decoration: underline;
line-height : 1.5em;
margin-bottom: 1.5em;
}

a.h5:visited {font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; color: #06C;
background: transparent;
text-decoration: underline;}
/*Royal blue */


h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}



/* =header h1 + a styling
---------------------------------------------------- */
#header h1 {
text-indent: 0px;
font-size: 12px;
line-height:28px;
letter-spacing: 2px;
}

#header h1 a {
margin: 0 0 0 0;
text-decoration : none;
}

/* default type */
strong,b { font-weight:bold; }
em,i { font-style:italic; }
sup { padding-left:1px; font-size:10px!important; font-weight:normal!important; vertical-align:baseline; position:relative; bottom:.33em; color:#76797c; }

acronym, abbr { border-bottom: #666 1px dotted; cursor: help; }
/*dashed*/

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
	content: none;
}
blockquote, q {quotes:"" "";}

caption {margin: 0em 0% 0em 0%;
line-height: 1;
background:#eee;}

em, dfn {font-style:italic;}
dfn {font-weight:bold;}

dd {margin: 0em 0% 0em 0%;
line-height: 1}

.line-up dd { display: inline;}

dl {margin: 0em 0% 0em 0%}
dt {margin: 0em 0% 0em 0%; line-height: 1}
sub {font-size: 1em}
sup {font-size: 1em}
tt {font: 1em monospace}
code, kbd, tt, samp, pre {font: 1em  'andale mono', 'lucida console', monospace;line-height:1.5;}

big {font-size: 1.15em}
sub, sup {font-size: .85em} 
/* small, */

strong {font-weight:bold;}


ul,ol { list-style: none }
li ul, li ol {margin:0;}  /* <-- from BP. WAS margin:0 1.5em; */
ul, ol {margin:0 1.5em 1.5em 1.5em;}  /* See NOTE for 091BP code*/
ul {list-style-type:disc;}
ol {list-style-type:decimal;}


/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}
del {	text-decoration: line-through; color:#666;}

/* formatting of classes */

.clear { clear:both; height:0; overflow:hidden; line-height:1px; font-size:1px;
margin:0;
padding:0;
}

.relative {position: relative;}

.fl{
float: left;
}

.fr{
float:right;
}

.mcent{
margin-left: auto;
margin-right: auto;
}

.tcent{text-align:center;}
.tleft {	text-align:left;}
.trigh {	text-align:right;}
.tjust {	text-align:justify;}

.centertext{
margin-left: auto;
margin-right: auto;
margin-top: 6px;
text-align:center;
}

.b { font-weight: bold; }
.i { font-style: italic; }
.u { text-decoration: underline; }

img.left { float:left; margin:2px 20px 10px 0; }
img.right { float:right; margin:2px 0 10px 20px; }


.rule {
height:2.5pt;
border: none;
color:#8E1500;
background-color:#8E1500;
width:100%;
padding:0;
clear: both;
margin-bottom: 0px;
}

.border{
border-style: solid;
border-color: #ddd;
border-width: 1px;
}

.border2{
border-style: solid;
border-color: #ddd;
border-width: 2px;
}

/* Border on left hand side of a column. */
div.border-lft {
  padding-left:5px;
  margin-left:6px;
  border-left: 1px solid #eee;
}
/* Border on right hand side of a column. */
div.border-rt {
  padding-right:5px;
  margin-right:6px;
  border-right: 1px solid #eee;
}

.border-rt2{ border-right:1px solid #eee;}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right:15px;
  margin-right:12px;
  border-right: 1px solid #eee;
}

.pink { background-color:#FFCCCC;}
.pearl { background-color:#FCE;}
.puce { background-color:#FEC;}
.powder { background-color:#CFE;}
.white { background-color:#FFF;}
.grn { background-color:#EFD;}/*#CF9*/
.gred { background-color:#DDD;}
.gre9 { background-color:#999;}
.gre4 { background-color:#444;}
.yell { background-color:#FFC;}

.blood { color:#900;}
.blu { color:#139;}


.showgrid2 {background-image: url("http://www.craigwebbart.com/e-art/888grid.png");}

/* XML Classes */

website { font-size:1em;
font-weight:bold;
line-height:1.1em;
}

div.weblink > a{line-height: 1.5em;
font-size:1em;
text-decoration:underline;
}

descrip { font-size:.9em;
line-height:1.25em;
color:#333;
}

descrip2 { font-size:.9em;
line-height:1.2em;
color:#444;
}

about { font-size:8.5em;
line-height:1.2em;
color:#333;
}

highlight {font-weight: bold;
color:#048;
}

serv {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1em;
color : #666666;
line-height : 1.5em;
}
/* WAS bodycopy2b2 */

skill {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : .9em;
color : #6A7A8A;
line-height : 1.5em;
}

/* Common style classes */
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.sup { vertical-align: super; }
.sub { vertical-align: sub; }
.eleven { font-size: 11px; }
.twelve { font-size: 12px; }
.thirteen { font-size: 13px; }
.fourteen { font-size: 14px; }
.fifteen { font-size: 15px; }
.b { font-weight: bold; }
.i { font-style: italic; }
.u { text-decoration: underline; }
.o { text-decoration: overline; }
.s { text-decoration: line-through; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }
.camelcase { text-transform: capitalize; }
.smallcaps { font-variant: small-caps; }
.slant { font-style: oblique; }
.indent { text-indent: 10px; }
.pre { white-space: pre; }
.block { display: block; }
.inline { display: inline; }
.none { display: none; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }
.collapse { visibility: collapse; }
.circle { list-style-type: circle; }
.disc { list-style-type: disc;}
ul.collapse { list-style-type: none; }
ul.collapse li { list-style-type: none; display: inline; }

img.left { float:left; margin:2px 20px 10px 0; }
img.right { float:right; margin:2px 0 10px 20px; }






/* formatting of ids */

/*----------[ =header ]----------*/

.nonlistout li { list-style-type: none; 
list-style-position: outside; 
margin:0 0 3px 0;padding:0;
line-height:1.25em;}


#masthead { background:url(../images/headbanner.jpg) no-repeat left center;
margin-top:10px;
}

#main { /*background:url(../images/content_bg01.gif) repeat-y left center;*/
overflow: hidden; background-color: #FFF;
}

#car01 {background:url(../images/farrari03_888x472.jpg) no-repeat left top; overflow: hidden;}/*farrari_708_401.jpg*/

#car02 {background:url(../images/farrari_708_401.jpg) no-repeat right top;
min-height: 3em;
height: 470px;
}

#car03 { height: 520px;
background-color:#FFF;
background: url(../images/mercedez-benz-888x666.jpg) no-repeat center -136px; 
 overflow: hidden;
border-radius: 9px 9px 0px 0px;
	-moz-border-radius: 9px 9px 0px 0px;
	-webkit-border-radius: 9px 9px 0px 0px;
behavior: url(css/PIE.htc);
}/**/


#car04 { height: 520px;
background-color:#FFF;
background: url(../images/whtmercedez-benz888x711.jpg) no-repeat center -118px; 
 overflow: hidden;
border-radius: 9px 9px 0px 0px;
	-moz-border-radius: 9px 9px 0px 0px;
	-webkit-border-radius: 9px 9px 0px 0px;
behavior: url(css/PIE.htc);
}/*68MB280SLWht-001.jpg*/
/*ad20af12-1.jpg wht_mercedez-888x646.jpg */


#header-wrap2 {
margin:0;
padding:0;
border-top: #FFCCCC solid 2px;
}

#header-wrap {
float:left;
width: 466px;
border-left:156px solid #FFF; 
  /* The width and color of the left rail */
}
  /* The width and color of the right rail = border-right:278px solid #efb; (removed for IE mac5) */

#header {
width: 466px;
float:left;
text-align: left;
}

#leftrail{
text-align: right;
float:left;
width:156px;
margin-left:-622px;
position:relative;
}
/* -466 -156 = -622px. */


#rightrail{
  float:right;
  width:288px;
  margin-right:-288px;
  position:relative;
}

.sub-header {
width: 400px;
margin: 6px auto 0px auto;
text-align: left;
font-size: 12px;
text-align:center;
clear: both;
}


/* =cswnav styling
--------------------------------- */
/*border-top: #FFCCCC solid 1px;  99CBCB  */

#cswnav {
float: left;
margin: 10px 0 10px 0;
padding: 0;
text-align: center;
line-height: 18px;
font-size: 100%;
letter-spacing : 2px;
color: #110500;
width: 100%;
height: 30px;
background: #EBF4F4;
border-top: #DDEEEE solid 3px;
border-bottom: #BBDCDC solid 3px;
}
* html #cswnav {height:36px;} /* IE Min-Height Hack */ 
/* commented backslash hack v2 \*/
* #cswnav { height: 30px; }
/* end MacIE5 hack */


#cswnav ul li a {
padding: 2px 8px 3px 8px;
margin: 0;
color: #336767;
font-size: .9em;
letter-spacing : 0px;
vertical-align:bottom;
line-height: 6px;
text-decoration: none;
background: #DDEEEE;
}
* html #cswnav ul li a{top: 5px;} /* IE Min-Height Hack */ 
/* 031409 added vert-align + line-height. took out
position: relative;
top: 4px;
Do I need this i.e. hack?*/

#cswnav p {
color: #99BCBC;
padding: 0;
font-size : 3px;
line-height: 3px;
letter-spacing: 2px;
margin: 0;
}

#cswnav h3 a {
color: #0066cc;
line-height:20px;
text-decoration : none;
}

#cswnav h1{
text-align: left;
font-size: 90%;
line-height:16px;
letter-spacing: 1px;
}

#cswnav h1 a {
text-align: center;
margin: 0 0 0 0;
text-decoration : none;
}

#cswnav ul {
margin: 6px 0px 0px 0px;
}

#cswnav ul li {
display: inline;
margin: 0px;
padding: 0;
}

#cswnav ul li a:hover {
text-decoration: underline;
background: #BBDCDC;
color: #A11;
}

#cswnav ul li a.active, #cswnav ul li a.active:hover {
background: #96BBCE;
font-weight: bold;
text-decoration: none;
color: #F44D0F;
}

#cswnavpic {
padding: 0;
width: 246px;
height: 36px;
margin-top:10px;
margin-right:10px;
background: #F4F4EB;
text-align: center;
line-height: 16px;
font-size: 95%;
}

#cswnavpic p {
color: #99BCBC;
padding: 0 0 0 2px;
font-size : .9em;
line-height:10.85pt;
letter-spacing: 2px;
margin: 0;
}

/* =rannav styling
--------------------------------- */
/*border-top: #FFCCCC solid 1px;  99CBCB  */

#rannav2 {
margin: 0px 0 0px 0;
width: 100%;
height: 18px;
background: #444;
}

#rannav2 a {
padding: 2px 9px 2px 9px;
margin: 0px .5em 0px 0;
color: #FFF;
font-size: 11px;
line-height: 18px;
}
* html #rannav2 {height:18px;
padding: 2px 6px 2px 6px; font-size: 10px;

} /* IE Min-Height Hack */ 

#rannav2 a:hover {
text-decoration: underline;
background: #FB0;
color: #700;
}

#rannav2 a.active, #rannav a.active:hover {
background: #96BBCE;
font-weight: bold;
text-decoration: none;
color: #F44D0F;
}



#rannav {
margin: 0px 0 0px 0;
padding: 0;
text-align: center;
line-height: 18px;
font-size: 100%;
letter-spacing : 2px;
color: #110500;
width: 100%;
height: 18px;
background: #444;
}
* html #rannav {height:18px;} /* IE Min-Height Hack */ 
/* commented backslash hack v2 \*/
* #cswnav { height: 30px; }
/* end MacIE5 hack */


#rannav ul li a {
padding: 1px 8px 1px 8px;
margin: 0px .5em 0px 0;
color: #FFF;
font-size: .9em;
letter-spacing : 0px;
vertical-align:bottom;
line-height: 3px;
text-decoration: none;
background: #444;
}
* html #rannav ul li a{top: 5px;} /* IE Min-Height Hack */ 
/* 031409 added vert-align + line-height. took out
position: relative;
top: 4px;
Do I need this i.e. hack?*/

#rannav p {
color: #99BCBC;
padding: 0;
font-size : 3px;
line-height: 3px;
letter-spacing: 2px;
margin: 0;
}

#rannav ul {
margin: -6px 0px 0px 0px;
}

#rannav ul li {
display: inline;
margin: 0px;
padding: 0;
}

#rannav ul li a:hover {
text-decoration: underline;
background: #FB0;
color: #700;
}

#rannav ul li a.active, #rannav ul li a.active:hover {
background: #96BBCE;
font-weight: bold;
text-decoration: none;
color: #F44D0F;
}

/* =Chrome Nav Styling
--------------------------------- */
/* <div class="chromestyle" id="chromemenu">    */


/*   THIS IS IT! */
#chromenav{background-color:#DC0C10;
overflow: hidden;}

.chromestyle{font-weight:bold;}
.chromestyle ul{width:100%;padding:0;margin:0;text-align:left;}
.chromestyle ul li{display:inline;}
.chromestyle ul li a{color:#fff;font-size:11px;font-weight:bold !important;padding:7px 11px;//*\*// padding:8px 11px;margin:0;line-height:26px;text-decoration:none;/*border-left:1px solid #f6f6f6;*/}
.chromestyle ul li a.homelink{/*padding-right:0;*/background:none;}
.chromestyle ul li a.lastlink{border-right:1px solid #f6f6f6;}
.chromestyle ul li a:hover,.chromestyle ul li a.selected{color:#000;background-color:#f6f6f6;text-decoration:none;}
.chromestyle ul li a{color:#FFF;background-color:#DC0C10;text-decoration:none;}


#leftmenubox {
background: #FFF;
min-height: 3em;
}

* html #leftmenubox {
height: 356px;
}

#leftmenu {
text-align:left;
margin-left:9px;
padding:6px 0px 6px 0px;
}

#leftmenu ul li a {
padding: 1px 6px 3px 0px;
margin: 0px 0em 0px 0;
color: #322;
font-size: .95em;
letter-spacing : 0px;
vertical-align:bottom;
line-height: 1.25em;
text-decoration: none;
font-weight:bold;
}
* html #leftmenu ul li a{top: 5px;} /* IE Min-Height Hack */ 
/* 031409 added vert-align + line-height. took out
position: relative;
top: 4px;
Do I need this i.e. hack?*/


#leftmenu ul {
margin: 0px 0px 6px 0px;
}

#leftmenu ul li {
display: block;
margin: 3px 0px .75em 0px;
padding: 0;
}
#leftmenu ul li a:hover {
text-decoration: underline;
background: #FF8;
color: #900
}
#leftmenu ul li a.active, #leftmenu ul li a.active:hover {
background: #96BBCE;
font-weight: bold;
text-decoration: none;
color: #F44D0F;
}
/*----------[ =footer ]----------*/



#footer { width:888px;
margin:0 auto 1.5em; 
text-align:center;
background-color: #FFF;
border-radius: 0px 0px 9px 9px !important;
	-moz-border-radius: 0px 0px 9px 9px;
	-webkit-border-radius: 0px 0px 9px 9px;
behavior: url(css/PIE.htc);
}




/* =feetnav styling
--------------------------------- */
/*border-top: #FFCCCC solid 1px;  99CBCB  */

#feetnav {
margin: 0px 0 0px 0;
padding: 0;
text-align: center;
line-height: 18px;
font-size: 100%;
color: #110500;
width: 100%;
height: 18px;
background: #444;
}


#feetnav ul li a {
padding: 1px 6px 1px 6px;
margin: 0px .5em 0px 0;
color: #FFF;
font-size: 11px;
letter-spacing : 0px;
vertical-align:bottom;
line-height: 6px;
text-decoration: none;
background: #444;
}
/* hack was here */

#feetnav p {
color: #99BCBC;
padding: 0;
font-size : 3px;
line-height: 3px;
letter-spacing: 2px;
margin: 0;
}

#feetnav ul {
margin: -6px 0px 0px 0px;
}

#feetnav ul li {
display: inline;
margin: 0px;
padding: 0;
}

#feetnav ul li a:hover {
text-decoration: underline;
background: #FB0;
color: #700;
}

#feetnav ul li a.active, #rannav ul li a.active:hover {
background: #96BBCE;
font-weight: bold;
text-decoration: none;
color: #F44D0F;
}




div#cwebba {font-size: .85em; normal;
line-height: .5em;
float:right;
margin: 0 12px 4px 0;
color:#777;
}
div#cwebba > a:link {color:#D33; text-decoration: none; font-size: .85em;
normal;
}
div#cwebba > a:visited {color:#DE7E00; text-decoration: none; font-size: .85em;
normal;
}
div#cwebba > a:hover {color:#B00; text-decoration: underline; font-size: .85em; normal;
}


/* this is what works about the container/float system */
.nest {margin:0, auto;
}/* MUST add width */

.nest:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.nest {display:block;}


.inline {display:inline;}

/*----------[ =TEXT CLASSES ]-----------*/
/* a.class {color:Red } */

.cutline {margin: 0em 0% 0em 0%;
font-size: .98em;
line-height: 1.4em;
background:inherit;
font-style:italic;
text-align:left;
margin:.2em 0 .75em 0;}


.copyright {
line-height: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .95em;
color:#110500;
}

.detail {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
line-height: 24px;
color : #000;
letter-spacing : 1.5px;
}

div.newslet p {
line-height : 1.4em;
color : #333;
margin: 0px 0px .2em 0px;
}

div.list p {
font-size : .8em;
line-height : 1.2em;
color : #666666;
}
/* was div.bodycopy p - the left column */

.para1 {color:#110500; font-size : .95em; line-height: 14px;}

.para2 {color:#110500;
font-size : .95em;
line-height: 16px;}

.para3 {line-height:17px;}
.para6 {line-height:3px;}



#sitemap { width: 543px;/*558px; span-19*/
display:block;
margin-top:12px;
padding:12px 24px 0px 24px;
text-align:left;
background-color: rgba(255,255,255,0.5); /*does this work w IE?*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF); /*Fuck No*/
border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
behavior: url(css/PIE.htc);
}

#sitemap:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}


#oops { width: 228px;
float:left;
margin:12px 12px 0 12px ;
padding:12px 9px 3px 9px;
background-color: rgba(255,255,255,0.5); /*does this work w IE?*/
border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
behavior: url(css/PIE.htc);
}

.headwht {background-color: #FFF;
padding: 1px 0px 6px 6px;
margin-bottom:0;
border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
behavior: url(css/PIE.htc); /*for IE*/
}

<!--[if lt IE 9]>
#sitemap, #oops { 
background:none;/*Fuck No*/
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF);
zoom: 1;
}<![endif]-->

.trnsp50 {background-color: rgba(255,255,255,0.5);}

.br15 {border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}



/* Property Classes */
/*----------[ =Line Height ]----------*/

.lh1 { line-height:1em;}
.lh1-5 { line-height:1.5em;}
.lh2 { line-height:2em;}

.fw2 {font-weight:200;}
.fw4 {font-weight:400;}
.fw5 {font-weight:500;}
.fw6 {font-weight:600;}


/*----------[ =Margins ]----------*/
.ml3{ margin-left: 3px; }
.ml4{ margin-left: 4px; }
.ml6{ margin-left: 6px; }
.ml8{ margin-left: 8px; }
.ml9{ margin-left: 9px; }
.ml10{ margin-left: 10px; }
.ml12{ margin-left: 12px; }
.ml15{ margin-left: 15px; }
.ml18{ margin-left: 18px; }
.ml24{ margin-left: 24px; }
.ml30{ margin-left: 30px; }
.ml39{ margin-left: 39px; }
.ml42{ margin-left: 42px; }
.ml51{ margin-left: 51px; }
.ml60{ margin-left: 60px; }
.ml72{ margin-left: 72px; }
.ml96{ margin-left: 96px; }
.ml102{ margin-left: 102px; }
.ml165{ margin-left: 165px; }
.ml180{ margin-left: 180px; }
.ml205{ margin-left: 205px; }
.ml240{ margin-left: 240px; }
.ml410{ margin-left: 410px; }


.mr3 {margin-right:3px;}
.mr6{ margin-right: 6px; }
.mr10{ margin-right: 10px; }
.mr12{ margin-right: 12px; }
.mr24{ margin-right: 24px; }
.mr30{ margin-right: 30px; }
.mr39{ margin-right: 39px; }
.mr42{ margin-right: 42px; }
.mr51{ margin-right: 51px; }
.mr60{ margin-right: 60px; }
.mr72{ margin-right: 72px; }
.mr102{ margin-right: 102px; }
.mr205{ margin-right: 205px; }
.mr410{ margin-right: 410px; }

.mt0 {margin-top: 0px;}
.mt3 {margin-top: 3px;}
.mt6 {margin-top: 6px;}
.mt10 {margin-top: 10px; }
.mt12 {margin-top: 12px; }
.mt24 {margin-top: 24px;}
.mt30{ margin-top: 30px; }
.mt36{ margin-top: 36px; }
.mt72{ margin-top: 72px; }
.mt102{ margin-top: 102px; }
.mt144{ margin-top: 144px; }
.mt198{ margin-top: 198px; }
.mt204{ margin-top: 204px; }
.mt216{ margin-top: 216px; }

.mt-3 {margin-top: -3px;}
.mt-6 {margin-top: -6px;}
.mt-12 {margin-top: -12px;}
.mt-118 {margin-top: -118px;}

.mb1 {margin-bottom: 1px;}
.mb3 {margin-bottom: 3px;}
.mb6 {margin-bottom: 6px;}
.mb9 {margin-bottom: 9px;}
.mb12 {margin-bottom: 12px;}

.mb-6 {margin-bottom: -6px;}
.mb-12 {margin-bottom: -12px;}
.mb-118 {margin-bottom: -118px;}


/*----------[ =Element Widths ]----------*/

.w738 { width: 738px;}
.w732 { width: 732px;}
.w720 { width: 720px }
.w714 { width: 714px }
.w710 { width: 710px }
.w730 { width: 730px }
.w543{ width: 543px }
.w498 { width: 498px }
.w492 { width: 492px }
.w486 { width: 486px }
.w471 { width: 471px }
.w462 { width: 462px }
.w402 { width: 402px }
.w333 { width: 333px }
.w318 { width: 318px }
.w312 { width: 312px }
.w251 { width: 251px }
.w246 { width: 246px }
.w240 { width: 240px }
.w238 { width: 238px }
.w228 { width: 228px }
.w210 { width: 210px }
.w203 { width: 203px }
.w201 { width: 201px }

.w198 { width: 198px }
.w192 { width: 192px }
.w165 { width: 165px }
.w160 { width: 160px }
.w150 { width: 150px }
.w144 { width: 144px }
.w142 { width: 142px }
.w138 { width: 138px }
.w100 { width: 100% }
.w42 { width: 42px }

/*----------[ =Element Heights ]----------*/

.h840 {height:840px;}
.h333 {height:333px;}
.h300 {height:300px;}
.h198 {height:198px;}
.h288 {height:288px;}
.h252 {height:252px;}
.h234 {height:234px;}
.h216 {height:216px;}
.h180 {height:180px;}
.h162 {height:162px;}
.h144 {height:144px;}
.h126 {height:126px;}
.h108 {height:108px;}
.h104 {height:104px;}
.h102 {height:102px;}
.h90 {height:90px;}
.h88 {height:88px;}
.h84 {height:84px;}
.h72 {height:72px;}
.h65 {height:65px;}
.h54 {height:54px;}
.h36 {height:36px;}
.h25 {height:25px;}
.h18 {height:18px;}

/*----------[ =Padding ]----------*/

.pd6 {padding:6px;}
.pd12 {padding:12px;}
.pl6 {padding-left:6px;}
.pl9 {padding-left:9px;}
.pl12 {padding-left:12px;}
.pl24 {padding-left:24px;}


.pt3 {padding-top:3px;}
.pt6 {padding-top:6px;}

.pl3 {padding-left:3px;}
.pl6 {padding-left:6px;}
.pl12 {padding-left:12px;}
.pl24 {padding-left:24px;}
.pb3 {padding-bottom:3px;}
.pb6 {padding-bottom:6px;}
.pb12 {padding-bottom:12px;}

.pr3 {padding-right:3px;}
.pr12 {padding-right:12px;}
/*----------[ =Letter Spacing ]----------*/

/* .sp { letter-spacing:normal;} */
.sp0-1 { letter-spacing:.1em;}
.sp0-2 { letter-spacing:.2em;}
.sp0-5 { letter-spacing:.5em;}



/*margin: 0em 0% 0em 0%;*/

/*----------[ =obsolete css  ]----------*/

/* --| These are styled in screen:
address {margin: 0em 0% 0em 0%;
font: italic 1em/1 sans-serif}
 */

/*  
h1 span { text-indent: -9999px; }

  */

/* Resources: 091808 RichInStyle CSS Tips */
/* Win 32 fonts: Arial 	"Arial Black";  "bold Arial"; 	"Comic Sans MS";  (looks best at 15 pixels or smaller) "Courier New";  	"Impact";  	"Times New Roman"; Verdana; 
Test and Add these: Lucida Grande","Lucida Sans Unicode",Tahoma, Times, Georgia, 
*/
/* Verdana, Geneva, Helvetica, Arial, */
/* 	Aqua  Black  Blue Fuchsia Gray Green Lime Maroon Navy Olive Purple Red Silver Teal .	White Yellow  */

/* Color styles:
CSW Blue: color:#3399cc;
CSW Pink: color:#FFCCCC;
CSW Font color: color:#110500
BM background-color:#291103;
  */

/* xeiro blog layout font
body { 
text-align:center; 
background:#f1f1f1 url(images/body_bg.jpg) repeat-x; 
font:12px/18px "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; color:#333; 
}
 */

/* <!--  Hand-coded at http://www.craigwebbart.com 
using SimpleText¨  
I'd love to hear from you. Please call. 
(718) 932-1058 --> */