#main { width:882px; margin:0 auto; text-align:left;}

#content { background:#FFF;}

.col-1, .col-2, .col-3, .col-4, .col-5 {float:left; position:relative;}

.column-1, .column-2, .column-3 {float:left; position:relative;}

.container {width:100%; overflow:hidden; }
.container2 {width:100%; }

/* ============================= Header ===========================*/
#header .row-1 {height:122px; padding-top:7px;}
#header .row-1 .row-a { height:25px; padding:0 0 7px 0; float:right;}
#header .row-1 .row-b { height:80px; padding:0 0 15px 0;}
#header .row-2 { background:url(images/menu-seperator-bar.gif) top repeat-x; line-height:13.5px;}
#header .row-2 .corner-top-left { background:url(images/menu-corner.gif) top left no-repeat;}
#header .row-2 .corner-top-right { background:url(images/menu-corner.gif) top right no-repeat; height:46px; } 
#header .row-3 { margin:10px 0 10px 17px;}

/* ============================= Landing Page Header ===========================*/
#header .row-3-b { margin:35px 0 30px 0;}
#header .row-3-b .lander { height:295px;}

#header .lander-column-1 { width:441px; float:left;}
#header .lander-column-1 .lander-row-1 { padding:0 0 0 15px;}

#header .lander-column-2 { width:441px; height:295px; float:left;}
#header .lander-column-2 .lander-row-1 { margin-top:250px;}

/* ============================= Header menu ===========================*/
.menu1 { position:relative;}
.menu1 li { float:left; text-align:center;}
.menu1 li a { display:block; width:147px; height:13px; padding:17px 0 16px; font-size:14px; color:#FFF; text-decoration:none; background:url(images/menu2-separator.gif) right repeat-y;}
.menu1 li a:hover, .menu1 .active a { color:#FFF000;}
.menu1 li .last { background:none;}
.menu1 li .last2 { background:none; color:#FFF000;}

/* ============================= Boxes ===========================*/
.box1 { height:195px; color:#FFF; line-height:18px; padding-top:5px;}
.box1 .col-1 { width:294px; background:url(images/box1-tail1.gif) bottom repeat-x #2F70C5;}
.box1 .col-2 { width:294px; background:url(images/box1-tail2.gif) bottom repeat-x #3681CE;}
.box1 .col-3 { width:294px; background:url(images/box1-tail3.gif) bottom repeat-x #3D92D7;}
.box1 .separator { background:url(images/box1-separator.gif) bottom right repeat-y;}
.box1 .indent {padding:22px 16px 0 18px;}
.box1 .corner-left {height:195px; background:url(images/box1-left.gif) bottom left no-repeat;}
.box1 .middle { height:195px;}
.box1 .corner-right {height:195px; background:url(images/box1-right.gif) bottom right no-repeat;} 

/* ============================= 2 column ===========================*/
.fade-left { background:url(images/fade-left-bar.gif) 223px 0 repeat-y;}
.fade-right { background:url(images/fade-right-bar.gif) 872px 0 repeat-y;}

.top-bar { height:30px;}
.top-bar .left-1 { height:30px; width:222px; background-color:#408eda; float:left}
.top-bar .right-1 { height:30px; width:660px; background:url(images/content-top-bar.gif); float:left}

.column-1 { width: 196px; padding:25px 11px 23px 15px;}
.column-2 { width: 585px; padding:25px 36px 23px 38px;}

/* ==================== 2 column - social buttons ====================*/

.column-2-b { width: 585px; padding:5px 34px 23px 38px; float:left; position:relative;}
.column-2-b .social { margin-left:430px; padding-bottom:30px;}

/* ============================= 1 column ===========================*/
.fade-left2 { background:url(images/fade-left-bar.gif) 1px 0 repeat-y;}
.fade-right2 { background:url(images/fade-right-bar.gif) 872px 0 repeat-y;}

.top-bar2 { height:30px;}
.top-bar2 .bar1 { width:882px; height:30px; background:url(images/content-top-bar2.gif); float:left}

.column-3 { width:808px; padding:35px 36px 50px 38px;}

/* ==================== 1 column - social buttons ====================*/

.column-3-b { width:808px; padding:5px 36px 50px 38px; float:left; position:relative;}
.column-3-b .social { margin-left:652px; padding-bottom:25px;}
.column-3-b .social-2 { margin-left:622px; padding-bottom:30px;}

/* ==================== 2 column - landing page ====================*/
.column-3-c { width:768px; padding:35px 56px 50px 58px;}

/* ============================= Footer ===========================*/
#footer { padding-bottom:20px;}
#footer .footer-bar { height:28px; padding:3px 10px 0 10px; background:url(images/footer-bar.gif) repeat-x; font-size:10px;}

.footer-bar .active { color:#FFF000;}
.footer-bar a { color:#FFF; text-decoration:none;}
.footer-bar a:hover { color:#FFF000;}