/*-------------------------------------------------------

	doc title: stylesheet - Tangent Trading
	filename: primary.css
	author: JBMoss - http://www.jbmoss.com
	date: 25/02/2008
	
	-----------------------
	
	1. master reset
	2. typography
	3. listography
	4. base structure
	5. navigation
	6. page specific structure
	7. images
	8. forms
	
	
-------------------------------------------------------*/

/*

#C5C6C8 - blue/grey
#909090 - darker blue/grey font colour

*/

										/* ---------- 1. master reset ---------- */ 

* {
	padding			: 0;
	margin			: 0;
	border			: 0px solid red;
}
h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, table {
	margin			: 1em 5%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

a {
	text-decoration:none;
	
}

										/* ---------- 2. typography ---------- */ 

p {
	font-family:Arial, Helvetica, sans-serif;
	color:#909090;
	font-size:0.95em;
}
p a {color:#909090;font-weight:bold;}
p a:hover {color:#000000;}
h1 {
	width:397px;
	height:78px;
	background:url(../images/logo.jpg) bottom right no-repeat;
	text-indent:-9000px;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:1.9em;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:1em;
}
h4 {}
h5 {}

.eng_txt {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:0.95em;
	font-weight:bold;
	display:block;
	float:left;
	line-height:50px;
}
.tr_add {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:0.8em;
	width:200px;
	text-align:right;
	padding:5px 10px 0 0;
}
.tr_add a {color:#909090;}
.tr_add a:hover {color:#000;}
				
										/* ---------- 3. listography ---------- */ 
										
										/* ---------- 4. base structure ---------- */ 

html {
	overflow-y:scroll;
}
body {
	font-size		: 80%;
	background:#000000;
}
.clr {clear:both;}

/* */

#wrap {
	position:relative;
	width:800px;
	margin:0 auto;
	background:#fff;
}

#header {
	position:relative;
	width:800px;
	height:100px;
	background:#fff;
	border-bottom:15px solid #C5C6C8;
	margin:0 0 5px 0;
}

#banner {
	position:relative;
	width:800px;
	height:155px;
	background:#fff;
	border-bottom:15px solid #C5C6C8;
}

/* */

#main {
	position:relative;
	width:800px;
	background:url(../images/main_col_bg.jpg) center repeat-y;
}

	#cont {
		position:relative;
		float:left;
		width:540px;
		margin:27px 0 23px 30px;
		border:1px solid #C5C6C8;
		padding:0px;
		height:360px;
		overflow:scroll
	}
		#home #cont {
		height:305px;
		}
		#product #cont {
		margin-bottom:28px;
		}
	
	#nav {
		position:relative;
		float:right;
		height:285px;
		width:186px;		
		margin-left:5px;
		margin-top:17px;
	}
	#eng {
		position:relative;
		margin: 10px 0 0 27px;
		height:50px;
	}


#footer {
	position:relative;
	width:800px;
	margin:10px auto;
	color:#fff;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.5em;
}
	#footer a {color:#fff;}
	#footer a:hover {color:#909090;}




										/* ---------- 5. navigation ---------- */ 
										
#nav ul {
	list-style:none;
	margin:0;
}
#nav li {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	background:none;
	margin:5px 0px;
	
}
.on a {	
	display:block;
	color:#000;
	background:url(../images/nav_on.gif) no-repeat;
	padding-left:25px;
	margin:10px 5px;
	height:17px;
}

.off a {
	display:block;	
	color:#fff;
	background:url(../images/nav_off.gif) no-repeat;
	padding-left:25px;
	margin:10px 5px;
	height:17px;
}
.off a:hover {
	color:#000;
	background:url(../images/nav_on.gif) no-repeat;
	padding-left:25px;
}
#sub {
	margin:0px;
	padding:0px;
}
#sub li {
	margin:2px 0px 2px 30px;
	padding:0px;
}
#sub li a {
	background:none;
	color:#000;
	font-size:80%;
	margin:0;
	padding:0px;
}

										/* ---------- 6. page specific structure ---------- */ 
										
#team_table {
	font-family:Arial, Helvetica, sans-serif;
	color:#909090;
	font-size:0.95em;
	width:510px;
}
										/* ---------- 7. images ---------- */ 
										
.lme_img {margin-top:3px;}
.team_img {float:left; padding-right:10px;margin-bottom:20px;}

										/* ---------- 8. tables ---------- */
										
.cont_table {
	font-family:Arial, Helvetica, sans-serif;
	color:#909090;
	font-size:0.95em;
}