@import url('reset.css');

/* 
	Main CSS doc for Spark. The Branding Shop. | Copyright 2009
	Created By Lift. (http://www.liftinteractive.com)
*/

/*
	Font-sizes. Browser default is 16px. Set body to 75%, which is equal to 12px and, therefore, 1em is 12px.
		9px		: 0.75em
		10px	: 0.8333em
		11px	: 0.9167em
		12px	: 1.0em
		13px	: 1.0833em
		14px	: 1.1667em
		15px	: 1.25em
		16px	: 1.3333em
		17px	: 1.4167em
		18px	: 1.5em
		19px	: 1.5833em
		20px	: 1.6667em
		21px	: 1.75em
		22px	: 1.8333em
		23px	: 1.9167em
		24px	: 2.0em
		25px	: 2.0833em
		26px	: 2.1667em
		27px	: 2.25em
		28px	: 2.3333em
		29px	: 2.4167em
		30px	: 2.5em
		31px	: 2.5833em
		32px	: 2.6667em
*/

/*
	Palette
	#333333		dark gray
	
*/

/*
**	=global
************************/
body					{ background:#F2F3F3 /*url('../img/bg-pattern.jpg') repeat center 0*/; color:#7c7c7b; font:75%/1 helvetica,arial,sans-serif; }
a						{ color:#333; text-decoration:none; border-bottom:1px dotted #666; padding-bottom:1px; }
a:hover					{ color:#F8B00F; border-color:#F8B00F; }
a img, img				{ border:0; }
p,ul,ol					{ margin-bottom:1em; }
p,li					{ line-height:1.4; }
h1,h2,h3,h4,h5,h6		{ font-weight:normal; margin-bottom:0.5em; font-weight:bold; }
strong, b				{ font-weight:bold; }
em, i					{ font-style:italic; }
hr						{ border:0 solid #DBDCDD; border-top-width:1px; height:0; clear:both; width:100%; }
hr.divide				{ margin:1.5em 0; float:left; }

/*#content h2				{ font-size:2.25em; }
#content h3				{ font-size:2em; }
#content h4				{ font-size:1.75em; }
#content h5				{ font-size:1.25em; }
#content h6				{ font-size:1em; margin-bottom:1em; }
#content img			{ margin-bottom:1em; }
#content ul,#content ol	{ list-style-position:inside; }
#content li				{ list-style-type:disc; }
#content ol li			{ list-style-type:decimal; }*/


/* grid */
.wrap					{ margin:0 auto; padding:0; width:800px; position:relative; overflow:hidden; }
.wrap:after				{ clear:both; content:'.'; display:block; visibility:hidden; height:0; }
.wrap					{ display:inline-block; }  /* for IE/Mac */
.wrap					{ display:block; }

.col					{ float:left; margin-right:15px; width:510px; }
.col.small				{ width:245px; }
.last					{ margin-right:0; }
.home .col				{ height:260px; min-height:260px; position:relative; }


/*
**	=branding
************************/
#branding				{ background:#0e2078 url('../img/bg-pattern.jpg') repeat center 0; padding:17px 0 0; }
#branding h1			{ margin:0; }
#branding a				{ border:0; padding:0; }
#logo					{ background:url('../img/logo-spark.png') no-repeat 0 0; display:block; height:50px; width:250px; margin:0 0 17px; text-indent:-999em; }

#nav					{ position:absolute; right:155px; bottom:20px; margin:0; }
#nav li					{ border-left:1px solid #fff; border-color:rgba(255,255,255,0.7); display:inline; margin-left:10px; padding-left:10px; }
#nav li:first-child		{ border:0; }
#nav a					{ color:#fff; font-size:0.9167em; text-transform:uppercase; }

#quick-search			{ background:#1e419a; position:absolute; right:0; bottom:0; height:30px; padding:5px; }
#quick-search a			{ color:#fff; font-weight:bold; font-size:0.8333em; text-transform:uppercase; }


/*
**	=content
************************/
#content				{ background:#f2f3f3; padding:25px 0 100px; }
.home #content .wrap,
#main-content			{ background:#fff; border:1px solid #e1e2e3; padding:15px; width:770px; -moz-border-radius:5px; -webkit-border-radius:5px; }

#content h1,
.home #content h2		{ color:#21368C; font-size:1.333em; font-weight:bold; }
.home .col h2			{ margin-top:1em; }
.home a					{ border:0; padding:0; }

/* =main-content */
#main-content			{ float:left; display:inline; width:510px; }
#main-content h1		{ }
#main-content h2,#main-content h3,
#main-content h4,#main-content h5,
#main-content h6		{ margin-top:1.5em; }
#main-content h2		{ color:#1E419A; font-size:1.25em; }
#main-content h3		{ color:#F8B00F; font-size:1.1667em; margin-bottom:0.75em; }
#main-content h4		{ font-size:1.0833em; margin-bottom:1em; }
#main-content h5		{ font-size:1em; margin-bottom:1em; }
#main-content h6		{ font-size:1em; margin-bottom:1em; }
#main-content p,
#main-content li		{ /*font-size:1.0833em; */margin-bottom:1.25em; }
#main-content li		{ margin-bottom:0.5em; }
#main-content ul,
#main-content ol		{ margin-left:30px; margin-right:0; }
#main-content ul		{ list-style-type:disc; }
#main-content ol		{ list-style-type:decimal; margin-left:35px; }
#main-content > img		{ margin-bottom:1em; }

#main-content blockquote		{ border-left:1px solid #ccc; padding:0 1.5em; overflow:hidden; }
#main-content blockquote p		{ font-size:1.333em; margin-bottom:0.5em; font-family:'Times New Roman',georgia,serif; }
#main-content blockquote cite	{ font-size:0.9167em; color:#999; /*float:right;*/ text-transform:uppercase; margin:1em 0; }



/* =sub-content */
#sub-content			{ float:left; display:inline; margin-top:2em; width:245px; }
#sub-content h2			{ margin:2em 0 0.5em 10px; }
#sub-content h2:first-child		{ margin-top:0; }


/* =sub-nav */
.subnav					{ margin-left:-1px; }
.subnav li				{  }
.subnav a				{ color:#21368C; display:block; background:#fff; padding:5px 10px; border:1px solid #e1e2e3; margin:0 0 2px; -moz-border-radius-bottomright:5px; -moz-border-radius-topright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-top-right-radius:5px; }
.subnav a:hover			{ color:#F8B00F; }
.subnav a.current		{ color:#666; border-left-color:#fff; font-weight:bold; }



/*
**	=home / =jump
************************/
.jump					{ color:#fff; height:215px; position:relative; float:left; display:inline; margin:0 15px 0 0; width:510px; }
.jump.small				{ width:245px; margin:0; }
.jump .details			{ background:#27328b; position:absolute; bottom:0; left:0; padding:12px 0; z-index:9; width:100%; }
#content .jump .details h2		{ color:#fff; margin:0 15px 0.25em; }
.jump .details p		{ margin:0 15px; font-size:0.9167em; }

.more					{ position:absolute; right:10px; bottom:10px; z-index:10; margin:0; }
.more a					{ background:url('../img/bg-arrow-more.gif') no-repeat right 1px; color:#fff; padding-right:12px; }
.more a:hover			{ color:#868cbe; }
.jump h2				{ font-size:1.3333em; font-weight:bold; }
.jump img				{ position:absolute; top:0; left:0; }

.home .col .more		{ bottom:-10px; }
.home .col .more a		{ color:#21368C; background-image:url('../img/bg-arrow-more-yellow.gif'); }
.home .col .more a:hover{ color:#868cbe; }



/*
**	=site-info
************************/
#site-info				{ background:#0e2078 url('../img/bg-pattern.jpg') repeat center 0; padding:15px 0; position:fixed; bottom:0; left:0; z-index:99; width:100%; }
#site-info .wrap		{ min-height:30px; }


#copyright				{ color:#fff; font-size:0.8333em; width:600px; }
#copyright a			{ color:#fff; }

#partners				{ background:url('../img/bg-partners.png') no-repeat 0 0; margin:0; position:absolute; right:0; top:0; }
#partners li			{ float:left; }
#partners a				{ display:block; float:left; height:30px; width:30px; text-indent:-999em; }
a#partner-uw			{ width:66px; }
a#partner-dw			{ width:74px; }
a#partner-tfd			{ width:38px; }