/*
* MarketBuilder Landing Page - Basic StyleSheet
* ---------------------------------------------
* version:  1.0
* author:   citrusfresh design
* email:    jesh@citrusfreshdesign.com
* website:  www.citrusfreshdesign.com


             ____ ____                         _________
....________/\   \\   \     _________ ____ ___/\        \..................
.../\        \\___\\   \___/\        \\   \\   \\    ____\.................
...\ \    __  \ __/_\       \\    __  \\   \\   \\   \___/_................
....\ \   \ \__\\   \\    ___\\   \ \__\\   \\   \\        \...............
.....\ \   \/ _/_\   \\   \ _/_\   \/_/\ \   \\   \\_____   \..............
......\ \   \_\  \\   \\   \\  \\   \...\ \   \\   \ ____\   \.............
.......\ \        \\   \\       \\   \...\ \        \\        \............
........\ \________\\___\\_______\\___\...\ \________\\________\...........
.........\/___ ____//_  //_______//___/___ \/_______ //__ _____/...........
............../\      \ ________/\        \\        \\   \.................
..............\ \    __\\        \\    __  \\    ____\\   \_____...........
...............\_\   \_/_\    __  \\   \_\  \\   \___/_\        \..........
.............../\        \\   \ \__\\        \\        \\    _   \.........
...............\ \___    _\\   \...\ \   _____\\_____   \\   \\   \........
................\/___\   \/ \   \...\ \  \____// ____\   \\   \\   \.......
................../\      \\ \   \...\ \        \\        \\   \\   \......
..................\ \______\\ \___\...\ \________\\________\\___\\___\.....
...................\_______/ \/___/....\/________//________//___//___/.....

	                            .᡼o.  Design, Graphics, CSS, & Code  .o¼¡á.
	                            				
	                            				
*/


/* RESET 
--------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* FONT LOAD 
--------------------------*/

/* For IE */

@font-face {
	font-family: 'Droid Sans';
	src: url('fonts/DroidSans.eot');
}

/* For Other Browsers */

@font-face {
	font-family: 'Droid Sans';
	src: local('Droid Sans Regular'),
	     local('DroidSans-Regular'),
	     url('fonts/DroidSans.ttf') format('truetype');
}


/* GENERAL 
--------------------------*/

body {
	font: normal 62.5% "Droid Sans", Myriad, "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #aaa;
	background: url(images/bg.png) fixed repeat-y 0 0;
}
#wrapper {
	width: 960px;
	position: relative;
}


/* FLOATS 
--------------------------*/

#floating-bar {
	width: 525px;
	float: left;
	position: fixed;
	background: url(images/logo-bg.png) no-repeat 0 0;
}

.video-group {
	width: 440px;
	float: right;
	padding-left: 10px;
	position: relative;
	z-index: 1;
	background-color: #fff;
}


/* SIDE BAR 
--------------------------*/

#header {
	width: 250px;
	padding: 50px 0 0 40px;
	float: left;
}
	h1 {
		width: 250px;
		height: 85px;
		text-indent: -9999em;
		background: url(images/logo.png) no-repeat 0 0;
	}
	h3 {
		color: #e8a713;
		font-size: 2em;
		font-weight: normal;
		margin: 2em 0 .9em;
		padding-top: .3em;
		border-top: 1px solid #6f6f6f;
	}
	#header p {
		font-size: 1.2em;
		line-height: 1.8em;
	}

form {
	margin-top: 20px;
}
	form p {
		margin-bottom: .5em;
		margin-top: -15px;
	}
	.text label {
		color: #ddd;
		font-size: 1.1em;
		padding-top: 15px;
		width: 6em;
		float: left;
	}
	.text input {
		color: #aaa;
		font-size: 1em;
		text-indent: .5em;
		padding-top: 15px;
		width: 164px;
		height: 30px;
		background: url(images/input.png) no-repeat center left;
		border: none;
	}
	.login input {
		color: #644808;
		font-size: 1.1em;
		width: 77px;
		height: 35px;
		margin-left: 80px;
		margin-top: 1em;
		padding-bottom: 5px;
		background: url(images/login.png) no-repeat 0 0;
		border: none;
		cursor: pointer;
		text-shadow: #ffd472 0 1px 0;
}


/* NAV BAR 
--------------------------*/

#nav {
	width: 155px;
	padding: 73px 34px 0 0;
	float: right;
}
	#nav li a {
		color: #3e3e3e;
		font-size: 1.3em;
		text-shadow: #fff 0 1px 0;
		text-decoration: none;
		display: block;
		width: 140px;
		height: 3.3em;
		line-height: 2.7em;
		padding-left: 15px;
		margin-bottom: 11px;
		border-bottom: 4px solid transparent;
		background: url(images/nav.png) no-repeat bottom left;
	}
	#nav li.selected a {
		color: #644808;
		text-shadow: #ffd472 0 1px 0;
		cursor: default;
		background: url(images/nav.png) no-repeat bottom right;
	}
	#nav li span {
		display: block;
		width: 100%;
		height: 5px;
		background: url(images/nav.png) no-repeat top left;
	}
	#nav li.selected span {
		background: url(images/nav.png) no-repeat top right;
	}
	#nav li a:hover {
		border-bottom: 4px solid #e8a713;
	}
	#nav li.selected a:hover {
		border-bottom: 4px solid transparent;
	}


/* VIDEOS 
--------------------------*/

.video-group h2 {
	color: #444;
	font-size: 3em;
	font-weight: normal;
	margin: 73px 0 35px 0;
	padding-top: .3em;
	border-top: 1px solid #6f6f6f;
}
.video-group div {
	width: 204px;
	margin-right: 15px;
	float: left;
}
.video-group img {
	display: block;
	width: 183px;
	height: 137px;
	padding: 10px;
	border: 1px solid #e0e0e0;
}
.video-group p {
	color: #777;
	font-size: 1em;
	text-align: center;
	padding: 20px 0 30px;
	background: url(images/vid-shadow.png) no-repeat top center;
}	
	
	
/* LEGAL 
--------------------------*/	

#legal {
	font-size: 1em;
	line-height: 1.8em;
	width: 250px;
	margin: 3em 0 0 4em;
	padding-top: .3em;
	border-top: 1px solid #6f6f6f;
	float: left;
	clear: both;
}
	#legal span {
		color: #e8a713;
	}