/* ========================
Guy Lillico Online Portfolio
CSS by Guy Lillico
30-06-2009 
======================== */

@import url("reset.css");

html {
	font-size:62.5%;
}

h1	{
	padding:0;
	margin:0;
	font-size:1.8em;
	color:#000;
}

h2 {
	color:#6a95bb;
	font-size:2.4em;
	text-align:center;
	font-weight:normal;
	padding-bottom:56px;
}

h3 {
	color:#b89541;
	font-size:1.6em;
	font-weight:normal;
	padding:8px 0 16px 0;
}

h4 {
	color:#b89541;
	font-size:1.4em;
	font-weight:normal;
	padding:8px 0 12px 0;
}

a:hover {
	color:#fff;
}	

body {
	margin:0;
	padding:0;
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:1.0em;
	color:#fff;
	background:#010d13 url(../images/body_bg.gif) 0 0 repeat-x;
}

.clear	{
	height:0;
	width:0;
	clear:both;
}

#container {
	position:relative;
	margin:0 auto;
	width:992px;
	height:849px;
	padding:0px;
	background:url(../images/container_bg.jpg) top center no-repeat;	
}

#header {
	height:359px;
	padding:0;
	margin:0;
	text-align:center;
}
	#logo {
		width:300px;
		height:178px;
		display:block;
		position:absolute;
		top:111px;
		left:377px;
		background:url(../images/logo.png) 0 0 no-repeat;
		text-indent:-9999px;
	}

#main	{
	width:100%;
	padding:0;
	margin:0;
	position:relative;
}
	#features {
		width:982px;
		height:316px;
		background:url(../images/features_bg.gif) bottom center no-repeat;
		padding-left:10px;
		margin-bottom:10px;
	}
		#features div {
			float:left;
			width:323px;
			height:276px;
			_height:250px;
			background:url(../images/feature_block.png) top center no-repeat;
		}
		
		#features div#image_box {
			text-align:center;
			padding-top:18px;
		}
		#features div#content {
			padding:33px 36px 33px 43px;
			width:244px;
			line-height:1.8em;
		}	
			#features div#content p {
				font-size:1.30em;
				color:#7a9cb0;
				padding-bottom:15px;
			}
		#features div#advert {
			padding:33px 36px 33px 43px;
			width:244px;
			line-height:1.8em;
		}
			#features div#advert h3 {
				width:247px;
				height:178px;
				padding:0;
			}
				#features div#advert h3 a {
					display:block;
					width:247px;
					height:178px;
					text-indent:-9999px;
					background:url(../images/title_shadowplay.jpg) 0 0 no-repeat;
				}
					#features div#advert h3 a:hover {
						filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80
					}


			#features div#advert span {
				color:#89b3cd;
				font-size:1.2em;
				text-align:right;
				display:block;
			}	
			#features div#advert h4 {
				color:#b89541;
				text-align:right;
				padding-bottom:2px;
			}	
			#cdbaby_link {
				color:#3594d5;
				text-align:right;
				font-size:1.1em;
				text-decoration:none;
				display:block;
			}
				#cdbaby_link:hover {
					color:#fff;
				}	


#footer  {
	font-size:1.1em;
	width:992px;
	height:20px;
	text-align:right;
	padding:0;
}
	#footer span {
		color:#08557e;
		text-align:right;
		padding-right:30px;
		padding-bottom:1px;
		display:block;
		height:15px;
	}