﻿/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */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;}

/*	TAG STYLES
------------------------------------------------- */
body { font-family: Arial, sans-serif; color:#FFF; background:url(../images/bg.jpg) repeat-x #000; }
h1 { width: 900px; color: #fff; font-size: 50px; }
h2 { width: 840px; margin: 15px 0 25px; color: #22b8bd; font-size: 48px; font-weight: normal; line-height: 54px; }
h3 { width: 920px; margin: 15px 0 25px; color: #22b8bd; font-size: 36px; font-weight: normal; line-height: 43px; }
h4 { margin: 15px 0 0; padding: 0 0 5px; line-height: 22px; }
h5 { margin: 0; padding: 12px 0; font-size: 16px; text-align: center; }
hr { border: none; border-bottom: 2px solid #22b8bd; }
p { padding: 8px 0; line-height: 20px; }
a { color: #23b9be; text-decoration: none; }
.font21 { font-size: 21px; line-height: 25px; }

/* PAGE CONTAINER
-------------------------------------------------- */
#wrapper { position:relative; width:100%; margin: 28px 0 0 25px; overflow: hidden;  }
#content { position: relative; margin: 60px 0 0; overflow: hidden; }
#fullCol { position: relative; width: 930px; margin-left: 10px; overflow: hidden; }
#leftCol { float: left; margin: 0; padding: 0; overflow: hidden; }
	#leftCol p { margin: 0; padding: 5px 0; }
#rightCol { float: right; margin: 0; padding: 0; overflow: hidden; }

/*	DIV WIDTH CLASSES
-------------------------------------------------- */
.width224 { width: 224px; margin-right: 0px!important; font-size: 14px; }
.width225 { width: 225px; }
.width665 { width: 665px; }
.width675 { width: 675px; }

/*	HEADER
-------------------------------------------------- */
#mainNavigation { position: relative; width: 940px; margin: 0px 0 0px; padding: 0; }
	#mainNavigation ul { margin:0px 0 0px 0; overflow: hidden; }
	#mainNavigation ul li { float: left; margin: 0 20px 0 0; padding: 0 0px 0 0; font-size: 16px; overflow: hidden; }
    #mainNavigation ul li a:link, #mainNavigation ul li a:visited { display: block; margin: 0 2px 0 0; padding: 5px 15px 4px; color:#FFF; font-weight:bold; text-decoration:none; }
	#mainNavigation ul li.active { background: url(../images/main_nav_right_bg.png) right top no-repeat; }
	#mainNavigation ul li.active a { background: url(../images/main_nav_left_bg.png) 0 0 no-repeat; }
	#mainNavigation ul li:hover { background: url(../images/main_nav_right_bg.png) bottom right no-repeat; }
	#mainNavigation ul li:hover a { background: url(../images/main_nav_left_bg.png) 0 -25px no-repeat; }

a#logo { position: absolute; top: 0px; right: 0; margin: 0; padding: 0; }
    
/*	HOME PAGE LAYOUT
-------------------------------------------------- */
#flash { float: left; width: 100%; height:320px; margin: 0; padding: 0; overflow: hidden; clear: left; }
.primaryContent { width:632px; margin:23px 0 0 0; float:left; }
	.primaryContent h2 { color:#23babf; font-size:20px; margin:15px 0 10px 0 ; line-height: 20px;}
    .primaryContent p { margin: 0; padding: 0; font-size:16px; line-height:1.25; width:552px; }
 
.subContent { float:left; width:320px; margin:61px 0 0 0; padding:5px 0 5px 15px; border-left:1px solid #23babf; overflow: hidden;  } 
	.subContent h3 { width: 320px; margin:0 0 10px 0; color: #fff; font-size:14px; font-weight: bold; line-height: 16px; }
	.subContent p { margin: 0; padding: 0; font-size:11px;}
    .subContent p span.dateCallout { display:block;}
	.subContent ul.homePageList { margin: 0; padding: 0; }
	.subContent ul.homePageList li { display: block; margin: 0; padding: 0 0 3px 7px; background: url(../images/small_bullet.jpg) 0 2px no-repeat; font-size: 11px; }

/*	WHAT WE DO PAGE LAYOUT
-------------------------------------------------- */
ul.subNav { position: relative; width: 930px; margin: 20px 0; padding: 0; border-bottom: 10px solid #4b4b4b; overflow: hidden; }
	ul.subNav li { display: inline; margin: 0; padding: 0; }
	ul.subNav li a { float: left; width: 455px; height: 40px; margin: 0; padding: 10px 0 0 10px; background: url(../images/sub_nav_bg.jpg) 0 -50px no-repeat; color: #666666; font-size: 30px; font-weight: bold; text-decoration: none; }
	ul.subNav li a.active { background-position: 0 0; color: #fff; }

ul#missionStatements { margin: 20px 0; padding: 0; }
	ul#missionStatements li { display: inline; margin: 0; padding: 0; }
	ul#missionStatements li .pod { float: left; width: 450px; height: 132px; margin: 0 15px 15px 0; padding: 0; background: url(../images/blue_grad_bg.jpg) repeat-x; }
	ul#missionStatements li .pod h3 { margin: 0; padding: 2px 0 0 15px; color: #000; font-size: 22px; font-weight: bold; }
	ul#missionStatements li .pod p { margin: 0; padding: 0px 20px 0 15px; font-size: 16px; line-height: 20px; }

#global { display: none; }

/*	OUR BRANDS PAGE LAYOUT
-------------------------------------------------- */
.ourbrands { position: relative; margin: 0; padding: 0; }
	.ourbrands p { margin: 0; padding: 0; font-size: 16px; line-height: 22px; }
	.ourbrands a { color: #23babf; text-decoration: none; }
.brand { float: left; position: relative; margin: 20px 0; padding: 0; overflow: hidden; }
ul.brandProd { margin: 0px 0; padding: 0 0 10px; clear: both; }
	ul.brandProd li { display: inline; margin: 0; padding: 0; }

/*	ABOUT US PAGE LAYOUT
-------------------------------------------------- */
blockquote { width: 930px; height: 131px; margin: 30px 0; padding: 8px 0 0 10px; background: url(../images/blue_grad_bg.jpg) repeat-x; font-size: 36px; font-weight: bold; line-height: 38px; }
.timelinePod { position: relative; margin: 0; padding: 0 0 10px; border-top: 2px solid #23b9be; overflow: hidden; }
	.timelinePod .year { float: left; width: 200px; margin: 0; padding: 8px 0 0; }
	.timelinePod .info { float: right; width: 460px; margin: 0; padding: 0; }
	.timelinePod .info ul { margin: 8px 0 10px; padding: 0; }
		.timelinePod .info ul li { display: block; padding: 0 0  8px 12px; background: url(../images/white_bullet.jpg) 0 8px no-repeat; line-height: 22px; }

ul.blueList { margin: 0; padding: 0; }
	ul.blueList li { display: block; margin: 0; padding: 0 0 8px 12px; background: url(../images/blue_bullet.jpg) 0 8px no-repeat; color: #23b9be; line-height: 20px; }


/*	IN THE NEWS PAGE LAYOUT
-------------------------------------------------- */
dl { margin: 10px 0; padding: 0; overflow: hidden; }
dt { float: left; width: 100px; margin: 0 20px 0px 0; padding: 2px 0 10px; clear: left; }
dd { display: block; margin: 0 0 10px 0px; padding: 0px 0 5px; line-height: 20px; }
dd a:hover { border-bottom: 1px dotted #23b9be; }
ul.whiteBullet { margin: 8px 0 10px; padding: 0; }
	ul.whiteBullet li { display: block; padding: 0 0  8px 12px; background: url(../images/white_bullet.jpg) 0 8px no-repeat; line-height: 22px; }
/*	CONTACT US PAGE LAYOUT
-------------------------------------------------- */
.contactContainer { position: relative; margin: 0; padding: 0; }
ul.contactOptions { position: relative; margin: 0; padding: 0; overflow: hidden; clear: both; }
	ul.contactOptions li { display: block; margin: 0; padding: 0; border-top: 2px solid #23b9be; overflow: hidden; }
	ul.contactOptions .contactPod1 { float: left; width: 225px; margin: 0 20px 0 0; padding: 5px 0 50px; }
	ul.contactOptions .contactPod2 { float: left; width: 335px; margin: 0 10px 0 0px; padding: 5px 0 50px; }
	ul.contactOptions .contactPod3 { float: left; margin: 0 0px 0 50px; padding: 5px 0 50px; }
	ul.contactOptions .contactPod p, ul.contactOptions .contactPod2 p, ul.contactOptions .contactPod3 p { margin: 0; padding: 0; font-size: 24px; line-height: 28px; }
	ul.contactOptions .contactPod2 a { display: block; margin: 0; padding: 5px 0 0; color: #23b9be; text-decoration: none; }

/*	FOOTER
-------------------------------------------------- */
#footer { width:800px; margin:50px 0 0 0px; }  
	#footer p { font-size:10px;}

/*	MISC CLASSES
-------------------------------------------------- */
.clear { clear: both; }
.blueTxt { margin: 0; padding: 0; color: #23b9be; font-size: 30px; line-height: 34px; }
span.blueTxt { font-size: 16px; line-height: 18px; }
.font20 { margin: 0; padding: 0; font-size: 20px; font-weight: normal; line-height: 22px; }
