/* CSS Document */

/*
-----------------------------------------------
Client:   Sussex Place Ventures
Designer: Candy Gourlay
URL:      www.mediagrafika.net
Date:     15 Jan 2007
----------------------------------------------- */

body {
background:#FFFFFF;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}

/*for logo on inside pages*/
.logo {
	background:#fff url(../images/logo_small.gif) no-repeat top left;
}


/*navigation - all pages*/
#navbar {text-align:left; margin:0; padding: 28px 0 0 240px; font-weight:bold; font-size:small; width:800px; }
html>body #navbar {padding: 28px 0 0 225px; }
#navbar ul {float:left;margin:0; padding:0;list-style:none;}
#navbar li {margin:0; padding: 0 0 0 20px; display:inline;}
#navbar li a:link {	text-decoration:none;  color:#000000;}
#navbar li a:visited {text-decoration:none; color:#000000;}
#navbar li a:hover {text-decoration:none; color:#CC0000;}
#navbar li a:active {text-decoration:none; color:#CC0000;}

/*strapline - homepage*/

#strapline h1 {clear:both;width:700px; color:#666666; margin:0; padding:70px 0 70px 220px; font-family:"Arial Narrow"; font-stretch:condensed; font-size:2.3em; font-weight:normal; line-height:1.2em;letter-spacing:.01em;}
.space {padding:0 0 0 280px;}
.black {color:#000000;}

/*blurb - homepage*/
#blurb {color:white; text-align:left;background:#003366;clear:both; float:left; width:100%; border:thin solid black; padding:0; margin:0;}
#blurb h1 {float:left;margin:0; padding:20px 0 50px 30px;font-size:1em; font-weight:normal; width:350px;}
#blurb img {float:left;margin:0; text-align:left;padding:0;}

/*container for all content, including gotext items*/
#container {clear:both; margin:0; width:480px; padding:50px 0 0 0;}

/*content - inside pages*/
#content {margin:0; padding:0 0 0 280px; color:#333333; width:370px; font-size:1em; }
.tablecontent {position:relative; top:0px;left:-230px; width:490px;}
#content strong {color:black;}
#content h1 {
	float:left;
	padding:0 10px 0 0;
	margin:0;
	width:140px;
	font-family:"Arial Black";
	color:#000000;
	text-align:left;
	text-transform: uppercase;
	font-size:2.5em; line-height:0.8em; letter-spacing:-.04em; 
}
#content h2 {
	font-family:"Arial Black";
	color:#666666;
	text-align:left;
	text-transform: uppercase;
	font-size:2em; line-height:0.8em; letter-spacing:-.04em;}
#content a:link {color:#333333;text-decoration:underline;}
#content a:visited {color:#999999; text-decoration:underline;}
#content a:active {color:#000000; text-decoration:none;}
#content a:hover {color:#CC0000; text-decoration:none;}

#content p {margin:0; padding:0 0 10px 0;}

#submenu /*portfolio page*/{
	position:absolute; top:140px; left:700px;	
	padding: 0;
	margin:0;
	width:180px; }
#submenu ul {list-style:none; padding:0; margin:0; border-bottom:6px solid #999999;}
#submenu li {font-family:Arial, Helvetica, sans-serif; color:#000000; padding: 0 0 20px;font-size:1em;}
#submenu li a:link {text-decoration:none;color:#000000;}
#submenu li a:visited {text-decoration:none;color:#999999;}
#submenu li a:hover {text-decoration:underline;color:#CC0000;}
.subhead {text-transform:uppercase; font-size:.8em; font-weight:bold; color:#333333;}
#gotext {/*bottom right corner*/
	position:relative; top:-150px; left:700px;	
	padding: 0;
	margin:0;
	width:230px;
	font-family:"Arial Black";
	color:#000000;
	text-align:left;
	text-transform: uppercase;
	font-size:2em; line-height:0.8em; letter-spacing:-.04em; 	
}
#gotext a:link {color:#000000; text-decoration:none;}
#gotext a:visited {color:#000000; text-decoration:none;}
#gotext a:active {color:#000000; text-decoration:none;}
#gotext a:hover {color:#CC0000; text-decoration:none;}
#gotext img {padding:0; margin:0;}

.imageright {float:right; padding: 0 0 5px 10px;}
.imageleft {float:left; padding:0 20px 5px 0;}

#logoleft {position:absolute; top:80px;left:60px; text-align:center;}
html>body #logoleft {position:absolute; top:110px;left:60px; text-align:center;}

#seed {position:absolute; top:120px;left:60px; text-align:center;}

.igluright {position:relative; top:-160px;left:-160px;}
.igluright2 {position:relative; top:-100px;left:-160px;}
.smartright {position:relative; top:-180px;left:-200px;}
.phosright {position:relative; top:-110px;left:-210px;}
.zinright {position:relative; top:-150px;left:-190px;}
.preright {position:relative; top:-110px;left:-200px;}
.sensorright {position:relative; top:-200px;left:-220px;}

/*footer - all pages*/
#footer {/*homepage*/
clear:both;margin:0; padding:30px 30px 200px 0;  text-align:right; font-size:.8em;color:white;
}
#footer2 {/*inside pages*/
clear:both;margin:-30px 0 0 0; padding:0;  text-align:right; background:#003366;float:left;width:100%; height:200px;
}
html>body #footer2 {height:100%;}
#footer2 p {margin:0 auto; padding:30px 30px 200px 0;font-size:.8em;color:white; }