/* Layout Default
----------------------------------------------------------*/
* {margin: 0; padding: 0; outline:none;}
.clear {clear: both;}
body {text-align:center; font-family: Verdana, Helvetica, sans-serif; font-size:12px; line-height:20px; color: #000; background:#f2f2f2;}
#wrapper {width:960px; margin:auto; text-align:left; padding:20px; background:#fff;}

#masthead {width:920px; height:55px; padding:10px 20px 15px 20px;}
#masthead .col_one {width:290px; float: left;}
#masthead .col_two {width:290px; float: left;}
#masthead .col_three {width:290px; float: right;}

#footer {width:960px; height:100px; border-top:6px solid #6daed7; background: #79bde8;}

#primary_content {float:left; width:600px; padding-left: 20px; margin-bottom:30px;}
#secondary_content {float:right; width:300px;  margin-bottom:20px;}
#secondary_content #sidebar {width:300px; background: url(/images/side_bar_bg.gif) repeat-y; margin-bottom:20px;}
#secondary_content #sidebar .last {background: url(/images/bottom_corners.gif) no-repeat bottom left;margin-bottom: 0; padding-bottom:20px;}

ul li {margin-left:20px;}

#primary_navigation ul li, #secondary_nav ul li {margin-left:0px;}

#secondary_content #sidebar p {font-size:11px; line-height:16px; margin-bottom:10px;padding: 0 20px 0 20px;}
#secondary_content #sidebar h2 {padding: 0 20px 0 20px; font-size:11px;}
#secondary_content #sidebar h2.top {background: url(/images/top_corners.gif) no-repeat top left; padding-top:20px;}


/* Layout 
----------------------------------------------------------*/
#features {margin-bottom: 20px;}

#features .col_one {width:280px; padding:10px; margin-right:20px; margin-left: 10px;float:left;}

#features .col_two {width:280px; padding:10px; margin-right:20px; float:left; color: #333; font-weight:bold;}
#features .col_three {width:280px; padding: 10px; float:right;}


#primary_graphic {width:960px; height:260px; margin-bottom:20px; background: url(../images/primary_graphic.jpg) no-repeat top left;}

#ohio_home #primary_graphic {width:960px; height:260px; margin-bottom:20px; background: url(../images/oh_primary_graphic.jpg) no-repeat top left;}
#mi_home #primary_graphic {width:960px; height:260px; margin-bottom:20px; background: url(../images/oh_primary_graphic.jpg) no-repeat top left;}

#landing #primary_graphic {width:960px; height:344px; margin-bottom:30px; background: url(/images/landing_bg.gif) no-repeat top left;}

#landing #offer_intro {position:relative; top:40px; left:530px; width:360px; padding:30px;padding-bottom: 0;}

#landing #offer_intro a, #landing #offer_intro h2, #landing #offer_intro h1, #landing #offer_intro p {color:#fff}
#landing #offer_intro h2 {margin-bottom:10px;}
#landing #offer_intro ul li {list-style: none; margin-left: 0;}
#landing #offer_intro ul li {margin-bottom: 0;}

#offer_intro {position:relative; top:0; left:0px; width:960px;}
#energy_options {position:relative; left:570px; top:185px; width:368px; height:64px;}
#about_button {position:relative; left:722px; top:200px; width:149px; height:35px;}

#col_left {float:left;}
#col_right {float:right;}


/* Links
----------------------------------------------------------*/
a:link {color:#79bde8; font-weight:normal; text-decoration:none;}
a:visited {color:#79bde8; font-weight:normal; text-decoration:none;}
.small_arrow {padding-left:16px; text-decoration:none; background: url(../images/small_arrow.png) no-repeat left;}


/* Navigation
----------------------------------------------------------*/
#primary_navigation {width:960px; background:#79bde8 url(../images/right_corner.gif) no-repeat top right; height:38px; border-bottom:2px solid #6daed7; margin-bottom:30px; margin-left:0px;}
#primary_navigation li {float:left;list-style:none; display:block;}
#primary_navigation a {font-size:12px; color: #fff; line-height:38px; padding:0 20px 0 20px; display:block;border-right: 1px solid #6daed7; font-weight:bold;}
#primary_navigation a:hover {background:#6daed7; line-height:38px;}

#home_tab a {background: url(../images/left_corner.gif) no-repeat top left;}
#home_tab a:hover {background: #6daed7 url(../images/left_corner_hover.gif) no-repeat top left;}

#market_nav li {float:left; margin-right:20px;}
#market_nav {list-style:none; margin-right: 10px;}

#secondary_nav {list-style:none; margin-left:20px; color:#fff; margin-top:10px;}
#secondary_nav li {float:left; margin-right: 10px; margin-left: 0;}
#secondary_nav a {color: #fff; font-weight:normal;}
li#copyright {margin-right: 30px; font-weight:bold;}



/* Headers
----------------------------------------------------------*/
h1 {color:#283891; font-size:20px; margin-bottom: 20px;}
h2 {color:#283891; font-size:12px;}
h1#location {float:left; font-size:12px; margin-right:10px; color:#000;}
h3 {color:#283891; font-size:22px; padding-bottom: 20px; margin-bottom:20px; border-bottom:1px solid #eee;}
h4 {color:#283891; font-size:16px; padding-bottom: 10px; margin-bottom:20px; border-bottom:1px solid #eee;}

#features h2 {font-size:16px; margin-bottom:10px;}


/* Images
----------------------------------------------------------*/
#logo {height:55px;}
img { border: none;}
img { behavior: url(/js/iepngfix.htc); }
img { behavior: url(../js/iepngfix.htc); }
#energy_options { behavior: url(/js/iepngfix.htc) }
 {behavior: url(/js/iepngfix.htc); }


/* Forms
----------------------------------------------------------*/
#location_select {float:left; margin-right:10px;}
#call_form label {float:left; margin-right:10px; width:120px; font-weight:bold;}
#call_form span.error {margin-left:5px; color:red;}



/* Lists
----------------------------------------------------------*/
#primary_graphic ul {margin-left: 20px;}
#primary_graphic ul li {font-size:12px; margin-bottom:10px; color: #717171; no-repeat center left;}




.dark_blue {color:#283891;}



/* Typography
----------------------------------------------------------*/
p {margin-bottom:18px;}
ul {margin-bottom:20px;}
#disclaim {margin-left:20px; font-size:10px; color:#fff; margin-top:20px;}




/* Tables
----------------------------------------------------------*/

table {border: 1px solid #6daed7; margin-bottom: 30px;}
th, td {padding: 10px;}
thead {background: #79bde8; color:#fff;}
tr.bg {background: #f1f5fa;}
td, th {border-right: 1px solid #6daed7;}
.no_border {border: none;}
caption {background: #283891; color: #fff;font-weight: bold;padding: 6px;}


/* Renewals
----------------------------------------------------------*/

#renewals #primary_navigation {margin-bottom:15px;}
#location {margin-bottom:30px;}
#renewals h1 {border-bottom:1px solid #eee; padding-bottom: 15px; margin-bottom:20px;}
#renewals button {background:none;border: none;}
#modify {margin-left:360px;}
#renewals #primary_content {margin-bottom:20px;}
#renewals #content {margin-left:20px; width:940px; margin-bottom:30px;}
#renewals h3 {font-size:14px; margin-bottom:10px; padding-bottom:0; border:none;}
#renewals table, #renewals table td {border:none;}
#renewals table td {width:200px;}
#renewals form p {margin-bottom: 30px;}

#renewals form em {font-size:10px; padding: 3px 0px 3px 20px;}