/* 
    Document   : styles
    Created on : March 3, 2010, 9:36:03 AM
    Author     : YELLOW7, LLC
    Description: Style Sheet for Yellow7.com 
	Colors	   : Yellow: #ffc600
				 Grey:	 #6c7984
*/

/* ---------- GLOBAL STYLES -------------- */

* 		{ padding: 0; margin: 0; }

html	{ background: #fff; }

root 	{ display: block;}

@font-face {
	font-family: 'GothamLightRegular';
	src: url('../type/Gotham-Light.eot');
	src: local('../type/Gotham Light Regular'), local('../type/GothamLight'), url('../type/Gotham-Light.woff') format('woff'), url('../type/Gotham-Light.ttf') format('truetype'), url('../type/Gotham-Light.svg#GothamLight') format('svg');
}

@font-face {
	font-family: 'GothamMediumRegular';
	src: url('../type/Gotham-Medium.eot');
	src: local('../type/Gotham Medium Regular'), local('../type/GothamMedium'), url('../type/Gotham-Medium.woff') format('woff'), url('../type/Gotham-Medium.ttf') format('truetype'), url('../type/Gotham-Medium.svg#GothamMedium') format('svg');
}

@font-face {
	font-family: 'GothamBookRegular';
	src: url('../type/Gotham-Book.eot');
	src: local('../type/Gotham Book Regular'), local('../type/GothamBook'), url('../type/Gotham-Book.woff') format('woff'), url('../type/Gotham-Book.ttf') format('truetype'), url('../type/Gotham-Book.svg#GothamBook') format('svg');
}



h1 		{ font-family: "GothamMediumRegular",Verdana,Arial,Helvetica,sans-serif; font-size: 26px; color: #999; font-weight: normal; margin: 0;}

h2 		{ font-family: "GothamBookRegular",Verdana,Arial,Helvetica,sans-serif; font-size: 18px; font-weight:100; color: #f9bb00; margin: 0;}

h3 		{ font-family: "GothamBookRegular",Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color: #ffc600; font-weight: normal; }

h4 		{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #666666; font-weight: normal; margin-left: 10px; }

p		{ font-family: "GothamBookRegular",Verdana,Arial,Helvetica,sans-serif; font-size: 14px; line-height: 20px; color: #666666; margin: 0 0 20px 0;}

a 		{ font-family: "GothamBookRegular",Verdana,Arial,Helvetica,sans-serif; color: #6c7984; text-decoration: underline; }

a:hover { font-family: "GothamBookRegular",Verdana,Arial,Helvetica,sans-serif; color: #ffc600; text-decoration: underline; }

a img 	{ border: 0; }

.clear	{clear: both;}
.left	{float: left;}
.right	{float: right;}
	
body 	{ background: #fff url(../images/footer-bg.jpg) repeat-x bottom; }

#wrapper { width: 100%; margin: 0 auto; background: url(../images/header-bg.jpg) top center repeat-x;}

#container { width: 980px; margin: 0 auto;}

#header { height: 100px; padding-top: 20px; }
#header img { margin-top: 20px;}
#header ul { float: right; display: block; }
#header ul li { float: left; display: block; padding: 0 5px; }
#header ul li a { display: block; padding: 5px 10px; text-transform: lowercase; text-decoration: none;  font: normal normal 12px "Gotham Book",Verdana,Arial,Helvetica,sans-serif; color: #6c7984;  }
#header ul li:hover a, #header ul li.selected a { color: #000; }

#header ul li ul { visibility: hidden; position: absolute; overflow: hidden; background: #FEC409; -moz-border-radius: -7px; -webkit-border-radius: -7px; }
#header ul li ul li { float: left; clear: both; width: 100%; }
#header ul li ul li a:hover { background: transparent; }

#content ul { display: block;}
#content li { display: inline; list-style-type:none; font-size:12px; }
#content li a { text-decoration:none; }

#content ul.normal { display: block; list-style:square; margin-left: 15px; }
#content ul.normal li { display: block; font-size:12px; list-style:inside circle; }

#footer { width: 100%; min-height: 550px; background: url(../images/footer-top-bg.jpg) top center repeat-x; }
#footer #footerCon { width: 980px; margin: 0 auto; padding-top: 50px;}
#footer #footerCon #left {float: left; width:326px; height: 400px; padding-left: 10px; border-right: #dadde0 solid 1px;}
#footer #footerCon #mid {float: left; width:280px; height: 400px; padding-left: 20px; border-right: #dadde0 solid 1px;}
#footer #footerCon #right {float: right; width:300px;height: 400px; padding-left: 20px; }
#footer #footerCon #right img{margin: 0 0 10px 25px;}


/* ---------- PAGE STYLES -------------- */

#main { width: 980px; padding: 40px 0;}

#main #left { float: left; width: 350px;}
#main #left h2 { margin: 0 0 20px 0;}
#main #left p { margin: 0 0 20px 0;}

#main #leftInt { float: left; width: 600px;}
#main #leftInt h1 { margin: 0 0 20px 0;}
#main #leftInt h2 { margin: 0 0 10px 0;}
#main #leftInt p { margin: 0 0 20px 0;}
#main #leftInt blockquote { width: 450px; font-family: "GothamLightRegular",Verdana,Arial,Helvetica,sans-serif; font-size: 13px; font-style:italic; line-height: 20px; color: #000000; margin: 0 0 10px 30px; padding:5px 10px; }

#main #leftIntinv { float: left; width: 700px;}
#main #leftIntinv h1 { margin: 0 0 20px 0;}
#main #leftIntinv h2 { margin: 0 0 10px 0;}
#main #leftIntinv p { margin: 0 0 20px 0;}
#main #leftIntinv blockquote { width: 450px; font-family: "GothamLightRegular",Verdana,Arial,Helvetica,sans-serif; font-size: 13px; font-style:italic; line-height: 20px; color: #000000; margin: 0 0 10px 30px; padding:5px 10px; }


#main #addy { float: left; width: 610px;}
#main #addy h1 { margin: 0 0 0 0;}
#main #addy h2 { margin: 0 0 20px 0;}
#main #addy p { margin: 0;}
#main #addy .contact1 { float: left; padding-right: 60px;}
#main #addy .contact2 { float: right;}
#main #addy .contact3 { float: right;}

#main #mid { margin: 0 0 0 20px; float: left; width: 320px;}
#main #mid h3 { margin: 0 0 10px 0; font-family: "GothamMediumRegular",Verdana,Arial,Helvetica,sans-serif; font-size: 15px; color: #6c7984; text-decoration: none; }
#main #mid h3.toggler { cursor: pointer; display:block; background: url(../images/plus.jpg) left no-repeat; padding: 3px 0 0 29px;}
#main #mid h4 { font-family: "GothamLightRegular",Verdana,Arial,Helvetica,sans-serif; font-size: 13px; color: #000000; font-weight: bold; text-decoration: none; margin: 10px 0 10px 0; }
#main #mid p { font-family: "GothamLightRegular",Verdana,Arial,Helvetica,sans-serif; font-size: 11px; line-height: 20px; color: #000000; margin: 0 0 20px 0;}
#main #mid #accordion { margin:20px 0px; }
#main #mid div.element { margin:0 0 10px 0; padding:4px; }
#main #mid div.element p { font-family: "GothamLightRegular",Verdana,Arial,Helvetica,sans-serif; font-size: 12px; line-height: 20px; color: #666666; margin: 0 0 0px 0;}
#main #mid blockquote { font-family: "GothamLightRegular",Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-style:italic; line-height: 20px; color: #000000; margin: 0 0 10px 0; padding:5px 10px; }

#main #right { float: right; width: 280px;}
#main #right .box { width: 200px; padding: 10px 10px 0 10px; margin: 20px 20px 20px 10px; border: 1px solid #6c7984; background: #fafafb; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
#main #right .box h2 { font-family: "GothamMediumRegular",Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color: #000000; margin: 0 0 10px 0;}
#main #right .box img {margin: 0 0 20px 15px; }

#main #right .boxnav { width: 300px; padding: 10px 10px 0 10px; margin: 20px 20px 20px 10px; border: 1px solid #6c7984; background: #fafafb; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
#main #right .boxnav h3 { font-family: "Gotham-Medium",Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color: #000000; font-weight:bold; margin: 0 0 20px 0;}
#main #right .boxnav p { font-family: "GothamMediumRegular",Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color: #000000; margin: 0 0 10px 0;}