@charset "utf-8";
/* 
Rumour3D CSS Document to control layout

Version: 1.0
Author: Marc Atkinson @ Rumour Design
Contact: marc@rumourdesign.co.uk
Website: www.rumourdesign.co.uk
*/

/* Global */

html {margin:0; padding:0; background:#000000 url(../images/R3D_V1_ContainerBack.jpg) bottom /*#000000 url(../images/background.jpg)*/ repeat-x;}

body {font:75% Verdana; margin: 0; padding:0; width:100%; text-align:center;}

/* Clears Floats */

.clear { clear:both; height:0px; margin:0;}

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

/* Main divs */

#container {width:1000px; padding:0; margin:0px auto; text-align: left;}

#header {background: url(../images/R3D_V1_HeaderBack.jpg) no-repeat; width:1000px; height:130px; /*border-bottom:#666 1px solid;*/}

#nav { background: url(../images/R3D_V1_NavBack.jpg) no-repeat; width:1000px; height:30px; text-align:right; padding: 7px 20px 0 0}

	#navLinks {width:100%; height:200px; background:none; z-index:10;}


#content {position:relative;/* background: url(../images/R3D_V1_ContentBack.jpg) bottom repeat-x; */width:1000px; overflow:auto;}

	#contentSidebar {float:right; width:300px; top:0px; padding:30px 10px 25px 10px;}
	
	#contentMain {float:left; top:0px; width:660px; padding:30px 10px 50px 10px;}
	
		#contentMainImage { background-color: #0000FF;top:0px; width:645px; border:#666 1px solid;}
		
		#contentLinks {text-align:right; padding:0 10px 0 0;}
	
	#portfolioWrapper { width:600px; border:#666666 1px solid; overflow:auto;}
	
		#portfolioHead { width:595px; background:url(../images/R3D_V1_TitleBack.jpg) repeat-x; padding: 5px 0 5px 5px;}

#footer {background:#333333; width:100%; min-height:400px; margin:0;}

	#footerDownloads {width:50%; padding:30px 10px 40px 30px; float:left;}
	
	#footerContact {padding: 30px 10px 0 0; width:350px; float:right;}
	
	
/* Div classes*/

.portfolioProfile {width:100%; border-bottom:#666 1px solid; padding: 10px 0 0 0; overflow:auto;}
.portfolioText { float:right; width:62%; height:150px; padding: 10px 10px 0 0;}
.portfolioImage { float:left; width: 35%; height:150px; padding: 8px 0 0 0; text-align:center;}

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

/* Typography & image stuff */

img {border:1px solid #666;}

/* Global Type */

h1,h2,h3,h4 { font-weight:bold; color:#999;}
h1 { font-size: 1.6em;}
h2 { font-size: 1.4em;}
h3 { font-size: 0.9em;}
h4 { font-size: 0.8em;}
p { font-size: 0.8em; color:#999;}
blockquote {font-weight:bold; color:#CC0000}
td {font-size:0.8em; color:#666;}
.contentMaintd {text-align:right;}

/* footer Type*/

#footer h {}
#footer h1 {font-size: 1.2em; color: #999; font-weight:bold;}
#footer p { font-size:0.8em; color: #999; padding-left:10px;}

#footer ul { margin:0; font-size:0.8em; color:#999; padding-left:30px;}
#footer li { }
#footer li a:hover { text-decoration:underline; color:#00FF00;}

/* contentSidebar Type*/

#contentSidebar h1  {font-size: 1.4em; color: #3366FF;}
#contentSidebar p {font-size: 0.8em;color:#666666;}
#contentSidebar ul {font-size:0.8em; color:#666;}
#contentSidebar li {padding-right:5px;}

/* nav Type*/

#nav ul { margin:0; padding:0 0 0 30px; color:#999999;}
#nav li {display:inline; padding-right:5px;}

#nav ul li a {

	/*width: 60px;*/
	height: 28px;
	padding: 0;
	margin: 0 0 0 0;
	text-decoration: none;
	text-align: center;
	font:Verdana;
	font-size:0.8em;
	display: inline-block;
}

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

/* Links */

/* nav links*/

#nav a:link {text-decoration: none; color:#666; font-weight:bold;}
#nav a:visited {text-decoration: none; color:#666; font-weight:bold;}
#nav a:hover {text-decoration: none; color: #FFFFFF; font-weight:bold;}
#nav a:active {text-decoration: none; color: #CCCCCC; font-weight:bold;}

/* Content & Sidebar links*/

#content a:link {text-decoration: none; color: #CCC; font-weight:bold;}
#content a:visited {text-decoration: none; color: #CCC; font-weight:bold;}
#content a:hover {text-decoration: none; color: #FFF; font-weight:bold;}
#content a:active {text-decoration: none; color: #CCC; font-weight:bold;}

#contentLinks a:link {font-size: 0.8em; text-decoration: none; color: #CCC; font-weight:bold;}
#contentLinks a:visited {font-size: 0.8em; text-decoration: none; color: #CCC; font-weight:bold;}
#contentLinks a:hover {font-size: 0.8em; text-decoration: none; color: #FFF; font-weight:bold;}
#contentLinks a:active {font-size: 0.8em; text-decoration: none; color: #CCC; font-weight:bold;}

#contentSidebar a:link {text-decoration:none; color: #999; font-weight:bold;}
#contentSidebar a:visited {text-decoration:none; color: #999; font-weight:bold;}
#contentSidebar a:hover {text-decoration:none; color: #FFF; font-weight:bold;}
#contentSidebar a:active {text-decoration:none; color: #999; font-weight:bold;}

/* footer links*/

#footerDownloads a:link {text-decoration: none; color: #FFFFFF; font-weight:bold;}
#footerDownloads a:hover {text-decoration:underline; color: #000000; font-weight:bold;}
#footerDownloads a:visited {text-decoration: none; color: #999999; font-weight:bold;}


#footer li a:hover { text-decoration:underline; color: #0099CC;}


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

/* Forms */
/* footer Contact Form*/

form#footerContact {width:320px;}
form#footerContact input { background-color:#999999; border:none; width:200px;}
form#footerContact textarea { background-color:#999999; border:none; width:200px;}
form#footerContact label { font-size: 0.8em; font:Verdana; color:#999; line-height:2.5em; text-align: center;}
form#footerContact .buttons { background-color:#333; width:40px;  font-size: 0.8em; font:Verdana; color:#999; border:#999999 1px solid; cursor:pointer;}