/*
	Name: Clint Stelfox
	Date: March 2010
	Description: Global Style Sheet
	Version: 1.0
	Coder: Enrique Ramirez
	Coder URI: http://enrique-ramirez.com
*/

/* Imports
===============================================*/
@import url("reset.css");
@import url("global-forms.css");

/* Global Styles
===============================================*/	
body {
	background: #E5E9EA url('../images/bg-body.jpg') repeat-x top;
	color: #333;
	font-size: 75%; /* Base font size: 12px */
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	line-height: 1.8;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* Headers
-----------------------------------------------*/
h2 {font-size: 2.083em}	/* 25px */
h3 {font-size: 1.917em}	/* 23px */
h4 {font-size: 1.75em}	/* 21px */
h5 {font-size: 1.583em}	/* 19px */
h6 {font-size: 1.417em}	/* 17px */

h2, h3, h4, h5, h6 {
	background: url('../images/bg-dotted-horizontal.gif') repeat-x bottom;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-weight: bold;
	letter-spacing: -0.05em;
	line-height: 1.1;
	margin-bottom: .25em;
	padding-bottom: .35em;
}
	
/* Links
-----------------------------------------------*/
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {color: #396372; text-decoration: underline;}
a:hover, a:active {text-decoration: none;}
	
/* Paragraphs
-----------------------------------------------*/
p {letter-spacing: 0.05em; margin-bottom: 1.5em;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists
-----------------------------------------------*/
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {
	margin: 0 0 1.5em 0;
}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes
-----------------------------------------------*/
blockquote {font-style: italic;}
cite {}

q {}

/* Tables
-----------------------------------------------*/
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}

/* Layout
===============================================*/
.contents {margin: 0 auto; width: 902px;}
.contents:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* Header
-----------------------------------------------*/
#header {
	padding: 50px 0 32px 0;
	border-top: 4px solid #000000;

}

	/* Logo */
	#logo {float: left;}
	
	/* Nav */
	#header .nav {
		float: right;
		font-family: Georgia, Times, 'Times New Roman', serif;
		font-size: 1.167em;
		list-style: none;
		margin: 22px 0 0 0;
	}
	
	#header .nav li {float: left; margin: 0 0 0 50px;}
	
	#header .nav a:link, #header .nav a:visited {color: #333; text-decoration: none;}
	#header .nav a:hover, #header .nav a:active {text-decoration: underline;}

/* Body
-----------------------------------------------*/

/* Footer
-----------------------------------------------*/
#footer {
	background: url('../images/bg-footer.png') no-repeat center top;
	height: 64px;
	padding: 2px 0 10px 0;
}
#footer .contents {
	background: #000;
	color: #ccc;
	font-size: 0.833em;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	width: 880px;
}

#footer a:link, #footer a:visited {color: #ccc; text-decoration: none;}
#footer a:hover, #footer a:active {color: #fff; text-decoration: underline;}

	/* Footer Logo */
	#footer img {float: left; margin: 10px 25px 0 0;}
	
	/* Copyright */
	#copy {float: left;}
	
	/* Nav */
	#footer .nav {
		float: right;
		list-style: none;
		margin: 0;
		padding: 0 15px 0 0;
	}
	#footer .nav li {
		float: left;
		margin: 0 0 0 35px;
		font-size:11px;
	}
	
/* Sections
===============================================*/
/* Big Ad
-----------------------------------------------*/
#big-ad {
	background: url('../images/bg-ad-bottom.png') no-repeat bottom;
	color: #4D4D4D;
	font-size: 1.1em;
	line-height: 2;
	margin: 0 0 18px 0;
	padding: 0 0 2px 0;
}
#big-ad .wrap {
	background: url('../images/bg-ad.png') no-repeat top;
	height: 1%;
	overflow: hidden;
	padding: 8px 20px 1px 20px;
}

#big-ad .wrap img.port{
	background: #e5e9ea;
	border: 1px solid #a6b2b2;
	margin: 0 0 2px 0;
	padding: 5px;
	height:95px;
	width:155px;
}

#big-ad .secondary {
	float: left;
	margin: -7px 0 -1px 0;
	position: relative;
	width: 502px;
}
#big-ad .secondary img {display: block; float: left;}

#big-ad .primary {
	float: right;
	margin-top: 50px;
	width: 345px;
}

#big-ad h2 {background: none; color: #333;}

/* Contact
-----------------------------------------------*/
#contact {
	background: url('../images/bg-dotted-horizontal-2.gif') repeat-x top;
	margin: 0 0 30px 0;
	overflow: hidden;
	width: 100%;
}

	/* Quick Contact */
	#quick-contact {
		background: url('../images/bg-dotted-horizontal-2.gif') repeat-x bottom;
		margin: 0 0 15px 0;
		overflow: hidden;
		padding: 15px 0 15px 0;
		width: 100%;
	}
	
	#quick-contact h2 {
		background: none;
		color: #4D4D4D;
		float: left;
		font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
		font-size: 1em;
		font-weight: normal;
		line-height: 1.5;
		margin: 0 30px 0 0;
		padding: 0;
	}
	
	#quick-contact ul {
		float: left;
		list-style: none;
		margin: 0;
	}
	
	#quick-contact li {color: #3F5E5D; float: left; margin: 0 30px 0 0;}
	#quick-contact strong {color: #4D4D4D; font-weight: normal;}
	
	#quick-contact a:link, #quick-contact a:visited {text-decoration: none;}
	#quick-contact a:hover, #quick-contact a:active {text-decoration: underline;}
	
	#quick-contact img {float: right; margin: -5px 0;}
	
	/* Main Info */
	#contact .main {
		background: url('../images/bg-main-contact-bottom.png') no-repeat bottom;
		float: left;
		padding: 0 0 10px 0;
		width: 627px;
	}
	
	#contact .main .wrap {
		background: url('../images/bg-main-contact.png') no-repeat top;
		padding: 20px 20px 1px 20px;
		position: relative;
	}
	
	/* Secondary */
	#contact .secondary {
		background: url('../images/bg-secondary-contact-bottom.png') no-repeat bottom;
		float: right;
		margin: 15px 0;
		padding: 0 0 7px 0;
		width: 275px;
	}
	#contact .secondary .wrap {
		background: url('../images/bg-secondary-contact.png') no-repeat top;
		padding: 15px 10px 5px 10px;
		position: relative;
	}
	
	#contact .secondary h2 {
		background-image: url('../images/bg-dotted-horizontal-3.gif');
		font-size: 1.167em;
		padding-bottom: 8px;
	}
	
	#contact .secondary .text, #contact .secondary textarea {
		display: block;
		margin-bottom: 1em;
		width: 241px;
	}
	#contact .secondary textarea {height: 150px;}
	
/* Testimonials
-----------------------------------------------*/
#testimonials {margin: 0 0 15px 0; overflow: hidden; width: 100%;}

	#testimonials h2 {
		background: 0;
		display: inline;
		float: left;
		margin: 0 35px 0 20px;
		padding: 20px 0 0 0;
	}
	
	#testimonials .col-1, #testimonials .col-2 {
		float: left;
		margin: 0 20px 0 0;
		width: 185px;
	}
	
	#testimonials .col-2 {margin: 0;}
	
	#testimonials a img {float: right;}

/*
	And just as true as it can be... I'm falling for thee.
*/