* {
	margin: 0px;
	padding: 0px;
}

body {	
	margin:0;	
	padding:0;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-style:normal;	
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#fbfbfb;
	}
	
#page{ 
	width:990px;		
	margin:0 auto;
	padding:0px 5px;	
	
}

#top-header      { width:980px; margin:0 auto; padding:0px 5px;	height:97px;  background-repeat:repeat }
#logo            { width:200px; height:85px; margin-top:5px }
#header-right    { margin-top:20px; width:325px }
#navigation      { background-image:url(../images/menu_bg.png); background-repeat:repeat-x; background-position:top; height:45px; z-index:-100px}
#menu            { width:980px; padding:0px 5px; margin:0 auto}
#plus-icon       { position:absolute}


#carCom 			{ margin:10px 0;}
#aboutus            { height:750px; padding:10px}
#main-container     { min-height: 625px}
#container-content  { width:980px; margin:30px 0 10px; }

/*common css*/
.right { float:right; }
.left { float:left; }
.rightalign  { text-align:right}
.leftalign   { text-align:left}
.centeralign { text-align:center}
.clear { clear:both}

.dotline  { background:url(../images/common/dot.gif) repeat-x bottom left; height:10px }
.bold { font-weight:bold; }

p		{ padding:3px 0 3px 0; text-align:justify ;}
td 		{ padding:0; margin:0; font-weight: normal}
li 		{ padding:3px 0 3px 0}
a img 	{ border: none;text-decoration: none; }
a:link, a:visited, a:active  { text-decoration:none; color:#4e4c4c}
a:hover { text-decoration: none;color:#79b749  }

/*font family */
h3 { font-size:16px; text-transform:uppercase}
h2 { font-size:24px;}
h1 { font-size:26px; font-family:"Myriad Pro",Arial,Helvetica,sans-serif; text-transform:uppercase;  font-weight: bold; font-style: normal; text-shadow:0 1px 1px white; margin:10px;}
h1 a:link, h1 a:visited, h1 a:active { font-family: 'AvantGardeTNormal'; text-transform:uppercase;  font-weight: 200; font-style: normal;}
h1 a:hover	{ color:#ff9900 ; text-decoration:none}

/* Homepage board */
#board-left      { background-image:url(../images/board_box.png); background-repeat: no-repeat; width:453px; height:371px; padding-top:85px;	}
.car-model th { color:#000000 ; font-size:12px; font-weight:bold } 
.car-model td { color:#4d4d4d ; font-size:12px; font-weight:bold } 
.board-icon   { padding-right:10px; padding-bottom:10px;}

#car-logo     { width:865px; height: 52px; position:relative; top:-20px; z-index:5  }
.support-logo { margin-right:2px}


/* product */
.productFrame { background-image:url(../images/product_frame.jpg); background-position:top; background-repeat:no-repeat; width:150px; height:230px; padding-top:20px; padding-left:20px; }


/*footer*/
#footer-bg { background-image: url(../images/footer_bg.png); background-repeat:repeat-x; background-position:top; height:60px; width:100%; color:#ffffff;  margin-top:20px  }
#footer    { background-image: url(../images/footer_menu.png); background-repeat: no-repeat; background-position:top; width:400px; height:37px; margin:10px; padding-left:30px; padding-top:3px; font-size:11px;}
#footer a:link { color:#ffffff;}
#footer a:hover { color:#595959;}


div.wrap   { width : 628px; margin-top:20px; overflow:hidden  }
div#header { margin :0 auto; }
div#header div.wrap { width : 628px; height : 580px; position : relative;}

div#header div#slide-holder 					{ width:980px; height:580px   }
div#header div#slide-holder div#slide-runner 	{ /**/top : 0px; width : 628px;	height : 580px;	overflow : hidden;}
div#header div#slide-holder img 				{ margin : 0;	display : none;	position : absolute; border:0}
div#header div#slide-holder div#slide-controls 	{ width : 80px; height : 20px; display : none; position : absolute; left:350px; top:550px ; z-index:999;}
div#header div#slide-holder div#slide-controls p.text {	float : left; display : inline;    }
div#header div#slide-holder div#slide-controls p#slide-nav   { }
div#header div#slide-holder div#slide-controls p#slide-nav a { float : left; width : 18px; height : 18px; display : inline; background-position : 0 0; background-repeat : no-repeat; text-indent:1000px; }
div#header div#slide-holder div#slide-controls p#slide-nav a.on { background-position : 0 -20px; color:#FFFFFF; }
div#header div#slide-holder div#slide-controls p#slide-nav a 	{ background-image : url(../images/silde-nav.png);}
div#nav ul li a { background : url(../images/nav.png) no-repeat;}


