/* -------------------------------------------------------------- 
   Blueprint CSS Framework Screen Styles
   * Version: 1.1 modified SG & AC   www.simplifythecomplex.com
-------------------------------------------------------------- */

@import url(reset.css);
@import url(typography974.css);
@import url(grid974sg.css);
@import url(forms.css);
  
/* Container */
.container {
position : relative; 
padding-top : 110px; }

/* =nav-tools */
.nav-tools { padding : 0.5em 0 0 0; text-transform:uppercase; width:974px; margin-right:0; } 
#nav-tools { position : absolute; top : 5px; right : 0px; list-style-type : none; margin : 0; }
#nav-tools li { display : inline; margin-right : 0px; padding-right : 10px; }
#nav-tools a, #nav-tools a:visited { text-decoration : none; color :#666; font-size : 92%; }
#nav-tools a:hover { text-decoration : underline; }
#nav-tools li.last-main-nav { margin-right : 0px; padding-right: 0px ; color: red; }
#current-date { text-decoration : none; color: #666; font-size : 92%; }

/* =branding */
.branding { margin-top : 0 ;}
#branding { margin : 0 auto; padding : 0 ; }
#logo { position : absolute; top : 23px; left : 5px; margin : 0; padding : 0; width : 460px; height : 40px; background : url(http://www.trimtechnik.co.uk/images/trimtechnik-logo-460.jpg) no-repeat; text-indent : -9999px;}
#logo a {display : block; height : 40px; }

/* =nav_main */
.nav-main { margin-right:0; font-family: Tahoma, Arial, Helvetica, sans-serif }
#nav-main { position : absolute; top : 83px; right : 0px; list-style-type : none; margin : 0;  }
#nav-main li { float : left; font-weight: bold; letter-spacing: .1em ;  margin-right : 9px; text-align : center; text-transform:uppercase; display : inline; margin-right : 12px; padding-right : 12px; }
#nav-main a { display : block; padding : 6px 0; text-transform : none; font-weight: normal; color: #333; text-decoration:none; text-transform:uppercase; }
#nav-main li:hover { }
#nav-main a:hover { color: #666; text-decoration:none; text-transform:uppercase; }
#nav-main li.last-main-nav { margin-right : 0px; padding-right: 0px ; }

.nav1 #nav-01 a { color: #000  }
.nav2 #nav-02 a { color: #000 }
.nav3 #nav-03 a { color: #000  }
.nav4 #nav-04 a { color: #000  }
.nav5 #nav-05 a { color: #000  }
.nav6 #nav-06 a { color: #000  }
.nav7 #nav-07 a { color: #000  }
.nav8 #nav-08 a { color: #000  }

/* =menubar */
.menu-bar { margin: 0 ; padding : 0; width : 974px; height : 1px; background : url(http://www.trimtechnik.co.uk/images/horizontal-menu-bar.jpg) no-repeat 0 0; }

/* =main-content-wrapper */
.main-content-wrapper { background : url(http://www.trimtechnik.co.uk/images/trimtechnik-sidebar.gif) repeat-y 742px 0;}

/* =nav-sub
.nav-sub {outline:red 1px dashed;} */
.nav-sub { margin:0px ; padding-top:20px; width; 236px ; }
.nav-sub h3 { margin: 1em; color:#FFF; }
.nav-sub p { color:#FFF;  font-size:13px;}
.nav-sub li { font-size:13px; list-style-type: none; margin: .75em .75em .75em 1.2em ; padding-bottom : .75em; color:#EEEEEE; }
.nav-sub a { list-style-type: none; margin: .75em .75em .75em 1.2em ; padding-bottom : .75em; color:#EEEEEE; font-size:12px; text-decoration: none; }
.nav-sub a:hover { list-style-type: none; margin: .75em .75em .75em 1.2em ; padding-bottom : .75em; color:#EEEEEE; font-weight : bold; }
.nav-sub li.selected { font-weight : bold; }
.callout-image { margin: 10px 0 0 20px; }
.callout-image-leather { margin: 10px 0px 0 6px; }
.callout-image-link { margin: 10px 0 0 6px; }
.offer-image { margin: 10px 0 0 25px; }
.telephone-call { color:#FFF; font-size:14px; margin: 20px 0 0 40px  }
.telephone-number { color:#FFF; font-size: 18px; margin: 0 0 0 60px }

/* Comtent area =main-image */
.main-image { margin: 0 0 0 -12px ; }
/* .main-image { margin: 0 0 0 -10px ; border: #333 dashed 1px; }
img.tl, tr { border:3px solid #ddd; }*/

img.tl { float:left; padding: 2px 20px 10px 0px; }
img.tr { float:right; padding:2px 2px 10px 15px; }
img.cl { float:left; padding:10px 20px 10px 0px; }
img.cr { float:right; padding:10px 2px 10px 15x; }
img.bl { float:left; padding:10px 20px 2px 0px; }
img.br { float:right;padding:10px 2px 2px 15px; }
img.tlp { float:left; padding:2px 20px 10px 0px; padding : 10px; border : 1px solid #999;}
img.trp { float:right; padding:2px 2px 10px 9px; padding : 10px; border : 1px solid #999;}
img.clp { float:left; padding:10px 20px 10px 0px; padding : 10px; border : 1px solid #999;}
img.crp { float:right; padding:10px 2px 10px 10x; padding : 10px; border : 1px solid #999;}
img.blp { float:left; padding:10px 20px 2px 0px; padding : 10px; border : 1px solid #999; }
img.brp { float:right; padding:10px 2px 2px 9px; padding : 10px; border : 1px solid #999;}
img.span { float:left; padding:10px 400px 30px 0px; }

/* =content */
.content-main { margin : 0 auto; padding : 0em; }
/*#content-main ul {list-style-type:circle; margin: 0 0 20px 200px ; }*/
.content-main h2,h3,h4,h5,h6 { margin-left: 1em ; }
.content-main h1 { margin-left: .5em ; padding-top: 20px; }
.content-main p { margin: 1em 1.5em 1.5em 3em; color: #222; }
.content-main img { margin: 0em 0em 0em 0em; }

.siteinfo p {color:#333;}

/* =offer-bar */
.offer-bar{ margin : 0 auto; padding : 1.5em; }

/* =reviewer */
.reviewer {list-style-type : none; margin: 0 0 0 50px ; color: #fff; width: 120px;}
.reviewer p { color: #fff; font-size:12px; font-style:italic; list-style-type : none; margin: 10px 0 0 0px; width: 160px; }

/* =skyscraper-offer */
.skyscraper-offer-banner {padding: 0 0 0 25px ; }

/* Items template  
----------------------------------------------------------------------------------------- */
.items ol.hlisting { list-style-type : none; margin : 30px 0 0 20px ; }
.items ol.hlisting:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
.items ol .item { position : relative; float : left; margin-left: 20px; margin-right : 0px; padding-left : 120px; min-height : 12em; width : 90px; }
.items ol .summary { margin-left:0px; margin-bottom : .2em; font-size : 1.2em; text-transform : uppercase; font-weight: bolder; }
.items ol .description { margin: 0 auto .5em 0 ; font-size : 1em; text-transform : none; line-height: 1.3em; }
.items ol .photo { position : absolute; top : 0; left : 0; }
.items ol .action { position : absolute; top : 135px; left : 0; }
.items ol .dt { display : none; }
.items ol img { border : 2px solid #666; }
.items ol img a:hover { border : 5px; }
.items ol p  {margin-top: 0px  ; margin-left:0px;  font-size:12px; }
.items ol h2  { color: red ; font-size:12px; }
.items .fn h2 { color: red ; font-size:12px; }
.summary h2 { color: red ; font-size:12px; }

#i01 a, #i01 a:visited { text-decoration : none; color: #666 ; font-size : 75%; margin-top: 0px ; padding-top: 0px ; }
#i01 a:hover {  text-decoration : none; color: #999; font-size : 75%; }

/* Custom Forms */
.call-me {padding: 0 0 0 287px; }
.call-me{
	background: none;
	background:url(http://www.trimtechnik.net/images/black-leather-seats.jpg) no-repeat 100% ; 
	min-height: 446px; 
	}
#freeform {border:none;}
.contact-form form {
	padding: 1em 0 0 0 ;
	border: none; }
	
.enquiry {padding: 0 0px 0 287px; }
.enquiry {
	background: none;
	background:url(http://www.trimtechnik.net/images/trim-enquiry.jpg) no-repeat 100% ; 
	min-height: 446px; 
	}
	
.reviewbackground {padding: 0 0 0 287px; }
.reviewbackground{
	background: none;
	background:url(http://www.trimtechnik.net/images/trimtechnik-automotive-leather-swatch.jpg) no-repeat 100% ; 
	min-height: 500px;
	max-height: 500px;
	}

#reviewpage { position : relative; margin: 100px 0px 0px -80px; max-width: 290px; min-height: 280px }
#reviewpage p { color: #FFF; text-align:center; }

#reviewpagination { position: absolute; top: 280px; left: 55px; margin: 20px -50px 0px -70px; max-width: 580px; color:#FFF ;}
#reviewpagination a { padding : 3px 7px; color: #CCC; font-weight : normal; text-decoration : none; }

#simplify a, #simplify a:visited { text-decoration : none; color :#666; font-size : 66%; }
#simplify a:hover { text-decoration : underline; }