/**
 * YourFightSite.com styles for screen
 * @author Martin Bean
 **/

@import url('reset.css');

body {
	color: #f1f1f1;
	font: normal 10px/15px Verdana, Arial, sans-serif;
	text-align: center;
	background: #000 url(../images/background.jpg) no-repeat 50% 0;
}


/* default link styles */
a:link, a:visited {
	color: #dcdcdc;
	text-decoration: none;
	border-bottom: 1px dotted #464646;
}
a:hover, a:active {
	color: #ec2026;
	text-decoration: none;
	border-bottom: 1px dotted #ec2026;
}
a img {
	border: none;
}


/* default text styles */
h1,h2 {
	color: #ec2026;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
	clear: left;
	padding: 1em 0 0.75em;
}
p,li {
	font-size: 1.2em;
	line-height: 1.54em;
}
p,ol,ul {
	padding: 0 0 1em;
}
ol, ul {
	padding-bottom: 1.5em;
}
ul li {
	list-style: circle inside;
}

ul.services li {
	color: #ec2026;
}
ul.services li span {
	color: #dcdcdc;
}

blockquote {
	font-size: 1.2em;
	line-height: 1.54em;
	margin-bottom: 0.25em;
}
cite {
	font-size: 1.2em;
	text-align: right;
	display: block;
	margin-bottom: 1em;
}


#newsletter_signup_link {
	text-indent: -9999em;
	background: url(../images/newsletter.gif) no-repeat 0 0;
	display: block;
	width: 216px;
	height: 38px;
	margin: 20px 0 25px 0;
	float: right;
	border: none;
}


/* navigation */
#navigation {
	font-size: 1em;
	display: block;
	float: right;
	clear: right;
}
#navigation li {
	font-size: 1.3em;
	display: inline;
	float: left;
	margin-left: 1em;
	list-style: none;
	clear: right;
}
#navigation li a {
	padding: 0 0.23em;
	border: none;
}
#navigation li a:hover {
	color: inherit;
	text-decoration: none;
}
#navigation li.active {
	background: url(../images/nav-active.gif) no-repeat 0% 100%;
	padding-bottom: 1em;
}
#navigation li.active a {
	color: #f1f1f1;
	display: block;
}
#navigation li.active a:hover {
	color: inherit;
}


/* structure */
#container {
	text-align: left;
	width: 76em;
	margin: 0 auto;
}
#logo {
	float: left;
	clear: none;
	padding: 0;
	border: none;
}
#email {
	font-size: 1.2em;
	background: url(../images/email.gif) no-repeat 0 50%;
	float: left;
	clear: both;
	margin: 1em 0 2em;
	padding-left: 1.8em;
	padding-bottom: 0;
}
#strapline {
	font-size: 1.2em;
	text-align: right;
	float: right;
	padding-top: 1em;
}
#strapline a {
	font-weight: bold;
}
#about, #services {
	width: 36.5em;
}
#about {
	float: left;
	clear: left;
}
#services {
	float: right;
}
#footer {
	color: #797979;
	text-align: left;
	clear: both;
	height: 80px;
	padding: 4em 0 2em;
}
#footer ul {
	display: block;
	float: left;
	height: 50px;
	margin-top: 4px;
}
#footer ul li {
	display: inline;
	list-style: none;
}
#footer ul li a {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	overflow: hidden;
	border: none;
}
#footer ul li a img {
	display: block;
	margin-top: 0;
}
#footer ul li a:hover img {
	margin-top: -50px;
}
#footer ul li#passionate a {
	width: 80px;
}
/*
#footer #banner {
	display: block;
	float: left;
	border: solid 2px #797979;
}
#footer #banner:hover {
	border-color: #ec2026;
}
#footer #banner img {
	display: block;
	width: 468px;
	height: 60px;
}
*/
#footer #branding {
	float: right;
	padding-top: 5px;
}
#footer #branding #mcbwebdesign {
	font-size: 11px;
	text-align: right;
	float: right;
}
#footer #branding #mcbwebdesign .mcb_logo {
	display: block;
	border: none;
}

#footer #branding #passionate,
#footer #branding #northeast {
	float: left;
	margin-right: 25px;
}
#footer #branding #passionate a,
#footer #branding #northeast a {
	display: block;
	width: 80px;
	height: 50px;
	overflow: hidden;
	border: none;
}
#footer #branding #passionate a img,
#footer #branding #northeast a img {
	display: block;
	margin: 0;
}
#footer #branding #passionate a:hover img,
#footer #branding #northeast a:hover img {
	margin-top: -50px;
}


/* project list item styles */
.project {
	font-size: 1em;
	display: inline;
	width: 24em;
	float: left;
	margin: 0 0 2em 2em;
}
.project a {
	border: none;
}
.project span {
	display: block;
}
.project .thumb {
	background: #141414;
	margin: 0 0 0.5em;
	border: solid 1px #000;
}
.project .thumb img {
	display: block;
	width: 23em;
	height: 12.8em;
	padding: 0.3em;
	border: solid 1px #343434;
}
.project .client {
	font-size: 1.1em;
}
.project .type {
	color: #797979;
	font-size: 1.1em;
}
.project a:hover {
	color: #f1f1f1;
	text-decoration: none;
}
.project a:hover .thumb img {
	border-color: #ec2026;
}
.project a:hover .client {
	color: #ec2026;
}
.first {
	margin-left: 0;
}

.asterisk:hover {
	text-decoration: none;
}

.phone { color: #dcdcdc; }

.url { float: left; }
.date { float: right; }

.clear { clear: both; }

.main_image {
	background: #000;
	display: block;
	width: 76em;
	height: 42em;
	margin-bottom: 2em;
	border: solid 0.3em #dcdcdc;
}


img.right {
	float: right;
	margin: 0 0 0 2em;
}

.required {
	color: #ec2026;
	font-weight: normal;
	padding: 0 3px;
}

#feedback_form {
	font-size: 11px;
	display: block;
	width: 365px;
	float: left;
}
#feedback_form p {
	font-size: 1em;
}

label {
	font-size: 11px;
	display: block;
	vertical-align: top;
	padding-bottom: 5px;
	cursor: pointer;
}
input {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 3px;
}
input[type="text"], textarea {
	color: #dcdcdc;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	background-color: #090909;
	display: block;
	width: 200px;
	margin-bottom: 1.5em;
	padding: 3px;
	border: 1px solid #444;
}
input[type="submit"] {
	overflow: visible;
	cursor: pointer;
}
textarea {
	width: 300px;
}


#contact_left,
#feedback_form {
	float: left;
	width: 50%;
}
#contact_left p {
	padding-right: 2em;
}
#contact_left p strong {
	display: block;
}