/* ******************************************************************** */
	/*

	project:					BSG & R2 Integrated - BSG Clearing Re-Skin
	file:							bsg.hp.css
	creator:					Benjamin Kutil <ben@make-things.com>
	creation date:		Tue Jul 20 23:40:33 EDT 2010
	copyright:				(c) 2010 - Make Things Studio http://make-things.com
										All rights reserved.

	info:							Index CSS layout

	*/
/* ******************************************************************** */
/*= Homepage Structure
/*-------------------------------------------------------- */
#main,
#sub { display: inline; float: left; width: 100%; }
#main { background: url(../images/_s/bg-hp-promo-01.jpg) center bottom no-repeat; }
#promo { position: relative; z-index: 1; display: inline; float: left; width: 600px; height: 250px; background: url(/themes/site_themes/bsg/images/hp-promo_img.jpg) left top no-repeat; }
#promo-list { display: inline; float: right; width: 320px; margin: 15px 20px 0 0; }
#solutions { display: inline; float: left; width: 582px; margin: 30px 0 0 12px; }
#welcome { display: inline; float: right; width: 352px; height: 272px; margin: 20px 12px 0 0; background: url(../images/_s/bg-hp-welcome.png) left top no-repeat; }

/*-------------------------------------------------------- */
/*= [end] Homepage Structure */

/*= Modules/Content
/*-------------------------------------------------------- */
/*= Promo Content
/*-------------------------------------------------------- */
#promo-content { position: relative; z-index: 1; display: inline; float: left; width: 380px; margin: 50px 0 0 210px; }
#promo-content h1 { position: relative; z-index: 1; font-size: 23px; line-height: 30px; text-transform: capitalize; color: rgb(231,0,54);}
#promo-content p { margin: 0 0 0 30px; font-size: 11px; line-height: 22px; color: rgb(41,40,40); }
#promo-content strong { font-weight: bold; color: rgb(0, 32,116); }
#promo-content a:link,
#promo-content a:visited { position: relative; color: rgb(231,0,54); text-decoration: none; }
#promo-content a:hover span.txt { text-decoration: underline; }
#promo-content span.btn { width: 5px; height: 9px; margin: 7px 0 0 3px; padding: 0 3px; background: url(../images/_s/bsg-sprites.png) -5px -37px; }
/*-------------------------------------------------------- */
/*= [end] Promo Content */

/*= Promo Lists
/*-------------------------------------------------------- */

#promo-list li { display: inline; float: left; width: 100%; margin: 0 0 4px; padding: 0; background: url(../images/_s/bsg-sprites.png) right bottom no-repeat; }
#promo-list li#features-2 { padding-bottom: 6px; }
#promo-list li#features-3 { margin-bottom: 0px; margin-top: 3px; padding-bottom: 3px; }

#promo-list a.image { display: inline; float: left; width: 115px; }
#promo-list .entry-content { display: inline; float: right; width: 200px; }
#promo-list li#features-1 .entry-content { margin-top: 12px; }
#promo-list h2 { font-size: 11px; line-height: 14px; font-weight: bold; }
#promo-list h2 a:link,
#promo-list h2 a:visited { text-decoration: none; color: rgb(231,0,54); }
#promo-list h2 a:hover { }
#promo-list p { margin: 0; font-size: 11px; line-height: 14px; font-weight: normal; }
#promo-list p a:link,
#promo-list p a:visited { display: block; text-decoration: none; color: rgb(51,51,51); }

/*#promo-list .btn { overflow: hidden; width: 5px; height: 9px; background: url(../images/_s/bsg-sprites.png) -5px -37px; }*/
/*-------------------------------------------------------- */
/*= [end] Promo Lists */
/*= Solutions Tabs
/*-------------------------------------------------------- */
#solutions h3 { margin: 0 0 9px; font-size: 20px; line-height: 1; color: rgb(0,30,111); }
#solutions-nav,
#solutions-nav li { position: relative; z-index: 10; display: inline; float: left; margin: 2px 0 -1px 0; padding: 0; list-style: none; }
#solutions-nav li { width: 125px; height: 78px; text-align: center; margin: 2px 5px -1px 5px;}
#solutions-nav .heading { display: block; width: 120px; margin: 5px 0 0; font-size: 10px; line-height: 1.2; font-weight: bold; text-align: center; color: rgb(37,68,121); }
#solutions-nav img { display: block; margin: 0 auto; }
#solutions-nav a:link,
#solutions-nav a:visited { display: block; width: 100%; text-decoration: none; color: rgb(37,68,121); }
#solutions-nav li.ui-state-active,
#solutions-nav li.ui-state-hover { background: url(../images/_s/bsg-sprites.png) -583px top no-repeat; }
#solutions .solution { width: 585px; height: 145px; background: url(../images/_s/bsg-sprites.png) left bottom no-repeat; }

.js .ui-tabs .solution { display: block; }
.js .solution,
.js .ui-tabs .ui-tabs-hide { display: none; }
#solutions .solution-content { position: relative; display: inline; float: left; width: 580px; height: 140px; margin: 0 0 15px 15px;}
#solutions .solution-content ul { display: inline; float: left; width: 100%; margin: 10px 0 0; }
#solutions .solution-content li { display: inline; float: left; width: 250px;  margin: 5px 20px 5px 0; padding: 0 0 0 15px; font-size: 11px; line-height: 14px; color: rgb(2,68,153); background: url(../images/_s/bg-hp-solutions-li.png) left 5px no-repeat; zoom: 1; }
#solutions .solution-content li a:link,
#solutions .solution-content li a:visited,
#solutions .solution-content li a:active { text-decoration: none; color: rgb(2,68,153);}
.solution-content .learnmore { position: absolute; right: 0; bottom: 0; width: 102px; height: 21px; margin: 0 30px 0; padding: 1px 0 0; text-indent: -99999px; background: url(../images/_s/bsg-sprites.png) -750px top no-repeat; zoom: 1; }
/*-------------------------------------------------------- */
/*= [end] Solutions Tabs */
/*= Welcome
/*-------------------------------------------------------- */
#welcome-header { display: inline; float: left; width: 275px; margin: 25px 0 0 45px; }
.js #welcome-header { width: 300px; }
#welcome-header .heading { font-size: 20px; line-height: 1; color: rgb(0,30,111); }
#welcome-content,
#welcome-footer { display: inline; float: left; width: 300px; margin: 0 0 0 30px; }
#welcome-content { margin-top: 30px; width: 305px;}
#welcome-links,
#welcome-links li { display: inline; float: left; width: 100%; margin: 0; padding: 0; }
#welcome-links li { margin-bottom: 6px; }
#welcome-links a:link,
#welcome-links a:visited { display: block; padding: 5px 0 5px 40px; font-weight: bold; font-size: 13px; line-height: 1; text-decoration: none; color: rgb(0,35,121); background: url(../images/_s/bsg-sprites.png) -45px top no-repeat; }
#welcome-links a:hover { background-position: -349px top; }
#welcome-footer { margin-top: 6px; }
/*-------------------------------------------------------- */
/*= [end] Welcome */
/*-------------------------------------------------------- */
/*= [end] Modules/Content */