/* MAIN CSS FILE */

/* 	This CSS File is created and may be used
	ONLY for the website of TORQUE Online
	by Sheero Media (Intuitiv Solutions Inc.)
*/

@charset "utf-8";
body {
	background-color: #9d2f25;
	margin:0px;
	padding:0px 0px 30px 0px;
}
body, td, th {
	color:#d6d6d6;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

p {line-height:22px; margin:0px; padding:0px 0px 12px 0px;}

img {border:none;}

a {color:#e81d21;}
a:hover {color:#ffffff;}

/* Structure */
.body {
	background-image:url(images/background.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding:0px 0px 0px 0px;
}
	.home-bg {background-image:url(images/background-home.jpg);}

.container {
	width:940px;
	margin:auto;
	padding:0px;
}

/* Header */
.header {
	width:749px;
	height:46px;
	margin:0px 60px 0px 60px;
	padding:21px 0px 6px 71px;
	background-image:url(images/headernav_bg.jpg);
	background-repeat:no-repeat;
}
.header_logo {width:212px; height:46px; margin-left:26px; float:left;}
.header_logo a {display:block; width:212px; height:46px; text-decoration:none; }

.headernav {float:left; width:511px;}
.headernav a {text-decoration:none; background-repeat:no-repeat; float:left; height:46px; display:block; position:absolute;}

	a.nav_home {width:82px; background-image:url(images/nav_home.gif);}
	a.nav_home:hover {background-position:-82px 0;}

	a.nav_about {width:109px; background-image:url(images/nav_about.gif); margin-left:78px;}
	a.nav_about:hover {background-position:-109px 0;}
	
	a.nav_prods {width:136px; background-image:url(images/nav_prods.gif); margin-left:183px;}
	a.nav_prods:hover {background-position:-136px 0;}	
	
	a.nav_contact {width:134px; background-image:url(images/nav_contact.gif); margin-left:316px;}
	a.nav_contact:hover {background-position:-134px 0;}		

body#homepage a#link-home {background-position:-82px 0;}
body#aboutpage a#link-about {background-position:-109px 0;}
body#prodspage a#link-prods {background-position:-136px 0;}	
body#contactpage a#link-contact {background-position:-134px 0;}

/* Content */
.content1 {
	width:820px;
	background-image:url(images/content1.gif);
	background-repeat:repeat-y;
	margin:0px 60px 0px 60px;
	padding:0px;
}
.content2 {
	width:820px;
	background-image:url(images/content2.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin:0px;
	padding:0px;
}
.content3 {
	width:820px;
	background-image:url(images/content3.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0px;
	padding:0px 0px 25px 0px;
}

.header_pagetitle {
	width:820px;
	height:30px;
	margin:0px;
	padding:70px 0px 0px 0px;
}

.content_text {
	width:660px;
	padding:30px 80px 0px 80px;
}

.content_prods {
	width:735px;
	padding:20px 30px 10px 55px;
}

.content_prods img {margin:0px 7px 15px 7px;}

.content_prodetail {
	width:700px;
	margin:0px;
	padding:0px 60px 0px 60px;
}
.content_prodetailbg1 {
	width:700px;
	margin:0px;
	padding:0px;
	background-image:url(images/prodetails01.gif);
	background-repeat:repeat-y;
}
.content_prodetailbg2 {
	width:700px;
	margin:0px;
	padding:0px;
	background-image:url(images/prodetails02.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
.content_prodetailbg3 {
	width:681px;
	margin:0px;
	padding:0px 0px 30px 19px;
	background-image:url(images/prodetails03.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}
.productdetails_col1 {width:201px; float:left;}

.productdetails_col2 {width:470px; float:right;}
.productdetails_col2 .prodtitle {width:470px; height:63px; margin:0px; padding:0px 0px 0px 0px;}
.productdetails_col2 .summary {width:445px; height:55px; margin:0px; padding:18px 25px 0px 0px; color:#ed1c24; text-align:right;}
.productdetails_col2 .desc {width:450px; margin:0px; padding:0px 0px 0px 0px;}

.productdetails_col2 .desc h3 {margin:0px; padding:0px 0px 10px 0px; font-weight:bold; color:#ed1c24; font-size:12px;}
.productdetails_col2 .desc ul {margin-top:0px; padding-top:0px; margin-bottom:0px; padding-bottom:15px; line-height:22px;}
.productdetails_col2 .desc ul li {margin-top:0px; padding-top:0px; margin-bottom:0px; padding-bottom:5px;}
.productdetails_col2 .desc ul li ul {margin-top:0px; padding-top:10px; margin-bottom:0px; padding-bottom:0px; line-height:22px;}

/* Subnavi */
.subnav {
	width:720px;
	height:42px;
	color:#aaaaaa;
	font-size:12px;
	background-image:url(images/subnavbg.jpg);
	background-repeat:no-repeat;
	padding:20px 50px 0px 50px;
}
.subnav a {
	color:#aaaaaa;
	margin:0px 0px 0px 3px;
	padding:3px 8px 3px 8px;
	text-decoration:none;
}
.subnav a:hover {color:#ed1c24; background-color:#000000;}
	
	div#prod_phone a#link-prodphone, div#prod_mem a#link-prodmem, div#prod_cam a#link-prodcam {color:#ed1c24; background-color:#000000;}


/* Footer */
.footer {
	width:820px;
	height:109px;
	margin:0px 60px 0px 60px;
	padding:15px 0px 0px 0px;
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	text-align:center;
	font-size:10px;
	color:#701e17;
}
.footer .links {
	display:block;
	margin:0px;
	padding:0px 0px 15px 0px;
	font-size:12px;
}
.footer a {color:#701e17; text-decoration:none;}
.footer a:hover {color:#ffffff;}

/* Home */
.flashpart {
	width:940px;
	height:314px;
}
.content_home {
	width:820px;
	margin:0px 60px 0px 60px;
	padding:0px;
}
.content_home_title {width:820px; height:89px; margin:0px; padding:0px;}
.content_home1 {
	width:820px;
	background-image:url(images/content_home1.gif);
	background-repeat:repeat-y;
	margin:0px;
	padding:0px;
}
.content_home2 {
	width:820px;
	background-image:url(images/content_home2.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
	padding:0px;
}
.content_home3 {
	width:676px;
	background-image:url(images/content_home3.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin:0px;
	padding:0px 78px 27px 66px;;
}
.content_home3 .col1 {width:379px; float:left; text-align:justify;}
.content_home3 .col2 {width:256px; float:right; padding:31px 0px 0px 0px;}
.content_home3 .col2 a {
	display:block;
	width:180px;
	height:40px;
	text-decoration:none;
}


/* Overrides */
.right {text-align:right;}
.center {text-align:center;}
.top10 {padding-top:10px;}