@charset "utf-8";

/******
/-----------------
	WebStuff.biz Stylesheet V.4.0.3
	P: +61 2 4325 1188
	Copyright, 2008
	--------------------------/
******/
/**	---------
	CSS Reset	**/
html, body, div, span, img, table, td, li, h1, h2, h3, h4 { margin: 0px; padding: 0px; border: none; }
a { text-decoration: none; }
table { border-collapse: collapse; }

@import url("inner.css");
/**	---------
	Starts	**/
body {behavior: url('css/csshover.htc');font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #333333;}

hr {
	border: none;
	border-top: 2px solid #d1d5d5;
	height: 2px;
	padding: 3px 0px;
}

h1 {
	color: #666666;
	letter-spacing: -1px;
	font-size: 18px;
	font-weight: normal;
}

h3 {
	color: #0687ab;
	font-size: 22px; font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	letter-spacing: -1px;
	text-transform: uppercase;
}
h4 {
	color: #666666;
	padding: 0px 0px 0px 30px;
	margin: 5px 0px 10px 0px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
}
h4.alter {
	color: #fff;
	background: #666;
	padding: 2px; margin: 5px;
	text-align: right;
}

#container {
	width: 942px;
	margin: 30px auto;
	padding: 13px;
	border: 1px solid #d1d5d5;	
}

#header {
	width: 937px;
	height: 99px;
	background: url(../images/header.gif);
	padding: 0px 5px 0px 0px;
	position: relative;
}
	#header img {
		position: absolute;
		left: 17px;
		top: 30px;
	}
	#header p {
		line-height: 24px;
		color: #fff;
		letter-spacing: 4px;
		float: right;
		text-align: right;
		padding: 21px 0px 0px 0px;
		text-shadow:1px 1px 0px #666
	}
	


/**	---------
	Nav	**/
	
#nav {
	width: 942px; height: 24px;
	margin: 5px 0px;
	background: url(../images/nav_bg.gif) repeat-x;
	font-size: 10px;
}
	#nav ul { margin: 0px; padding: 0px; list-style: none; }
	#nav li {
		float: left;
		border-right: 1px solid #fff;
		position: relative;
		z-index: 100;
	}
		#nav li.last { border: none; }
	#nav a {
		display: block;
		width: 117px; height: 19px;
		text-align: center;
		color: #414141;
		padding: 5px 0px 0px 0px;
	}
		#nav a:hover {
			background: url(../images/nav_bg.gif) 0px -24px repeat-x;
			text-decoration: none;
			color: #fff;
		}
		#nav a.first {
			width: 115px;
		}
		
	#nav ul ul {
		display: none;
		position: absolute; top: 24px; left: 0px;
		width: 150px;
		background: #e9e9e9;
		padding: 10px 0px 0px 0px;
		z-index: 200;
	}
		#nav li:hover ul {
			display: block;
		}
	#nav ul li ul li {
		float: none;
		border: none;
		border-bottom: 1px solid #fff;
	}
		#nav ul li ul li a {
		display: block;
		width: 140px; height: 19px;
		text-align: left;
		padding: 5px 0px 0px 10px;
		}
		
#latest-projects {
	width: 232px; height: 236px;
	background: #f0f1f0 url(../images/latest_projects_bg.gif) bottom left no-repeat;
	float: left;
	padding: 0px 0px 15px 0px;
	font-size: 10px;
	margin: 0px 0px 5px 0px;
	
}
	#latest-projects h1 {
	color: #666666;
	background: url(../images/latest_projects_h1_bg.gif) top left no-repeat;
	font-size: 22px;
	font-weight: normal;
	margin: 0px;
	padding: 7px 0px 0px 16px;
	}
	#latest-projects ul, p { padding: 0px 0px 0px 12px; list-style: none; margin: 8px 0px 0px 0px; }
	#latest-projects li {
		font-size: 12px;
		border-bottom: 1px dashed #666;
		width: 210px;
	}
	#latest-projects ul li:hover ul {
		display: block;
	}
		#latest-projects li:first-child {
			border-top: 1px dashed #666;
		}
	#latest-projects a {
	display: block;
	width: 178px;
	height: 23px;
	color: #333333;
	padding: 5px 0px 0px 32px;
	background: url(../images/latest_projects_li.gif) 0px -28px no-repeat;
	}
		#latest-projects a:hover {
			background-position: 0px 0px;
			background-color: #dee8f1;
		}
	#latest-projects ul ul {
		display: none;
		position: absolute;
		top: 33px;
		background: #dee8f1;
		width: 200px;
		padding: 5px;
	}
	#latest-projects ul li ul li {
		border: none;
		width: auto;
	}
		#latest-projects ul li ul li a {
			display: block;
			width: auto; height: auto;
			padding: 0px;
			background: none;
		}

#feature {width: 706px; height: 251px;float: right;}#feature ul{list-style:none;margin:0px;padding:0px;position:relative;}#feature li{position:absolute}

#quick-links {
	width: 218px; height: 36px;
	background: #00a4ed url(../images/quick_links_bg.gif) right no-repeat;
	font-size: 22px;
	color: #fff;
	float: left;
	margin: 0px 3px 0px 0px; padding: 5px 0px 0px 15px;
}

#quick-links-buttons {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
	#quick-links-buttons ul { list-style: none; margin: 0px; padding: 0px; }
	#quick-links-buttons li {
		width: 175px; height: 41px;
		float: left;
		border-right: 1px solid #fff;
	}
	#quick-links-buttons a {
		display: block;
		width: 167px; height: 33px;
		background: #444343;
		color: #fff;
		padding: 8px 0px 0px 8px;
		text-transform: uppercase;
	}
		#quick-links-buttons a:hover {
			background: #1e1e1e;
		}



/**	---------
	Content	**/
	
#left-features {
	width: 233px;
	padding: 20px 0px 0px 0px;
	float: left;
}
	#left-features a.newsletter {
		display: block;
		width: 220px;
		height: 144px;
		background: url(../images/newsletter_bg.png) no-repeat;
		color: #000;
		font-size: 17px; font-weight: bold;
		padding: 20px 0px 0px 15px;
	}
		#left-features a.newsletter:hover {
			background: url(../images/newsletter_bg.png) 0px -164px no-repeat;
		}
		#left-features a.newsletter:hover span { color: #fff; }
		#left-features a.newsletter:hover span.freeblue { color: #fff; }
		#left-features a.newsletter span.freeblue {
			color: #0083a9;
			text-decoration: underline;
		}
		#left-features a.newsletter span.list {
			padding-bottom: 15px;
			display: block;
			font-size: 16px; font-family: Arial, Helvetica, sans-serif;
		}
		
			
				
		
		
		
#content {
	float: left;
	width: 690px;
	padding: 5px 0px 30px 10px;
	line-height: 18px;
}
	#content .maincolumn {
	width: 195px;
	padding: 5px 15px;
	font-size: 11px;
	float: left;
	color: #333333;
	margin-right: 3px;
	border-right: 1px dotted #ccc;
	}
	

/**	---------
	Footer	**/
	
#footer {font-size: 10px;padding: 5px;height: 30px;background: url(../images/footer_logo.gif) bottom right no-repeat;}#footer a {color: #666;}#footer a:hover {text-decoration: underline;}
#footer div{padding-top:5px;}


/**	---------
	jQuery Stylings	**/
	
#screenshot{
	position: absolute;
	background: #dee8f1;
	border: 4px solid #9fc4e6;
	padding: 5px;
	display: none;
	color: #0083a8;
	text-align: center;
	z-index: 199;
	
}


/**	---------
	Declarations	**/


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


table.border td {padding: 20px;margin: 2px;border: 1px solid #ccc;}


p.highlight {
	color: #0687ab;
	width: 500px;
	padding: 10px 10px 10px 30px; margin: 5px auto;
	background: url(../images/phighlight_bg.gif) no-repeat;
}p.highlight:first-letter {font-size: 16px;}	
	
	
input.contactwebstuff, textarea.contactwebstuff {
	background: url(../images/input_bg.gif) repeat;
	border: 1px solid #0083a9;
	padding: 2px;
	color: #666;
}