html {
	height:100%;
}

body {
	height:100%;
	text-align:center;
	margin-left:0;
	margin-bottom:0;
	margin-right:0;
	margin-top:0;
	background-color:#EBEBEB;
	background-image:url(images/illegal-BG3.gif);
}

p {
	font-family:'Droid Sans';
	margin:15px 0;
	line-height:140%;
	font-size:13px;
	}


h1 {
	font-family:'Droid Sans';
	line-height:140%;	
	font-size:22px;
	color:#00020C;
	font-weight:bold;
	letter-spacing:-1px;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
}	

h2 {
	font-family:'Droid Sans';
	line-height:140%;	
	font-size:17px;
	color:#00020C;
	font-weight:lighter;
}	

h4 {
	font-family:'Droid Sans';
	line-height:140%;	
	color:#00020C;
	font-size:16px;
	margin-bottom:9px;
}

/* positioning properties */

#whiteback {
	position:absolute;
	left:18px;
	top:16px;
	width: 850px;
	height: 530px; 
	background-color:#FFFFFF;	
}

#whitebacksuburbs {
	position:absolute;
	left:18px;
	top:16px;
	width: 850px;
	height: 2950px; 
	background-color:#FFFFFF;	
}

#topbanner {
	position:absolute;
	top:7px;
	left:18px;
}

#bottombanner {
	position:absolute;
	bottom:-30px;
	left:18px;
}

#bottombannersuburbs {
	position:absolute;
	bottom:-2500px;
	left:18px;
}

#outer {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 872px;
	height: 525px;
	margin-top: -262px;
	margin-left: -436px;
}	

#logo {
	position: absolute;
	top:-9px;
	left:10px;
}

#crest {
	position:absolute;
	bottom:-53px;
	right:8px;
}

#crestsuburbs {
	position:absolute;
	bottom:-2522px;
	right:0;
}

#hostingbanners {
	position:absolute;
	top:20px;
	right:20px;
}	

/* main menu list */

#navigation {
	position:absolute;
	top:88px;
	right: 22px;
	font-family:'Droid Sans';
	line-height:140%;	
	font-size: .9em;
}			

#navigation ul {
	list-style: none;
	margin:0;
	padding:0;
}

#navigation li {
	display:inline;
}	

#navigation a:link, #navigation a:visited {
	margin:8px;
	color:#E0E2ED;
	text-decoration:none;
}

#navigation a:hover {
		padding-bottom:1px;
		border-bottom: 1px dotted;
		color:#FFFFFF;
}	

/* submenu list */

#submenu {
	position:absolute;
	top:173px;
	left:417px;
	width:168px;
	font-family:'Droid Sans';
	line-height:140%;	
	font-size:.8em;
	text-align:left;
	z-index:10;
}

#submenu2 {
	position:absolute;
	top:190px;
	left:150px;
	width:107px;
	font-family: AvantGarde, Futura, Arial, Helvetica, sans-serif;
	font-size:.8em;
	letter-spacing:-.8px;
	text-align:left;
}

#submenuright {
	position:absolute;
	top:173px;
	left:630px;
	width:168px;
	font-family:'Droid Sans';
	font-size:.8em;
	text-align:left;
		z-index:10;
}

#submenu ul, #submenu2 ul, #submenuright ul {
	list-style: none;
	margin:0;
	padding:0;
}

#submenu li, #submenu2 li, #submenuright li {
	border-bottom:1px dotted #00020C;

}	

#submenu li a:link, #submenu li a:visited, #submenu2 li a:link, #submenu2 li a:visited, #submenuright li a:link, #submenuright li a:visited {
	display:block;
	padding: 3px 0px 3px 5px;
	color:#00020C;
	text-decoration:none;
}

#submenu li a:hover, #submenu2 li a:hover, #submenuright li a:hover {
	background-color:#EBEBEB;
}	

.firstlink {
	border-top: 1px dotted #00020C;
}

/* page headings*/

#heading {
	position:absolute;
	top:139px;
	left:47px;
	width:613px;
	text-align:left;
}		

/* main copy */

#maincopy {
	position:absolute;
	top:183px;
	left:48px;
	width:771px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
}

#maincopy a:link, #maincopy a:visited {
	color:#00020C;
	text-decoration:none;
}

#maincopy a:hover {
	text-decoration:underline;
}

/* portfolio case study text areas */	

#casetxt1 {
	position:absolute;
	top:200px;
	left:203px;
	width:600px;
}

#casetxt1 ol {
	margin:0 0 0 0;
	padding:0 0 0 25px;
}

#casetxt1 ul {
	margin:0 0 0 0;
	padding:0 0 0 25px;
}


#casetxt2 {
	position:absolute;
	top:190px;
	left:331px;
	width:504px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
}

.casetable {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	text-align:left;
	vertical-align:top;
	line-height:1.1em;
}

.casetable td.altrow {
	font-weight:bold; 
	color:#4D4D4D;
	text-align:right;
	vertical-align:top;
}	

/* portfolio image areas */	

#portimage1 {
	position:absolute;
	top:190px;
	left:200px;
	width:315px;
}	

#portimage2 {
	position:absolute;
	top:170px;
	left:530px;
	width:315px;
}

#portimage3 {
	position:absolute;
	top:137px;
	left:200px;
	width:650px;
	height: 293px;
}	

#portimagescroll {
	position:absolute;
	top:128px;
	left:200px;
	width:650px;
	height: 304px;
	overflow:auto;
}

/* portfolio lower links */

#portfoliolinks {
	position:absolute;
	bottom:67px;
	left:200px;
	width:660px;
	text-align:left;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:.6em;
	letter-spacing:-.8px;

}

#portfoliolinks a:link, #portfoliolinks a:visited{
	color:#00020C;
	text-decoration:none;
}	

#portfoliolinks a:hover {
	background-color:#CCCCCC;
}
 
/* copyright etc */

#copyright {
	position:absolute;
	left:35px;
	bottom:-5px;
	font-family:'Droid Sans';
	font-size: .6em;
	color:#E0E2ED;
}

#copyright a {
	color:#E0E2ED; 
	text-decoration:none;
	}

#copyright a:hover {
	color:white;
	text-decoration:underline;
}

#copyrightsuburbs {
	position:absolute;
	left:35px;
	bottom:-2480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .6em;
	color:#E0E2ED;
}	

#greenpower {
	position:absolute;
	left:35px;
	bottom:65px;
}	

/* classes */

.strongtxtblue {
	font-family:'Droid Sans';
	font-weight:bold;
	color:#00020C;
	font-size:13px;
}

.contacttable {
		font-size:13px;
		}

.dates {
	font-weight:bold;
	color:#00ADEF;
	line-height:1.2em;
}

.strongtxtblulge {
font-family:"Century Gothic", AvantGarde, "Avant Garde", "Tw Cen MT", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color:#4D4D4D;

	font-size:17px;
}

.headingstext {
	font-family:"Century Gothic", AvantGarde, "Avant Garde", "Tw Cen MT", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size:27px;
	color:#00020C;
	font-weight:bold;
	letter-spacing:-.8px;

}	

.headingssmall {
	font-family:"Century Gothic", AvantGarde, "Avant Garde", "Tw Cen MT", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:25px;
	color:#00020C;
	font-weight:bold;
	letter-spacing:-1px;
}	

.numbers {
	font-weight:bold; 
	color:#00020C;
}	

/* contact page */	

#contactmap {
	position:absolute;
	top:145px;
	left:472px;
}	

/* full width page positioning */	

#leftheading {
	position:absolute;
	top:150px;
	left:80px;
}	

#homepagemast {
	position:absolute;
	top:160px;
	left:65px;
}	

#homepagetxt {
	position:absolute;
	top:155px;
	left:56px;	
	width:355px;
	text-align:left;

}

#homepagetxt a:link, #homepagetxt a:visited {
	color:#00ADEF;
	text-decoration:none;
	font-weight:bold;
}

#homepagetxt a:hover {
	text-decoration:underline;
	color:#00ADEF;
}

#homepageflash {
	position:absolute;
	top:155px;
	left:424px;	
}

#textdetails {
	position:absolute;
	top:155px;
	left:82px;
	text-align:left;
	font-family:'Droid Sans';
	font-size:.9em;
	width: 722px;
}

/*#textdetails p {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
}*/

#textdetails ul {
	list-style:url(images/bullet.gif);
	margin:0 5px;
	padding:5px 5px 5px 35px;
	font-weight:bold;
	color:#00020C;
	font-size:inherit;
	}	

#textdetails li {
padding:0 0 14px 0;
}
	

#textdetails a:link, #textdetails a:visited {
	color:#00020C;
	text-decoration:none;
}

#textdetails a:hover {
	text-decoration:underline;
}

#textrightdiv {
	position:absolute;
	top:201px;
	left:450px;	
	width:402px;
	text-align:left;
	font-family:'Droid Sans';
	font-size:.7em;
}

#phonedetails {
	position:absolute;
	top:47px;
	left:196px;	
	width:200px;
	text-align:left;
}

#partnerdetails {
	position:absolute;
	top:155px;
	left:82px;	
	width:722px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
}

#partnerdetails a:link, #partnerdetails a:visited {
	color:#4D4D4D;
	text-decoration:none;
}

#partnerdetails a:hover {
	text-decoration:underline;
	color:#00ADEF;
}

/* portfolio page positioning */	

#portfolio {
	position:absolute;
	top:150px;
	left:202px;
	width:650px;
	height:290px;
	text-align:left;
}

#googlesearch {
	position:absolute;
	left:421px;
	bottom:65px;
	width:430px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:5px;
	color:#FFFFFF;
}	

.stay {
background-color:#EBEBEB;
}

.left {float:left;}
.right {float:right;}