/*----------------------------------------------------------------------------------------------
	General
------------------------------------------------------------------------------------------------*/

html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, img, form, fieldset, blockquote {
	margin: 0;
	padding: 0;
	}

body {
	background: #fff url(images/repeatbg.png) repeat-x;
	color: #2e3449;
	font: 1em/1.75em "Trebuchet MS", Arial, Verdana;
	}

.clear {
	clear: both;
	}

#wrap {
	width: 960px;
	margin: 0 auto;
	}


/*----------------------------------------------------------------------------------------------
	Homepage Header
------------------------------------------------------------------------------------------------*/

#header {
	height: 460px;
	background: url(images/header.jpg) top no-repeat;
	padding: 13px 0 0 0;
	}

#header h1 a {
	background: transparent url(images/BWlogo.png) no-repeat;
	width: 147px;
	height: 80px;
	float: left;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	}


/*----------------------------------------------------------------------------------------------
	Main Navigation
------------------------------------------------------------------------------------------------*/

div#topnav {
	float: right;
	margin: 55px 0 0 0;
	}

div#topnav ul {
	width: 591px;
	height: 29px;
	}

div#topnav ul li {
	list-style-type: none;
	float: left;
	text-indent: -9999px;
	}

div#topnav ul li a {
	border: 0;
	text-decoration: none;
	display: block;
	overflow: hidden;
	background: transparent url(images/topnav.png) no-repeat;
	}

div#topnav ul li#main a {
	width: 86px;
	height: 29px;
	}

div#topnav ul li#about a {
	width: 105px;
	height: 29px;
	}

div#topnav ul li#portfolio a {
	width: 116px;
	height: 29px;
	}

div#topnav ul li#services a {
	width: 106px;
	height: 29px;
	}

div#topnav ul li#blog a {
	width: 81px;
	height: 29px;
	}

div#topnav ul li#contact a {
	width: 97px;
	height: 29px;
	}

div#topnav ul li#main a:hover, div#topnav ul li#main a:focus, body#home #header div#topnav ul li#main a, body#home #header2 div#topnav ul li#main a {
	background-position: 0px -29px;
	}

div#topnav ul li#about a:link, div#topnav ul li#about a:visited {
	background-position: -86px 0px;
	}

div#topnav ul li#about a:hover, div#topnav ul li#about a:focus, body#aboutpage #header div#topnav ul li#about a, body#aboutpage #header2 div#topnav ul li#about a {
	background-position: -86px -29px;
	}

div#topnav ul li#portfolio a:link, div#topnav ul li#portfolio a:visited {
	background-position: -191px 0px;
	}

div#topnav ul li#portfolio a:hover, div#topnav ul li#portfolio a:focus {
	background-position: -191px -29px;
	}

div#topnav ul li#services a:link, div#topnav ul li#services a:visited {
	background-position: -307px 0px;
	}

div#topnav ul li#services a:hover, div#topnav ul li#services a:focus, body#servicespage #header div#topnav ul li#services a, body#servicespage #header2 div#topnav ul li#services a {
	background-position: -307px -29px;
	}

div#topnav ul li#blog a:link, div#topnav ul li#blog a:visited {
	background-position: -413px 0px;
	}

div#topnav ul li#blog a:hover, div#topnav ul li#blog a:focus {
	background-position: -413px -29px;
	}

div#topnav ul li#contact a:link, div#topnav ul li#contact a:visited {
	background-position: -494px 0px;
	}

div#topnav ul li#contact a:hover, div#topnav ul li#contact a:focus, body#contactpage #header div#topnav ul li#contact a, body#contactpage #header2 div#topnav ul li#contact a {
	background-position: -494px -29px;
	}

#header div.header-text {
	width: 435px;
	float: left;
	margin: 70px 0;
	}

#header div.header-text h2 {
	color: #fff;
	font: 2em bold "Century Gothic", Helvetica, Arial;
	font-size: 2em;
	margin: 0 0 40px 0;
	}

#header div.header-text p {
	color: #fff;
	font: 1.5em "Century Gothic", Arial;
	}


/*----------------------------------------------------------------------------------------------
	Content Wrap for Showcase
------------------------------------------------------------------------------------------------*/

#content {
	margin: 0 0 30px 0;
	}

#content h3#featured {
	background: #fff url(images/featured.png) no-repeat;
	width: 334px;
	height: 40px;
	float: left;
	text-indent: -9999px;
	display: block;
	margin: 0 0 40px 0;
	}

#content h3#seemore a {
	background: #fff url(images/seemore.png) no-repeat;
	width: 404px;
	height: 36px;
	float: right;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	margin: 30px 17px 140px 0;
	}

#content h3#seemore a:hover, #content h3#seemore a:focus {
	background-position: 0px -36px;
	}


/*----------------------------------------------------------------------------------------------
	Showcase
------------------------------------------------------------------------------------------------*/

div.showcase {
	width: 960px;
	float: left;
	}

body#home #content a img {
	border: 5px solid #e3e3e3;
	margin-right: 10px;
	float: left;
	}

body#home #content a:hover img, body#home #content a:focus img {
	border: 5px solid #ffd88e;
	}


/*----------------------------------------------------------------------------------------------
	Footer
------------------------------------------------------------------------------------------------*/

#footer-wrap {
	background: #2e3449;
	border-top: 1px solid #9ee3f4;
	margin: 90px 0 0 0;
	}

#footer {
	width: 960px;
	margin: 0 auto;
	padding: 25px 0 50px 0;
	}

#footer h4#boy a {
	background: #fff url(images/hello.jpg) no-repeat;
	width: 339px;
	height: 181px;
	float: left;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	margin: -154px 0 0 0;
	position: relative;
	}

#footer h4#boy a:hover, #footer h4#boy a:focus {
	background-position: 0px -181px;
	}

#footer p {
	color: #fff;
	font-size: 0.85em;
	float: right;
	}

#footer span {
	margin-right: 15px;
	float: left;
	}

#footer img {
	border: 0;
	}

#footer a:link, #footer a:visited {
	color: #9ee3f4;
	text-decoration: none;
	}

#footer a:hover, #footer a:focus {
	color: #fff;
	text-decoration: underline;
	}