/* 
Title: Suspension
Author: team A design 
www.goteama.com
*/

* {
	border: 0;
	outline: none;
	list-style: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

body { background-color:#000; font: normal normal 12px 'Trebuchet MS', Geneva, Arial, Verdana, sans-serif; }

img { border:0px; } 

a:link, a:visited { color:#66f; text-decoration: none;}
a:hover, a:active { color:#9cf; text-decoration: none;}

div#container {
	position:relative;
	margin:0 auto;
	width:800px;
	font: normal normal 12px 'Trebuchet MS', Geneva, Arial, Verdana, sans-serif;
	color:#fff;
}

div#header {
	position:relative;
	width:800px;
	height:273px;
	background:url(../images/suspension_bg.jpg) no-repeat;
}

div#leftLaurel { position:absolute; top:18px; left:14px; }

div#rightLaurel { position:absolute; top:18px; left:606px; }

div#title { 
	position:absolute; 
	top:170px; 
	width:100%; 
	text-align:center; 
}

div#navContainer { 
	position:absolute; 
	top:250px; 
	width:100%; 
	text-align:center; 
}

#navContainer ul li { 
	display:inline; 
	text-align:center; 
	font: normal normal bold 14px helvetica, arial, verdana, sans-serif; 
	padding:10px; 
}

#navContainer a:link, #navContainer a:visited { color:#66f; }
#navContainer a:hover, #navContainer a:active, #navContainer li#active a { color:#9cf; }

div#main { 
	margin:0 auto; 
	width:800px; 
	display:inline; 
}

div#mainLeft { float:left; width:150px; }

div#mainCenter { 
	float:left;
	width:500px;
	background:#333 url(../images/bottom_bg.jpg) no-repeat bottom; 
	padding-bottom:50px;
	min-height:400px;
}

div#mainRight { float:right; width:150px; }

div#purpleHead { background:#66f url(../images/purpleStripe.gif) no-repeat; color:#fff; }
div#purpleContent { background:#66f url(../images/purple_grad.gif) repeat-x bottom; }

div#blackHead { background:#666 url(../images/blackStripe.gif) no-repeat; color:#fff; }
div#blackContent { background:#666; text-align:center }

div#grayHead { background:#ccc url(../images/grayStripe.gif) no-repeat; color:#000; }
div#grayContent { background:#ccc url(../images/gray_grad.gif) repeat-x bottom; color:#306; }

div#grayContent a { color:#306; }
div#grayContent a:hover { text-decoration:underline; }

div.head { 
	height:29px; 
	font: normal normal bold 14px/28px helvetica, arial, verdana, sans-serif; 
	text-align:center; 
}

div.content { padding:5px; }

div.content p { padding:5px; }

div.grayHead { 
	background:#ccc url(../images/grayStripe.gif) no-repeat; 
	color:#000; 
	height:29px; 
	font: normal normal bold 14px/28px helvetica, arial, verdana, sans-serif; 
	text-align:center; 
}

div.grayContent { 
	background:#ccc url(../images/gray_grad.gif) repeat-x bottom; 
	color:#306; 
	padding:5px; 
}

div.grayContent p { padding:5px; }

div.grayContent a { color:#306; text-decoration:underline; }

div.blogImage { padding:10px; text-align:center; }

div#footer { clear:both; text-align:center; padding:25px;  }

div#image { display: none; }

#mainCenter h1 { 
	font-size:14px; 
	color:#ccc; 
	margin:0 10px 0 10px;
	border-bottom:solid 1px #666; 
	padding:5px 0 5px 0; 
}

#mainCenter h2 { font-size:12px; color:#999 }

#mainCenter h3 { 
	font-size:12px; 
	color:#306; 
	display:block; 
	background:#999 url(../images/press_bar-grad.gif) repeat-x; 
	letter-spacing:1px; 
	line-height:16px;
	padding-left:5px;
}

p.standard { padding:10px; }	

p.dvd { border-top:solid 1px #fff; }

p.caption { font-size:10px; text-align:right }

p.blogCaption { font-size:10px; text-align:right; color:#ccc; padding:2px 10px 2px 2px; border:solid 1px #666; margin:0px 10px 30px 10px; background:#555; }
p.blogCaption a { color:#99f }

p.pressQuote { padding:10px 10px 0 10px; }

p.pressCaption { text-align:right; color:#999; padding:0 10px 10px 0 }

p.indent { padding-left:15px }

p.gray { color:#ccc }

table#team tr { vertical-align:top }
table#team td { height:120px }

table.presskit { width:100% }
table.presskit tr { vertical-align:top }
table.presskit td { text-align:center }
table.presskit a { font-size:10px; color:#ccc; text-decoration:underline }
table.presskit a:hover { color:#9cf }

table#cast tr { vertical-align:top }

table.left { text-align:left }
table.right { text-align:right }