@charset "utf-8";

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	color: #004857;
	background: #CCCCCC url(images/center_strip.gif) repeat-x left top;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 20px;
	bottom: 510px;
}

#wrapper {
	margin: 0 auto;
	width: 900px;
	height: 612px;
	border-left: 1px #ccc dashed;
	border-right: 1px #ccc dashed;
	position: relative;
}

#nav {
	margin:0;
	padding:10px 0;
}

#nav li	{
	display:inline;
	list-style:none;
	width:100px;
	margin:0 10px;
}	

#nav li a	{
	text-decoration:none;
	font-size: 1em;
	font-weight: normal;
	color: #004857;
}

#nav li a:hover	{
	text-decoration:underline;
}

#hero {
	background: url(images/hero.jpg) no-repeat left top;
	width: 416px;
	height: 348px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 320px;
	bottom: 155px;
}

#strapline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	line-height: 20px;
	color: #666;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 65px;
	bottom: 55px;
}

#dotted {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #ccc;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	bottom: 110px;
}

#creativebug {
	background: url(images/cb_logo.gif) no-repeat left top;
	width: 210px;
	height: 182px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 50px;
	bottom: 270px;
}
	
#about {
	width: 500px;
	margin: 0;
	padding: 0;
	line-height: 23px;
	position: absolute;
	left: 20px;
	top: 120px;
}	

#services li	{
	display: list-item;
	width:300px;
	margin:0 -25px;
}	

#twitter {
	background: url(images/twitter_logo.gif) no-repeat left top;
	width: 65px;
	height: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 10px;
	bottom: 0;
}

#linkedin {
	background: url(images/linked_logo.gif) no-repeat left top;
	width: 76px;
	height: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 85px;
	bottom: 0;
}

#flickr {
	background: url(images/flickr_logo.gif) no-repeat left top;
	width: 76px;
	height: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 170px;
	bottom: 0;
}

#blogger {
	background: url(images/blogger_logo.gif) no-repeat left top;
	width: 73px;
	height: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 230px;
	bottom: 0;
}