/* CSS Document */
/* This CSS document controls the layout of the Crank website */
/* DO NOT EDIT THIS CSS! Edit future3000plc_design.css for custom styles! */
/* import custom styles */
@import url('future3000plc_design.css');

/* First setup browser so behaviour is predictable */
* { font-size:100%; }
html { height:100% }

body {
background-color:#eee;
color:#666;
font:75%/120% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background:#000000 url(../images/backgrad.jpg) repeat-x;
}

p { font-size:1.1em; color:#666; }
a { color:#666; text-decoration:none; }
a:hover { text-decoration:underline; }
h1 { font-size:1.8em; color:#666; font-weight:bold; margin:5px; }
h2 { text-align:left; }
sup { font-size:0.8em; }

.clear { width:99%; height:1px; clear:both; margin:0; padding:0; }
.twentyPxPadding { width:99%; height:20px; clear:both; margin:0; padding:0; }
/* -------------------------------------------- */

/* navigation bar */
#navigationHolder {
	width:960px;
	margin:0 auto 0 auto;
	height:52px;
	clear:both;
	}
		
#logo { 
	width:160px;
	height:50px;
	float:left;
	background:url(../images/nav-top-div.gif) right no-repeat;
	line-height:50px;
	text-align:left;
	}
	
#logo a.logo, a.logo:hover {
	background-color:none;
	background-image:none;
	}

#logo a.logo:hover {
	background-color:none;
	background-image:none;
	}
	
#navigationHolder a {
	display:block;
	background:url(../images/nav-top-div.gif) right no-repeat;
	width:93px;
	height:50px;
	margin:0 0 2px 0;
	line-height:50px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	float:left;
	font-size:1em;
	}
	
#navigationHolder #current {
	background:url(../images/headerroll.jpg) repeat-x;
	color:#000;
	font-weight:bold;
	}	
	
#navigationHolder a:hover {
	background:url(../images/headerroll.jpg) repeat-x;
	color:#222;
	font-weight:bold;
	}	
/* top of content box */
#backHeader {
	background:url(../images/wrapper_top.png) no-repeat;
	width:960px;
	height:10px;
	margin:10px auto 0 auto;
	padding:0;
	}
/* Main Content */
#contentWrapper {
	width:960px;
	height: 461px;
	margin:0 auto 0 auto;
	background:url(../images/wrapper_middle.png) repeat-y;
	clear:both;
	}
	
/* bottom of content box */
#backFooter {
	background:url(../images/wrapper_bot.png) no-repeat;
	width:960px;
	height:20px;
	margin:-5px auto 0 auto;
	padding:0;
	}


/* Front Page */
#contentInner {
	width:940px;
	height:280px;
	margin:0 auto 0 auto;
	}
	
#girlHolder {
	width:500px;
	height:280px;
	float:right;
	margin:0 0 0 10px;
	padding:0;
	cursor:pointer;
	}	
#girlHolder #fridayEvent {
	width:322px;
	height:20px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	float:right;
	margin:242px 44px 0 0;
	}	
#homeTxt {
	width:350px;
	margin:30px 0 0 45px;
	padding:5px 0;
	float:left;
	}	
	
#adHolder {
	width:940px;
	height:135px;
	margin:6px auto 0 auto;
	}

#adHolder #ad1 {
	width:228px;
	height:130px;
	margin:0 10px 0 0;
	float:left;
	}	

#adHolder #ad2 {
	width:227px;
	height:160px;
	margin:0 10px 0 0;
	float:left;
	}	

#adHolder #ad3 {
	width:227px;
	height:160px;
	margin:0;
	float:left;
	}
	
#adHolder #ad4 {
	width:227px;
	height:160px;
	margin:0 0 0 10px;
	float:left;
	}	
		
/* Front Page End */

/* Subpages */
/*Main content area */
#subContent {
	width:935px;
	height:auto;
	float:left;
	margin:0 20px;
	}
/* Right side column */	
#subRight {
	width:170px;
	height:460px;
	float:left;
	padding:0;
	margin:0 10px 0 0;
	}	
/* top ad box */
#subRight #ad1 {
	width:170px;
	height:225px;
	margin:0;
	}
/* bottom ad box */	
#subRight #ad2 {
	width:170px;
	height:225px;
	text-align:center;
	margin:0;
	}
	
/* Footer */	
#footerHolder {
	width:940px;
	height:20px;
	margin:-5px auto 0 auto;
	padding:0 10px 0 10px;
	font-size:0.8em;
	clear:both;
	}
#footerHolder a {
	text-decoration:none;
	color:#666;
	}	
#footerHolder #copyRight {
	float:left;
	height:20px;
	line-height:20px;
	}
#footerHolder #ravineLink {
	float:right;
	height:20px;
	line-height:20px;
	}
/* End of footer styles */

/* generic inner for sub page w/ ads on right */

#genericInner {
	width:750px;
	margin:10px 0 0 10px;
	}
	
/* SEO panel at bottom of pages */
#seo {
	width:600px;
	margin:1500px auto 10px auto;
	background-color:#fff;
	color:#ddd;
	padding:30px;
	clear:both;
	border:1px #c1c1c1 solid;
}

#seo table td {
	border:1px #c1c1c1 solid;
	border-collapse:collapse;
	padding:5px;
	}
	
#seo .halfWidth {
	width:50%
	}

#seo a {
	text-decoration: underline;
	color: black;
}

#seo h1,h2 {
	text-align:center;
	color:#666;
	}
	
#adHolder_index_page {
	width:940px;
	height:175px;
	margin:6px auto 0 11px;
	}
	
#subRight_2 {
	width:170px;
	height:460px;
	float:right;
	margin:-440px 10px 0 0;
	}

#ad1_2 { 
	margin:20px 0 20px 0;
}

#ad1_1{ 
	margin:20px 0 20px 0;
}