* {
 margin:0; 
 padding:0;
}

body {
 font:12px Arial, Helvetica, sans-serif;
 line-height:18px;
 color:#fff;
 cursor:default;
 background-color:#292936;
}

h1 {display:none;}
h1, h2, h3, h4, h5 {font-weight:normal;}

h2.bluetitle {
	color:#5291C7;
	text-align: center;
}

a {
 font:12px Arial, Helvetica, sans-serif;
 text-decoration:none; 
 color:#fff; 
}

a:hover {color:#fff;}
a:focus, a:active {outline:none;}

a.productlink {
	font:12px Arial, Helvetica, sans-serif;
	text-decoration:underline; 
	color:#5291C7; 
}

a.productlink:hover {color:#fff;}
a.productlink:focus, a.productlink:active {outline:none;}

a.promolink {
	font:12px Arial, Helvetica, sans-serif;
	text-decoration:underline; 
	color:#5291C7; 
}

a.promolink:hover {color:#000;}
a.promolink:focus, a.promolink:active {outline:none;}

a.contactlink {
	font:12px Arial, Helvetica, sans-serif;
	text-decoration:underline; 
	color:#5291C7; 
}

a.contactlink:hover {color:#fff;}
a.contactlink:focus, a.contactlink:active {outline:none;}


a.newsletterlink {
	color: white;
	font-size:16px;
	text-decoration:underline;
	line-height:200%;
}
a.newsletterlink:hover {
	color: yellow;
}

a.productitemlink {
	color:#5291C7; 
	font-size:16px;
	text-decoration:underline;
	line-height:200%;
}
a.productitemlink:hover {
	color: yellow;
}

li {list-style:none;}

fieldset {border:0 none;}
legend, label {display:none;}
input {font:12px Arial, Helvetica, sans-serif;}

address {font-style:normal;}

p {
padding-bottom:10px;
font-size:14px;
}

/*--------------------------------------------------------------------------
General Classes
--------------------------------------------------------------------------*/

.hide {display:none;}

.cleaner {
 clear:both; 
 height:0px; 
 font-size:1px;
}

.left {float:left;}
.right {float:right;}

.divider {
 width:510px; 
 height:2px; 
 padding:5px 0;
 background:transparent url(../images/div-divider.gif) repeat-x 0 50%;
 font-size:2px;
}

.error {
 font-weight:bold;
 padding:5px 0 5px 32px;
 margin-bottom:5px;
 background:transparent url(../images/icon-error.gif) no-repeat 0 50%;
}

/*--------------------------------------------------------------------------
Chrome Buttons
--------------------------------------------------------------------------*/

#chromeButtons li a {
 width:189px; 
 height:100px;
 display:block;
 text-indent:-9999px;
}

#chromeButtons li a.custombuilt {background:transparent url(../images/a-custombuilt.jpg) no-repeat 0 0;}
#chromeButtons li a.standardsdriven {background:transparent url(../images/a-standardsdriven.jpg) no-repeat 0 0;}
#chromeButtons li a.management {background:transparent url(../images/a-management.jpg) no-repeat 0 0;}
#chromeButtons li a.tunedin {background:transparent url(../images/a-tunedin.jpg) no-repeat 0 0;}

#chromeButtons li a:hover {background-position:0 -100px;}

/*--------------------------------------------------------------------------
Template Elements
--------------------------------------------------------------------------*/

#container {
 width:100%;
 min-width:975px; /*ADDED AS A FIX*/
 margin:0 auto;
 background:#5291C7;
 /*border-bottom:2px solid #313140;*/
 float:left;
}

#vorteccontainer {
 width:100%;
 min-width:975px; /*ADDED AS A FIX*/
 margin:0 auto;
 background:#5291C7;
 float:left;
 height: 239px;
}
#supplierscontainer {
 width:100%;
 min-width:975px; /*ADDED AS A FIX*/
 margin:0 auto;
 background:#5291C7;
 float:left;
}

#containerBanner {
 width:100%;
 min-width:975px; /*ADDED AS A FIX*/
 background:#292936;
 float:left;
 height:200px;
 border-bottom:4px solid #000;
}

* html #containerBanner {float:none;} /*IE 6 FIX ONLY*/

#banner-home {
 width:975px;
 height:200px;
 background:#292936 url(../images/acisbanner.jpg) no-repeat 50% 0;
 margin:0 auto;
}

#wrapper, #wrapper-home, #showcase-wrapper {
 width:951px;
 /*background:#F7F0C6;*/
 margin:0 auto;
}

#wrapper-home {
	/*background:url(../images/showcasefloor.png);*/
}

#showcase-wrapper h3 {
color:#000;
font-size:1.5em;
font-style:italic;
margin:0 -1em 0.5em;
padding:5px 2px;
}

#vorteccontainer p {
color:#000;
font-size:1em;
margin:0;
padding:5px 2px;
}


/*--------------------------------------------------------------------------
Header
--------------------------------------------------------------------------*/

#containerHead {
 width:100%;
 min-width:975px; /*ADDED AS A FIX*/
 height:101px;
 background:#292936 url(../images/head-bg.gif) repeat-x 0 0;
}

#head {
 width:975px; 
 margin:0 auto;
}

#headLinks {  
 padding:0 0 0 10px;
 margin-right:12px;
 display:inline;
 background:transparent url(../images/headlinks-bg-l.gif) no-repeat 0 100%;
 float:right;
}

#headLinks li {float:left; background:transparent url(../images/li-divider.gif) no-repeat 100% 50%;}

#headLinks li.last {
 padding:0 10px 0 0;
 background:transparent url(../images/headlinks-bg-r.gif) no-repeat 100% 100%;
}

#headLinks li a {  
 color:#fff; 
 padding:6px 8px 9px 8px;
 display:block;
 float:left;
}

#headLinks li a.rss {
 padding-right:20px;
 background: transparent url(../images/a-rss.gif) no-repeat 100% 50%;
 margin-right:5px;
 display:inline;
}

#headLinks li a:hover,
#headLinks li a.active {color:#9b9bb4;}

/*--------------------------------------------------------------------------
Brand
--------------------------------------------------------------------------*/

#headBrand li {float:left;}

#headBrand li a {
 display:block;
 text-indent:0px;
 float:left;
}

#headBrand li a.logo {
 width:276px; 
 height:101px;
 text-indent:-9999px;
 background:transparent url(../images/a-logo.jpg) no-repeat 0 0;
}

#headBrand li img {
	margin-top:5px;
	margin-left:5px;
	float:left;
}

#headBrand li a.whatwedo {
 width:380px; 
 color:#DFD19A;
 margin-top:10px;
 margin-left:5px;
 font-size:13px;
}

#headBrand li a.logo:hover {background-position:0 -101px;}
#headBrand li a.whatwedo:hover {background-position:0 -47px;}

/*--------------------------------------------------------------------------
Footer
--------------------------------------------------------------------------*/

#footContainer {
 width:100%;
 min-width:975px; /*ADDED AS A FIX*/
 background-color:#292936;
 float:left;
 padding-bottom:15px;
}

#foot {
 width:951px; 
 margin:0 auto; 
 font-size:11px;
 line-height:16px;
 padding-top:15px;
 color:#636378;
}

#foot .logo {
 width:182px;
 height:40px;
 text-indent:-9999px;
 display:block;
 margin-bottom:15px;
 background:transparent url(../images/a-foot-logo.jpg) no-repeat 0 0;
}

#foot .logo:hover {background-position: 0 -38px;}

#foot address {
 text-align:right;
 padding:0 15px 0 0;
 float:right;
}

#footDetails {
 padding:0 0 0 15px; 
 float:left;
}

#foot a {color:#DFD19A;}
#foot a:hover {color:#fff;}

/*--------------------------------------------------------------------------
Columns
--------------------------------------------------------------------------*/

.columnodd {
 width:297px;
 padding:25px 0px 0px 20px;
 float:left;
 /*background-color:#E9DCB9;*/
 height:299px;
}

.columnodd-home {
	width:297px;
	padding:25px 0px 0px 20px;
	float:left;
	height:170px;
}

.columneven {
 width:297px;
 padding:25px 0px 0px 20px;
 float:left;
 /*background-color:#307FC1;*/
 height:299px;
}

.columneven-home {
	width:297px;
	padding:25px 0px 0px 20px;
	float:left;
	height:170px;
}

.column {
 width:100%;
 padding:25px 20px 25px 20px;
 float:left;
 position:relative;
 width: 911px;
 /*background-color:#307FC1;*/
}

.columnodd h2, .columneven h2 {display:none;}

.columnodd.bordered,
.columneven.bordered {
	border-right: 1px dashed #5291C7;
	height:156px;
	width:456px;
}

.column h2 {
	text-align: center;
}

.column h2.left {
	text-align: left;
}

.column h3 {
	color:#5291C7;
}

.suppliers-title h3, .columnodd h3, .columneven h3, .columnodd h4, .columneven h4 {
	color:#fff;
	font:bold 16px Arial, Helvetica, sans-serif;
}
.columnodd h3, .columneven h3, .columnodd h4, .columneven h4 {
	padding-bottom:15px;
}

.columnodd h4, .columneven h4 {
	font-size: 14px;
}

div.comingsoonproduct {
	padding:0px 3px 0px 3px;
	width:47%;
	height:290px;
}

div.product {
	width:100%;
	height:310px;
	border-right: 1px dashed #5291C7;
}

div.product-home {
	width:100%;
	height:100%;
	border-right: 1px dashed #5291C7;
}





/*--------------------------------------------------------------------------
Content
--------------------------------------------------------------------------*/

#container-content {
 width:525px; 
 float:left;
}

#container-portfolio {
 width:754px; 
 float:left;
}

#content {padding:15px 0 0 15px; float:left;}
#content-portfolio {padding:15px;}

#content h2, #content-portfolio h2 {
 font-size:16px; 
 padding-bottom:15px;
}

#content h3, #content-portfolio h3 {
 color:#23232f;
 font:bold 12px Arial, Helvetica, sans-serif;
 padding-bottom:15px;
}

/*--------------------------------------------------------------------------
Services
--------------------------------------------------------------------------*/

#services li {float:left; clear:both;}
#services li.more {
 font-style:italic; 
 padding-top:10px;
}

#services li a {
 color:#fff; 
 font-weight:bold;
 display:block;
 padding:7px 0 7px 27px;
 white-space:nowrap;
 background:transparent url(../images/li-bullet-out.gif) no-repeat 0 50%;
}

#services li a:hover {
 color:#23232f;
 background:transparent url(../images/li-bullet-over.gif) no-repeat 0 50%;
}

/*--------------------------------------------------------------------------
Recent Work
--------------------------------------------------------------------------*/

#recentwork #image {
 height:170px;
 border:6px solid #313140;
 background:#23232f;
}

#recentwork ul {
 float:left;
 background:#313140 url(../images/li-recentwork-r.gif) no-repeat 100% 100%;
 padding:0 12px 0 0;
}

#recentwork ul li {
 float:left; 
 background:#313140 url(../images/li-recentwork-l.gif) no-repeat 0 100%; 
 padding:0 0 6px 12px;
}

#recentwork ul li a {color:#DFD19A;}
#recentwork ul li a:hover {color:#fff;}

/*--------------------------------------------------------------------------
Why Choose Us
--------------------------------------------------------------------------*/

#whatwedo {
 width:188px;
 padding:15px 20px 10px 20px;
 float:right;
}

#whatwedo h3 {
 font-size:16px; 
 padding-bottom:15px;
}

/*--------------------------------------------------------------------------
Contact Form
--------------------------------------------------------------------------*/

#frmContact {padding:10px 0 20px 0;}

#frmContact label {
 display:block; 
 font-weight:bold;
}

#frmContact label em {
 color:#23232f; 
 font-size:11px; 
 font-weight:normal;
}

#frmContact input, 
#frmContact textarea {
 font:12px Arial, Helvetica, sans-serif;
 color:#fff;
 padding:3px;
 background:#23232f;
 border-top:0 none; 
 border-right:1px solid #76768b ;
 border-bottom:1px solid #76768b;
 border-left:0 none;
}

textarea {overflow:auto;}

#frmContact p.col {
 width:250px;
 float:left;
}

#frmContact p.colalt {
 width:250px;
 float:right;
 clear:right;
}

#frmContact p.colfull {
 width:510px;
 float:left;
}

#frmContact .small {width:243px;}
#frmContact .large {width:503px;}

#frmContact .frmError {background:#66667a;}

#frmContact #frmSubmit {
 width:93px; 
 height:38px; 
 border:0 none;
 text-indent:-9999px;
 margin-top:3px;
 display:block;
 cursor:pointer; 
 background:transparent url(../images/frm-submit.gif) no-repeat 0 0;
 float:right;
}

#frmContact #frmSubmit:hover {background-position:0 -38px;}

/*--------------------------------------------------------------------------
Portfolio
--------------------------------------------------------------------------*/

#portfolio {width:724px; margin-top:10px; float:left;}
#portfolio .project {width:350px;}

#portfolio .project a {
 font-size:12px;
 color:#fff;
 background:#404051 url(../images/a-portfolio-arrow-over.gif) no-repeat 100% 50%;
 padding:5px 28px 6px 10px;
 margin-bottom:10px;
 float:left;
 clear:both;
}

#portfolio .project a:hover {
 font-size:12px;
 color:#9b9bb4;
 background:transparent url(../images/a-portfolio-arrow-out.gif) no-repeat 100% 50%;
}

#portfolio .project .image {
 width:338px;
 height:205px;
 margin-bottom:10px;
 border:6px solid #313140;
 background:#23232f;
 float:left;
 clear:both;
}

#portfolio .project p {
 clear:both; 
 margin:0;
}

/*--------------------------------------------------------------------------
Navigation
--------------------------------------------------------------------------*/

#containerNavigation {
 width:100%;
 min-width:975px; /*ADDED AS A FIX*/
 border-bottom:4px solid #000;
 background-color:#292936;
 float:left;
}

#navigation {
 width:951px;
 margin:0 auto;
}

#navBar {
 background:transparent url(../images/ul-navbar-bg-l.gif) no-repeat 0 0;
 float:right;
 padding-left:4px;
}

#navBar li {
 float:left; 
 margin-right:1px;
 padding-top:4px;
}

#navBar li.last {
 background:transparent url(../images/ul-navbar-bg-r.gif) no-repeat 100% 0;
 margin:0;
 padding-right:4px;
}

#navBar li a {
 font-size:14px;
 display:block;
 padding:0 0 0 10px;
 float:left;
 background:transparent url(../images/a-nav-left.gif) no-repeat 0 0;
 color:#fff;
}

#navBar li a span { 
 display:block; 
 padding:7px 18px 8px 8px;
 color:#fff;
 white-space: nowrap;
 background:#000 url(../images/a-nav-right.gif) no-repeat 100% 0;
 float:left;
}

#navBar li a:hover {background-position:0 -52px;}
#navBar li a:hover span {background-position:100% -52px;}

#navBar li a.active {background-position:0 -104px;}
#navBar li a.active span {background-position:100% -104px;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navBar li a span {float: none;}
/* End IE5-Mac hack */

/*--------------------------------------------------------------------------
Sub Navigation
--------------------------------------------------------------------------*/

#subnavigation { 
 width:197px; 
 padding-bottom:54px; 
 background:transparent url(../images/bg-sub-navigation.gif) no-repeat 0 100%; 
 float:left;
}

#subnavigation h3 {
 font-size:16px;
 color:#23232f;
 width:197px;
 padding-left:10px;
 height:30px;
 line-height:30px;
 margin-top:-31px;
 float:left;
 clear:none;
}

* html #subnavigation h3 {display:none;} /*IE 6 FIX ONLY*/
 
#subnavigation ul {
 width:197px;
 padding:5px 0 0 0;
 background:#23232f url(../images/ul-sub-ext.gif) no-repeat 0 0;
 float:left;
}

#subnavigation ul li {
 width:177px;
 margin:8px 10px 0 10px;
 float:left;  
 background:transparent url(../images/li-sub-divider.gif) repeat-x 0 0;
 clear:both;
 display:inline;
}

#subnavigation ul li.first {
 margin-top:0; 
 background:none;
}

#subnavigation ul li a {
 font-size:12px;
 width:154px;
 color:#fff; 
 display:block;  
 margin-top:9px;
 padding:1px 0 1px 23px;
 background:transparent url(../images/a-sub-bullet-out.gif) no-repeat 0 50%;
 float:left;
}

#subnavigation ul li a:hover,
#subnavigation ul li a.active {
 color:#9b9bb4; 
 background:transparent url(../images/a-sub-bullet-over.gif) no-repeat 0 50%;
}

/*--------------------------------------------------------------------------
Site Map
--------------------------------------------------------------------------*/

#sitemap {
 width:510px; 
 float:left; 
}

* html #sitemap {margin-bottom:15px;}

#sitemap ul,
#sitemap ul li {
 width:490px;
 float:left; 
 clear:both;
}

#sitemap ul li {margin-top:10px;}
#sitemap ul li ul {padding:0 0 0 20px;}

#sitemap ul li ul li a {padding:0 28px 0 0;}

#sitemap ul li a {
 font-size:12px;
 color:#fff;
 background:#404051 url(../images/a-portfolio-arrow-over.gif) no-repeat 100% 50%;
 padding:5px 28px 6px 10px;
 float:left;
 clear:both;
}

#sitemap ul li a:hover {
 font-size:12px;
 color:#9b9bb4;
 background:transparent url(../images/a-portfolio-arrow-out.gif) no-repeat 100% 50%;
}

#sitemap ul li ul li a {background:none;}


#homeheader {
 width:180px;
 margin-top:2px;
 margin-left:30px;
 float:left;
 display:inline;
 text-align:left;
 margin-top: 40px;
}

#homeheader p {
 color:#fff; 
 font-size:20px;
 line-height:100%;
 padding:5px 0 5px 0;
 font-style:italic;
}

#homeheader ul {
	padding:0px;
}

#homeheader ul li {
 padding:0px 0 2px 10px; 
 color:#fff; 
 line-height:normal;
 background: url(../images/bluebullet.gif) no-repeat 0px center;
 font-size: 19px;
}

/* jquery pics */
.pics { 
	height: 190px; 
	width: 380px; 
	padding: 0px; 
	margin:0; 
	overflow: hidden;
	position: relative;
	left:100px;
	top:12px;
}
.pics img { 
	height: 190px; 
	width: 380px; 
	padding: 0px; 
	border: 0px solid #ccc; 
	top:0; 
	left:0;
}
.animnav {
	width:100%;
	text-align:center;
	margin-top:0px;
	position:relative;
	top:-20px;
	float:left;
}
.animnav a { 
	border: 1px solid #ccc; 
	background: #7b0101; 
	text-decoration: none; 
	margin: 0 5px; 
	padding: 3px 5px;  
	line-height:22px;
}
.animnav a.activeSlide { 
	background: #ea0;
	color: #7b0101;
}
.animnav a:focus { 
	outline: none; 
}
.required {
	font-weight:bold;
}
#homeheader ul li a {
	font-size:19px;
}
div.appraisal {
	float:left;
	margin-right: 10px;
	padding:5px;
}
div.appraisal:hover {
	background-color: #5291C7;
}
div.appraisaltitle {
	padding: 15px 0;
	font-size: 18px;
}
span.contactname {
	font-weight: bold;
	color:wheat;
}
.suppliers-title {
	margin: 0 auto;
	padding:5px;
	width:951px;
}
table.detailtechdata {
	width:400px;
	background-color: #333;
	border: 1px solid #FFF;
}
table.detailtechdata td {
	padding: 5px;
}
table.detailtechdata tr.odd td {
	background-color: #444;
}