/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : 
Author : Kevin Klein	
Email : kevin.klein@gmail.com 
We Are : Fuzzy Logic

Description : I control all the styles. Hacks are in ie.css and ie7.css

Created : 4/14/07
Modified : 4/26/07

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* global whitespace reset */
* { padding:0; margin:0; }

html { height: 100%; }

body {
    background:#000 url(../../media/images/bg-body.jpg) center repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:62.5%;*/
	font-size:12px;
	text-align:center;
	height: 100%; 
}

/*********** = structure = ***********/

#container {
	background:url(../../media/images/bg-top.jpg) no-repeat 0 0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:0 auto -104px;
	position:relative;
	width:940px;
}

#content {
	margin:0 auto;
	padding:0 65px;
	text-align:left;
	width:810px;
}

.sub #content {
	padding:45px 85px 5px 85px;
	width:750px;
}

#header {
	height:181px;
	margin-left:65px;
	position:relative;
	width:810px;
}

#footer {
	background:url(../../media/images/bg-footer.jpg) center top no-repeat; 
	height:104px;
	margin:0 auto;
	position:relative;
	width:940px;
}

.push {
	height:104px;
}

#copy {
	padding:15px;
}

#home #content #intro {
	min-height:320px;
	position:relative;
	width:810px;
}

#home #content #intro div.intro {
	width:407px;
}

#home #content #intro img#menu {
	right:0;
	position:absolute;
	top:0;
	width:403px;
}

#home #content #promos div.promo-one {
	background:url(../../media/images/bg-promo-one-top.jpg) no-repeat 0 0;
	float:left;
	padding:10px 0 0 0;
	width:407px;
}

#home #content #promos div.promo-one img {
	float:left;
	margin-right:12px;
}

#home #content #promos div.promo-one div.inner {
	background:url(../../media/images/bg-promo-one-bottom.png) no-repeat 0 100%;
	min-height:154px;
	padding:0 30px 0 33px;
}

#home #content #promos div.promo-two {
	background:url(../../media/images/bg-promo-two-top.jpg) no-repeat 0 0;
	float:left;
	padding:10px 0 0 0;
	width:403px;
}
#home #content #promos div.promo-two ul {
	padding:0 0 0 20px;
	list-style-type: square;
}

#home #content #promos div.promo-two img {
	float:right;
	margin-left:12px;
}

#home #content #promos div.promo-two div.inner {
	background:url(../../media/images/bg-promo-two-bottom.png) no-repeat 0 100%;
	min-height:154px;
	padding:0 28px 0 40px;
}
#rightcolumn {
	clear: both;
	float: right;
}
#leftcolumn {
	float: left;
}
/*********** = headers = ***********/

h1#logo {
	height:181px;
}

h1#logo a {
    display:block;
    height:181px;
	outline:none;
	text-indent:-999em; 
	width:148px;   
}

#home h1#logo a {
	cursor:default;
}

h2 {
	font-size:24px;
	font-weight:normal;
	line-height:.9em;
	margin:12px 0px 12px 0px;
}

#home h2#intro1 {
	background:url(../../media/images/bg-home-h2.gif) no-repeat 0 0;
	height:61px;
	line-height:1em;
	margin:0;
	text-indent:-9999em;
	width:407px;
}

h3 { 
	color:#330000;
	font-size:18px; 
	font-weight:normal;
	margin:20px 0 -14px 0;
}

#home h3#intro2 {
	background:url(../../media/images/bg-home-h3x.gif) no-repeat 0 0;
	height:41px;
	margin:0 0 -10px 0;
	text-indent:-9999em;
	width:220px;
}

h4 { 
	color:#000; 
	font-size:14px; 
	font-weight:normal;
	margin:20px 0 -12px 0;
}

#home #promos h4 {
	color:#3a1212;
	margin:0;
	font-size:18px;
	font-weight:bold;
	padding:10px 0 0 0;
}

/*********** = misc typography = ***********/

#content {
	font-size:12px;
	line-height:16px;
}

a, a:link { 
	color:#7a2600; 
	text-decoration:underline;
}

a:visited { color:#330000; }

a:hover { 
	color:#000; 
	text-decoration:none; 
}

#content p {
    padding-right:15px;
	margin:12px 0;
    line-height:1.6em;
}

#home #content p {
	margin-left:34px;
}

#home #promos p {
	color:#403e3b;
	line-height:1.3em;
	margin:6px 0;
}
#home #promos #content ul {
	color:#403e3b;
}

a.learn {
	color:#892e1c;
	font-size:10px;
	text-transform:uppercase;
}

#footer p {
	color:#fff;
	font-size:13px;
	margin:6px 0;
	line-height:1.2em;
	text-align:center;
}

#footer p.copyright {
	color:#000;
	font-size:100%;
}

#times {
	color:#fff;
	font-size:9px;
	padding:5px;
}

#times p {
	margin:0;
	padding:0;
}

input, 
select {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:12px;
}

small {
	font-size:.9em;
	line-height:1.5em;
}

blockquote {
	margin:20px 0;
	padding:0 20px 0 50px;
	border:none;
}

blockquote.pull {
	border-left:double 3px #d2cccc;
	color:#7a2600;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	float:right;
	margin:5px 0 8px 22px;
	padding:0 0 0 12px;
	width:250px;
}

blockquote.pull span {
	color:#333;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:1.4em;
	margin:4px 0 0 0;
}

/*********** = #primary (navs and search) = ***********/

/*#primary nav tabs */
ul#primary {
	bottom:0;
	height:54px;
	list-style:none;
	position:absolute;
	right:0;
	width:662px;
	z-index:100;
}
	
ul#primary li {
    display:inline;
    float:left;
}

ul#primary a {
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:54px;
	outline:none;
	text-indent:-9999em;
}

ul#primary li#one a { 
	background-image:url(../../media/images/bg-nav_01.gif);
	width:103px;
}

ul#primary li#two a { 
	background-image:url(../../media/images/bg-nav_02.gif);
	width:116px;
}

ul#primary li#three a { 
	background-image:url(../../media/images/bg-nav_03.gif);
	width:107px;
}

ul#primary li#four a { 
	background-image:url(../../media/images/bg-nav_04.gif);
	width:132px;
}

ul#primary li#five a { 
	background-image:url(../../media/images/bg-nav_05.gif);
	width:93px;
}

ul#primary li#six a { 
	background-image:url(../../media/images/bg-nav_06.gif);
	width:111px;
}

ul#primary li a:hover {
	background-position:0 -54px;

}

ul#primary li:hover a /* to keep the parent item "hovered" */
{
	background-position:0 -54px;
}

/* active states */
body.one ul#primary li#one a, 
body.two ul#primary li#two a, 
body.three ul#primary li#three a,
body.four ul#primary li#four a,	
body.five ul#primary li#five a, 
body.six ul#primary li#six a { 
	background-position:0 -54px;
}

ul#primary ul {
	border:1px solid #e38d24;
	left:-9999em;
	list-style-type:none;
	top:33px;
	position:absolute;
	width:135px;
	z-index:101;
}

ul#primary li#one ul { margin-left:8px; }
ul#primary li#four ul { margin-left:329px; }
ul#primary li#six ul { margin-left:518px; }

ul#primary ul li {
	float:none;
}

ul#primary li:hover ul {
	left:0;
}

ul#primary li#one ul li a,
ul#primary li#two ul li a,
ul#primary li#three ul li a,
ul#primary li#four ul li a,
ul#primary li#five ul li a,
ul#primary li#six ul li a,
ul#primary ul li a,
ul#primary ul li a:visited {
	background-image:none;
	background:#e38d24;
	border-bottom:1px solid #3c2719;
	color:#333;
	display:block;
	float:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	height:1.5em;
	line-height:1.5em;
	font-weight:normal;
	height:auto;
	padding:4px 5px 2px 5px;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	width:auto;
}

ul#primary li#one ul li a:hover,
ul#primary li#two ul li a:hover,
ul#primary li#three ul li a:hover,
ul#primary li#four ul li a:hover,
ul#primary li#five ul li a:hover,
ul#primary li#six ul li a:hover {
	background:#3c2719;
	color:#fff;
}

/* subnav */
ul#pagenav {
	float:left;
	margin:10px 25px 10px 0;
	width:150px;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
    list-style-type:none;
}

ul#pagenav a, 
ul#pagenav a:visited {
	color:#000;
    display:block;
	font-size:14px;
	line-height:14px;
	padding:6px 0 6px 7px;
    text-decoration:none;
}

/*********** = #hemisphere (nav) = ***********/

.navBox {
	margin:0px 0px 0px 200px;
	padding:135px 0px 0px 0px;
}
.nav a {
	display:block;
	float:left;
	font-size:11px;
	padding:5px;
	width:90px;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	margin:1px 5px 1px 5px;
}
.nav a:hover {
	margin:0px 4px 0px 4px;
	border:1px solid #e38d24;
	background:#000000;
}


/*********** = lists = ***********/

#copy ul {
	margin:12px 12px 12px 25px;
}

#copy li {
	line-height:1.4em;
	margin:8px 0;
}

/*********** = utility layout divs = ***********/

.cols {
	display:inline;
	float:left;
	margin:0 0 0 20px;
	width:150px;
}

.cols.first {
	margin:0;
}

div.rule,
div.hr {
	border-top:double 3px #d2cccc;
	font-size:1px;
	height:3px;
	line-height:1px;
	margin:0;
}

div.hr {
	margin:15px 0;
}

/*********** = tables = ***********/

table.grid {
	border:none;
	width:100%;
}

table.grid td {
	padding:5px 5px 15px 5px;
	text-align:center;
	vertical-align:bottom;
}

table.grid.two td {
	width:50%;
}

/*********** = utility classes = ***********/

.clearfix {
	display:inline-block; /* IE 6 & 7 */
}

.clearfix:after { /* modern browsers */
	content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

*html .clearfix {
	height:1%; /* fIE 6 */
}

.clear {
	clear:both;
	height:1px;
	margin:-1px 0 0 0;
	padding:0;
}

.center {
	text-align:center;
}

.centered {
	margin-left:auto;
	margin-right:auto;
}

.alignright {
	float:right;
}
	
.alignleft {
	float:left
}

img { border:none; }

img.float-r {
	float:right;
    margin:0px 0 2px 15px;
}

#home img.float-r { margin-top:-15px; }

img.float-l {
	float:left;
	margin:0px 15px 2px 0;
}
	
img.alignright {
	padding:4px;
	margin:0 0 2px 7px;
	display:inline;
}

img.alignleft {
	padding:4px;
	margin:0 7px 2px 0;
	display:inline;
}

/* forms */

#search form {
	position:absolute;
	height:44px;
	line-height:44px;
	right:10px;
	z-index:102;
}

#search form label {
	color:#fff;
	display:inline;
	font-size:12px;
	padding-right:5px;
}

#search form input#search {
	background:#fff;
	border:none;
	padding:2px;
	width:90px;
}

#search form input.go {
	margin:-3px 0 0 3px;
	vertical-align:middle;
}

fieldset,
legend {
	border:double 3px #d2cccc;
	
}

fieldset {
	margin:12px 0;
	padding:12px;
}

legend {
	font-size:14px;
	font-weight:bold;
	padding:4px 10px;
}

.field-row {
	clear:both;
	padding:8px 0;
}

#copy label {
	font-size:1.3em;
	float:left;
	line-height:1.6em;
	margin-right:8px;
	text-align:right;
	width:125px;
}

input.text,
textarea.text {
	background:url(../../images/bg-text.gif) no-repeat 0 0;
	border:1px solid #999;
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	float:left;
	padding:5px;
	width:300px;
}

.submit {
	background:#330000;
	border:3px outset #1f0000;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	margin:12px 0 0 133px;
	padding:4px 10px;
}

.submit:focus {
	border:3px inset #1f0000;
}

.right { 
	float: right; 
}

.left { 
	float: left; 
}