/*
	Name: Website Video Design
	Date: April 2009
	Description: Global Style Sheet
	Version: 1.0
	Author: Front End Development
	Author URI: http://www.frontenddevelopment.com
	Coder: Enrique Ramirez
	Coder URI: http://enrique-ramirez.com
*/

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

/***** Global *****/
/* Body */
	/*
		Font Stacks, courtesy of
		http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/
		
		p - best suited for paragraphs
		t - best suited for titles and headlines
		
		SERIF:
			p - Baskerville, 'Times New Roman, Times', serif
			t - Baskerville, Times, 'Times New Roman', serif
		
			p, t - Cambria, Georgia, Times, 'Times New Roman', serif
		
			p, t - 'Century Gothic', 'Apple Gothic', sans-serif
		
			p, t - 'Copperplate Light', 'Copperplate Gothic Light', serif
			
			p - Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif
			t - Georgia, Times, 'Times New Roman', serif
			
			p - Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif
			t - Palatino, 'Palatino Linotype', 'Hoefler Text', Times, 'Times New Roman', serif
			
			p, t - Times, Times New Roman, Georgia, serif
		
		SANS-SERIF:
			p, t - Arial, 'Helvetica Neue', Helvetica, sans-serif
			
			p, t - 'Franklin Gothic Medium', 'Arial Narrow Bold', Arial, sans-serif
			
			p, t - Futura, 'Century Gothic', AppleGothic, sans-serif
			
			p - Garamond, 'Hoefler Text', 'Times New Roman', Times, serif
			t - Garamond, 'Hoefler Text', Palatino, Palatino Linotype, serif
			
			p - Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif
			t - Geneva, Verdana, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif
			
			p - GillSans, Calibri, Trebuchet, sans-serif
			t - GillSans, Trebuchet, Calibri, sans-serif

			p - 'Helvetica Neue', Arial, Helvetica, sans-serif
			t - Helvetica, 'Helvetica Neue', Arial, sans-serif
			
			p, t - Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif 
			
			p, t - 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif

			p - Tahoma, Geneva, Verdana, sans-serif
			t - Tahoma, Verdana, Geneva, sans-serif
			
			p - Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
			t - Trebuchet, Tahoma, Arial, sans-serif
			
			p - Verdana, Geneva, Tahoma, sans-serif
			t - Verdana, Tahoma, Geneva, sans-serif
		
		MONOSPACE:
			p, t - Consolas, Lucida Console, Monaco, monospace
		
			p, t - Courier New, Courier, monospace
		
	*/
	
	body {
		background: #1e1e1e;
		color: #9A9A9A;
		font-size: 118.8%; /* Base font size: 19px */
		font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
		line-height: 1.4;
		margin: 0;
		padding: 0;
		text-align: left;
	}

/* Headers */
h2 {font-size: 1.421em}	/* 27px */
h3 {font-size: 1.316em}	/* 25px */
h4 {font-size: 1.211em}	/* 23px */
h5 {font-size: 1.105em}	/* 21px */
h6 {font-size: 1em}		/* 19px */

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-weight: normal;
	line-height: 1.1;
	margin-bottom: .8em;
}
	
/* Links */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}

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

a.more:link, a.more:visited {color: #8a8a8a;}
	
/* Paragraphs */
p {
	margin-bottom: 1.5em;
	line-height: 1.4;
}

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 {font-style: italic;}

/* 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: 904px;}

/* Header */
#header {background: #050505; border-bottom: 1px solid #202020;}
#header .contents {position: relative;}
#header .contents:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}

#logo {float: left; margin: 25px 0 20px 0;}

	/* Menu */
	#nav {
		float: right;
		font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
		font-size: .737em;
		list-style: none;
		margin: 65px auto 0 auto;
	}
	#nav li {
		display: block;
		float: left;
		height: 20px;
		margin: 0 0 0 2em;
		padding-bottom: 5px;
	}
	
	#nav li a:link, #nav li a:visited {
		color: #929292;
		text-decoration: none;
	}
	#nav li a:hover, #nav li a:active {color: #fff;}
	
	/* Dropdowns (Eww, dropdowns) */
	#nav ul {
		background: url('../images/dropdown-bg.png') top left !important;
		background: url('../images/dropdown-bg.gif') top left;
		display: none;
		font-size: .9em;
		height: 35px;
		line-height: 35px;
		list-style: none;
		margin: 0;
		padding: 0 0 16px 10px;
		position: absolute;
		right: 0;
		top: 90px;
	}
	#nav li.sub:hover ul {display: block;}
	
	#nav li.sub:hover {background: url('../images/dropdown-arrow.gif') no-repeat bottom center;}
	
	#nav ul li {margin: 0; padding: 0;}
	#nav ul li:hover {background: none; padding: 0;}
	
	#nav ul a:link, #nav ul a:visited {
		display: block;
		padding: 0 2em;
	}
	#nav ul a:hover, #nav ul a:active {
		background: #333 url('../images/dropdown-hover.png') repeat-x top;
		color: #fff;
	}

/* Video */
#video {background: #181818 url('../images/video-box-bg.gif') repeat-x bottom; padding: 4px 0 5px 0}
#flash {display: block; margin: 0 auto; width: 904px;}

/* Body */
#body {background: #161616; padding: 1.5em 0 1em; overflow: hidden}
#body .phone {float: right; font-size: 1.4em; line-height: 1; font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;}

/* Footer */
#footer {
	background: #1e1e1e;
	border-top: 1px solid #303030;
	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	font-size: .684em;
	padding: 2em 0;
}

#footer .contents {height: 1%; overflow: hidden;}

#footer .col {float: left; margin-bottom: 2em}
#footer h2 {
	color: #fff;
	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	font-size: 1em;
}

#footer ul {font-size: .923em; list-style: none; margin: 0;}

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

#footer a.more:link, #footer a.more:visited {color: #555;}
#footer a.more:hover, #footer a.more:active {color: #fff;}

#footer .services,
#footer .useful-links,
#footer .our-family {
	width: 20%;
}
#footer .from-blog {width: 40%;}

#footer .copy {color: #555; font-size: .846em}

/***** Sections *****/