/*----------------------------------------------------------------------------------------------
	Portfolio Navigation Breadcrumbs
------------------------------------------------------------------------------------------------*/

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

div.page-top-about a:link, div.page-top-about a:visited, div.page-top-services a:link, div.page-top-services a:visited, div.page-top-contact a:link, div.page-top-contact a:visited, div.entry a:link, div.entry a:visited {
	color: #1a7eac;
	text-decoration: none;
	}

div.page-top-about a:hover, div.page-top-about a:focus, div.page-top-services a:hover, div.page-top-services a:focus, div.page-top-contact a:hover, div.page-top-contact a:focus, div.entry a:hover, div.entry a:focus {
	background: #fff9c4;
	text-decoration: none;
	}



/*----------------------------------------------------------------------------------------------
	Subpage Header
------------------------------------------------------------------------------------------------*/

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

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

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

#header2 div.header-text2 {
	width: 600px;
	float: left;
	margin: 35px 0 0 70px;
	}

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

body#webport #header2 div#topnav ul li#portfolio a, body#animaport #header2 div#topnav ul li#portfolio a, body#artport #header2 div#topnav ul li#portfolio a, body#comicport #header2 div#topnav ul li#portfolio a {
	background-position: -191px -29px;
	}

/*----------------------------------------------------------------------------------------------
	Content Wrap
------------------------------------------------------------------------------------------------*/

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

body#contactpage #content {
	margin-bottom: 0;
	}

#content p.text {
	margin: 0 0 15px 0;
	}

#content img.left {
	float: left;
	margin: 5px 15px 0 0;
	padding: 5px;
	vertical-align: top;
	border: 1px solid #e3e3e3;
	background-color: #f0f9fb;
}

#content img.right {
	float: right;
	margin: 5px 0 0 15px;
	padding: 5px;
	vertical-align: top;
	border: 1px solid #e3e3e3;
	background-color: #f0f9fb;
}

#content div.page-top-about {
	background: #fff url(images/abouttop.jpg) top no-repeat;
	padding: 118px 70px 70px 70px;
	position: relative;
	overflow: hidden;
	}

#content div.page-top-services {
	background: #fff url(images/servicestop.jpg) top no-repeat;
	padding: 118px 70px 70px 70px;
	position: relative;
	overflow: hidden;
	}

#content div.page-top-contact {
	background: #fff url(images/contacttop.jpg) top no-repeat;
	padding: 118px 70px 0 70px;
	position: relative;
	overflow: hidden;
	}

#content div.page-top-web {
	background: #fff url(images/webtop.jpg) top no-repeat;
	padding: 38px 0 70px 70px;
	position: relative;
	overflow: hidden;
	}

#content div.page-top-anima {
	background: #fff url(images/animatop.jpg) top no-repeat;
	padding: 38px 0 70px 70px;
	position: relative;
	overflow: hidden;
	}

#content div.page-top-art {
	background: #fff url(images/arttop.jpg) top no-repeat;
	padding: 38px 0 70px 70px;
	position: relative;
	overflow: hidden;
	}

#content div.page-top-comic {
	background: #fff url(images/comictop.jpg) top no-repeat;
	padding: 38px 0 70px 70px;
	position: relative;
	overflow: hidden;
	}

#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;
	}

#content a img.goback {
	float: left;
	border: 0;
	margin: 20px 70px 50px 0;
	}

#content a img.seemore2 {
	float: right;
	border: 0;
	margin: 20px 70px 50px 0;
	}

#content div.page-top-about h3, #content div.page-top-services h3 {
	color: #feb832;
	font: bold 1.5em "Century Gothic", Arial;
	margin: 35px 0 15px 0;
	}


/*----------------------------------------------------------------------------------------------
	Portfolio Navigation
------------------------------------------------------------------------------------------------*/

#content div.page-top div#subnav {
	float: left;
	}

div#subnav ul {
	width: 563px;
	height: 20px;
	}

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

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

div#subnav li#web a {
	width: 66px;
	height: 20px;
	}

div#subnav li#animation a {
	width: 146px;
	height: 20px;
	}

div#subnav li#art a {
	width: 201px;
	height: 20px;
	}

div#subnav li#comic a {
	width: 150px;
	height: 20px;
	}

div#subnav li#web a:hover, div#subnav li#web a:focus, body#webport div#subnav ul li#web a {
	background-position: 0px -20px;
	}

div#subnav li#animation a:link, div#subnav li#animation a:visited {
	background-position: -66px 0px;
	}

div#subnav li#animation a:hover, div#subnav li#animation a:focus, body#animaport div#subnav ul li#animation a {
	background-position: -66px -20px;
	}

div#subnav li#art a:link, div#subnav li#art a:visited {
	background-position: -212px 0px;
	}

div#subnav li#art a:hover, div#subnav li#art a:focus, body#artport div#subnav ul li#art a {
	background-position: -212px -20px;
	}

div#subnav li#comic a:link, div#subnav li#comic a:visited {
	background-position: -413px 0px;
	}

div#subnav li#comic a:hover, div#subnav li#comic a:focus, body#comicport div#subnav ul li#comic a {
	background-position: -413px -20px;
	}


/*----------------------------------------------------------------------------------------------
	Portfolio Posts 
------------------------------------------------------------------------------------------------*/

div.entry {
	margin: 60px 70px 20px 0;
	padding: 15px 50px 40px 50px;
	min-height: 357px;
	clear: both;
	background: #fff url(images/box.gif) bottom no-repeat;
	}

div.entry a img {
	border: 5px solid #e3e3e3;
	margin: 0 40px 20px 0;
	float: left;
	}

div.entry a:hover img, div.entry a:focus img {
	border: 5px solid #ffd88e;
	}

div.entry div.entry-text h3 {
	color: #feb832;
	font: bold 1.5em "Century Gothic", Arial;
	margin-bottom: 15px;
	}

div.entry div.entry-text ul li, div.boxright li.bullet {
	background: url(images/starbullet.gif) left center no-repeat;
	display: inline;
	padding-left: 15px;
	margin-right: 10px;
	}

div.entry div.entry-text ul {
	margin: 5px 0 15px 0;
	}

div.entry div.entry-text div.quickbox h4.quick a {
	text-indent: -9999px;
	float: right;
	background: #fff url(images/quicktime.png) no-repeat;
	width: 155px;
	height: 52px;
	display: block;
	}

body#artport #content div.artbox {
	margin: 60px 20px 50px 0;
	float: left;
	overflow: hidden;
	}

body#artport #content div.artbox a img, body#artport #content div.artbox img {
	border: 3px solid #e3e3e3;
	margin: 0 5px 10px 0;
	float: left;
	}

body#artport #content div.artbox a:hover img, body#artport #content div.artbox a:focus img {
	border: 3px solid #ffd88e;
	}


/*----------------------------------------------------------------------------------------------
	Contact Page Columns 
------------------------------------------------------------------------------------------------*/

div.boxleft {
	width: 480px;
	margin: 0 20px 70px 0;
	display: inline;
	float: left;
	}

div.boxright {
	width: 300px;
	margin: 0;
	display: inline;
	float: right;
	}

div.boxleft p, div.boxright p {
	margin-bottom: 30px;
	}

div.boxright p span.yellow {
	color: #feb832;
	}




/*----------------------------------------------------------------------------------------------
	Services 
------------------------------------------------------------------------------------------------*/

#content div.page-top-services div.boxleft {
	width: 350px;
	margin: 0 20px 40px 0;
	display: inline;
	float: left;
	}

#content div.page-top-services div.boxright {
	width: 350px;
	margin: 0;
	display: inline;
	float: right;
	}

div.page-top-services ul li {
	background: url(images/starbullet.gif) left center no-repeat;
	padding-left: 15px;
	margin-right: 10px;
	}

div.page-top-services ul {
	list-style-type: none;
	margin: 5px 0 15px 0;
	}


/*----------------------------------------------------------------------------------------------
	Contact Form 
------------------------------------------------------------------------------------------------*/

form fieldset {
	border: 0;
	padding: 0;
	}

form label {
	color: #1a7eac;
	display: block;
	margin: 10px 0 0 0;
	}

form img {
	margin: 0 0 0 3px;
	}

form input, form textarea {
	font-family: "Century Gothic", Helvetica, Arial;
	font-size: 1em;
	border: 1px solid #eae1e1;
	background: #f9f9f9;
	width: 420px;
	padding: 3px;
	}

form input:hover, form textarea:hover {
	border: 1px solid #eae1e1;
	background: #fffdf5;
	}

form input:active, form input:focus {
	background: #fff url(images/inputbg.gif) top repeat-x;
	border: 1px solid #c8ebf2;
	}

form textarea:active, form textarea:focus {
	background: #fff url(images/textareabg.gif) top repeat-x;
	border: 1px solid #c8ebf2;
	}

form div.buttons {
	margin: 10px 52px 0 0;
	overflow: hidden;
	}

form div.buttons span {
	background: #fff url(images/required.gif) no-repeat;
	width: 137px;
	height: 20px;
	text-indent: -9999px;
	display: block;
	}

form input.submit {
	width: 103px;
	height: 29px;
	background: #fff url(images/submit.gif);
	border: 0;
	float: right;
	cursor: pointer;
	}

form input.clear {
	width: 103px;
	height: 29px;
	background: #fff url(images/clear.gif);
	border: 0;
	float: right;
	clear: left;
	cursor: pointer;
	}



/*----------------------------------------------------------------------------------------------
	Footer Twitter Graphic
------------------------------------------------------------------------------------------------*/

body#contactpage #footer-wrap {
	margin: 0;
	}

#footer h4#twitter a {
	background: #fff url(images/twitter.gif) no-repeat;
	width: 192px;
	height: 65px;
	float: left;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	margin: -83px 0 0 0;
	position: relative;
	}