/* suncity_screen.css
Theme Name: Suncity Heating and Cooling
Theme URI: www.suncitylc.com
Description: Suncity Heating and Cooling LLC
Author: Lucas S Morales and ZAE
Author URI: www.zenfell.com
Version: 1.0
*/








/* Base Structure and Style */
/* Reset */
* { margin: 0; padding: 0; }
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,object,iframe { margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: none; }




/* zui classes */
.zui-full, .zui-1-2col, .zui-1-4col, .zui-3-4col, .zui-1-3col, .zui-2-3col, .zui-1-8col, .zui-3-8col, .zui-5-8col, .zui-7-8col, .zui-1-7col, .zui-2-7col, .zui-3-7col, .zui-4-7col, .zui-5-7col, .zui-6-7col,
.zui-1-2colr, .zui-1-4colr, .zui-3-4colr, .zui-1-3colr, .zui-2-3colr, .zui-1-8colr, .zui-3-8colr, .zui-5-8colr, .zui-7-8colr, .zui-1-7colr, .zui-2-7colr, .zui-3-7colr, .zui-4-7colr, .zui-5-7colr, .zui-6-7colr
{
	min-height: 50px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
}




.zui-full{width:98%;}
.zui-1-2col, .zui-1-2colr{width:48%}
.zui-1-4col, .zui-1-4colr{width:23%}
.zui-3-4col, .zui-3-4colr{width:73%}
.zui-1-3col, .zui-1-3colr{width:31.3333333%}
.zui-2-3col, .zui-2-3colr{width:64.6666666%}
.zui-1-8col, .zui-1-8colr{width:10.5%}
.zui-3-8col, .zui-3-8colr{width:35.5%}
.zui-5-8col, .zui-5-8colr{width:60.5%}
.zui-7-8col, .zui-7-8colr{width:85.5%}
.zui-1-7col, .zui-1-7colr{width:12.25%}
.zui-2-7col, .zui-2-7colr{width:26.56%}
.zui-3-7col, .zui-3-7colr{width:40.84%}
.zui-4-7col, .zui-4-7colr{width:55.12%}
.zui-5-7col, .zui-5-7colr{width:69.4%}
.zui-6-7col, .zui-6-7colr{width:83.68%}




.zui-1-2colr, .zui-1-4colr, .zui-3-4colr, .zui-1-3colr, .zui-2-3colr, .zui-1-8colr, .zui-3-8colr, .zui-5-8colr, .zui-7-8colr, .zui-1-7colr, .zui-2-7colr, .zui-3-7colr, .zui-4-7colr, .zui-5-7colr, .zui-6-7colr
{
	float: right;
}
/* end zui classes */




















/* theme essentials */
body{
	margin: 0;
	text-align: left;
}




#pageWrapper{
	width: auto;
	height: auto;
	clear:both;
}




#dashboard
{
	width: 100%;
	height: 91px;
}




#footer
{ 
	height: 100px;
	margin: 30px 20px;
	clear: both;
}




.twinzero
{
	clear:both;
	float:left;
}




.clear_float, .clear-float, .clearFloat, .clearfloat
{
	width: 100%;
	clear:both;
}
/* end theme essentials */
















































/* Structure */
html
<meta name="verify-v1" content="dzSMmXsX52tA00EpsJz+qNmGvi/y3VVJ5OGoRNhj9oM=" >
{ 
	background:#000000 ;/*url('images/suncity/html_back.png') repeat left top; */
	min-width: 900px;
}
body 
{ 
	background: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	min-width: 900px;
}




/* Typography */
	
h2, h3, h4 { }
a{ color: #777777; }
a:link, a:visited{ color: #777777; text-decoration: none; }
a:hover{ color: #AAAAAA; text-decoration: none; }	
p { margin: 0; padding: 0 0 9px 0; }
.lite {color: #999;}
	
/* List Elements */
ul {list-style: outside;margin: 0 0 9px 16px;}
dt {font-weight: bold;}
dd {padding: 0 0 9px 0;}	




/* Code */
pre {
	background-color: #f6f6f6;
	color: #006600;
	display: block;
	font-family: 'Courier New', Courier, monospace;
	font-size: 8pt;
	max-height: 250px;
	overflow: auto;
	margin: 5px 0 10px 0;
	padding: 10px;
	border: 1px solid #d1d7dc;	
}
	
/* Dividers */
hr {
	background-color: #ddd;
	color: #ccc;
	height: 1px;
	border: 0px;
}




#zaecolumn
{
	/*border: 1px solid #000000;
	height: 50px;*/
}




#pageWrapper
{
	background: transparent;
	min-width: 900px;
}
/* Header */
#top-header
{
	background: transparent;
	margin: 0 auto;
	width:100%;
	max-width: 920px;
	height: 276px;
}




#logo_container #logo
{
	height: 200px;
	width: 300px;
	background: transparent url('images/suncity/logo.png') left top no-repeat;
	cursor: pointer;
	margin-left: -2%;
	margin-top: -3px;
}




#logo_container #header_logo
{
	width: 300px;
	height: 200px;
	background: none;
}
#logo_container #header_logo #logo:hover
{
	width: 300px;
	height: 200px;
	background: transparent url('images/suncity/logo.png') left -201px no-repeat;
}




#temp_content
{
	background: transparent url('images/suncity/temp_header.png') left 70px no-repeat;
	margin-top: -10px;
	height: 150px;
}




#bottom-header
{
	background: #0000CC;
	width:900px;
	height: 200px;
	margin: 0 auto;
	clear:both;
}




#image-header
{
	background: transparent url('images/suncity/topheader_front.png') center top no-repeat;
	width: 900px;
	height: 200px;
	position: absolute;
	z-index: 1;
}
#flash_header
{
	width:900px;
	height:200px;
	position: absolute;
    z-index: 0
}
















/* Main */
#contentWrapper
{
	background: transparent url('images/suncity/content_back.png') center top repeat-y;
	width: 850px;
	margin: 0 auto;
	margin-top: 30px;
	clear:both;
}
#contentPage
{
	background: transparent url('images/suncity/content_header.png') center top no-repeat;
	width: 100%;
}




#main
{
	width: 650px;
	min-height: 400px;
	float:left;
	margin-left: 10px;
	margin-top: 20px;
	line-height:1.5em;
}




#contentBottom
{
	background: transparent url('images/suncity/content_bottom.png') center top no-repeat;
	height: 77px;
	width: 850px;
	margin: 0 auto;
	clear:both;
}




/* Main Menu */
#menu_container, #menu_container2
{
	background: transparent url('images/suncity/nav_left.png') left top no-repeat;
	height: 34px;
	float:left;
	clear:both;
	margin-left: 40px;
	margin-bottom: -4px;
}
#menu_container2{ background: transparent url('images/suncity/nav_right.png') left top no-repeat; margin-top: -4px;}




#menu_container ul, #menu_container2 ul
{
	margin: 0 10px;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 10.5pt;
	float: left;
	clear: both;
}
#menu_container li, #menu_container2 li 
{
	display: inline;
	float: left;
	margin:0 4px;
	text-decoration: none;
	line-height: 1em;
	background: transparent url('images/suncity/bg-line-vertical.png') repeat-y right top;
}
#menu_container a, #menu_container2 a
{
	padding: 7px 15px 4px 6px;
	color: #ffffff;
	display: block;
	float: left;
	cursor: pointer;
	height: 20px;
	margin-left: 4px;
	font-size: 10.5pt;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
}
#menu_container2 a{padding-top: 0;}
#menu_container a:hover, #menu_container .current_page_item, #menu_container2 a:hover, #menu_container2 .current_page_item{ color: #000000;}
#menu_container ul li:last-child, #menu_container2 ul li:last-child { background-image: none; }




















/* Side Bar */
#sidebar_full
{
	width: 170px;
	height: auto;
	float: left;
	overflow:hidden;
	margin-left: 8px;
	margin-top: 20px;
	margin-right: 3px;
}
#sidebar_full .sidebarbox
{
	width: 170px;
	margin-top: 10px;
	margin-bottom: 10px;
	float:left
}




#sidebar_full h2 {
  margin: 0;
  margin-left: 10px;
  padding: 0 0 8px 0;
  font-weight: normal;
  font-size: 14.5pt;
  color: #000000;
  text-align: left;
  }




#sidebar_full table {
  width: 130px;
  margin: 0 auto;
  }




#sidebar_full ul {
  margin: 0;
  padding: 0 0 5px 0;
  list-style:none;
  }
#sidebar_full ul li
{
	list-style:none;
}
#sidebar_full ul ul li {
  margin: 0;
  padding: 2px 2px 2px 16px;
  color: #990000;
  background: url('images/suncity/bg-line-horizontal.png') left top repeat-x;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
}




#sidebar_full a {
  display: inline;
  color: #666666;
  }
#sidebar_full a:hover {
  color: #FF9900;
  text-decoration: none;
  }




#sidebar_full p {
  padding: 2px 0;
  font-size: 9pt;
  color: #990000;
  }




#tag_cloud a {
  display: inline;
  }




#sidebar_full ul.children li {border-bottom:none;}
#sidebar_full ul.children {margin-bottom:0;}




#sidebar_full #schedule_now
{
	background: transparent url('images/suncity/schedule_now.png') top left no-repeat;
	height:230px;
	width:170px;
	margin-bottom: 20px;
	margin-top: 10px;
	cursor:pointer;
}
#sidebar_full #schedule_now:hover {background-position: left -230px;}




#sidebar_left .sidebarbox, #sidebar_right .sidebarbox
{
	width: 310px;
	margin-top: 10px;
	margin-bottom: 10px;
	float:left
}




#sidebar_left h2, #sidebar_right h2 {
  margin: 0;
  margin-left: 10px;
  font-weight: normal;
  font-size: 14.5pt;
  color: #000000;
  text-align: left;
  }




#sidebar_left table, #sidebar_right table {
  width: 310px;
  margin: 0 auto;
  }




#sidebar_left ul, #sidebar_right ul {
  margin: 0;
  padding: 0 0 5px 0;
  list-style:none;
  }
#sidebar_left ul li, #sidebar_right ul li
{
	list-style:none;
}
#sidebar_left ul ul li, #sidebar_right ul ul li{
  margin: 0;
  padding: 2px 2px 2px 16px;
  color: #990000;
  background: url('images/suncity/bg-line-horizontal.png') left top repeat-x;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
}




#sidebar_left a, #sidebar_right a{
  display: inline;
  color: #666666;
  }
#sidebar_left a:hover, #sidebar_right a:hover {
  color: #FF9900;
  text-decoration: none;
  }




#sidebar_left p, #sidebar_right p{
  padding: 2px 0;
  font-size: 9pt;
  color: #990000;
  }




#sidebar_left ul.children li, #sidebar_right ul.children li {border-bottom:none;}
#sidebar_left ul.children, #sidebar_right ul.children {margin-bottom:0;}




















/* Footer */
#footer
{
	margin: 0;
	height:450px;
	overflow: hidden;
	width: 100%;
	background: #ffffff url('images/suncity/footer-portal-border.png') left top repeat-x;
	float: left;
	clear: both;
}
#footer_top
{
	background: transparent url('images/suncity/footer_divider.png') center bottom no-repeat;
	width: 850px;
	margin: 0 auto;
	margin-top: 20px;
	height: 150px;
	clear:both;
}
#footer_bottom
{
	width: 750px;
	margin: 0 auto;
	margin-top: 5px;
	height: 270px;
	clear:both;
}




#footer_bottom ul {
  margin: 0;
  padding: 0 0 5px 0;
  list-style: none;
  }




#footer_bottom li, #footer_bottom ul li ul {
  margin: 0;
  padding: 2px 2px 2px 16px;
  color: #990000;
  background: url('images/suncity/bg-line-horizontal.png') left bottom repeat-x;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  width: 50%
}




#footer_bottom a {
  display: inline;
  color: #666666;
  }
#footer_bottom a:hover {
  color: #FF9900;
  text-decoration: none;
  }








/* Post Style */
.topPost
{
	background: transparent url('') top left no-repeat;
	float:left;
	clear:both;
	margin-bottom: 15px;
	width: 100%;
}
.topTitle
{
	margin-top: 5px;
	color: #000000;
	margin-left: 5px;
	font-size: 18pt;
	float: left;
	width: 100%;
	padding-bottom: 5px;
	padding-top: 5px;
}
.topTitle a{ color: #000000; }
.topTitle a:hover{ color:#666666;}




.topMeta
{
	font-size: 7.5pt;
	color: #666666;
	margin-left:5px;
}




.topMeta a{ color: #666666; text-decoration:underline; }
.topMeta a:hover{ color:#000000; text-decoration:underline; }




.topContent
{
	margin-left:15px;
	float:left;
	width:635px;
	clear:both;
	margin-bottom:15px;
	margin-top: 10px;
	font-size: 9pt;
	color: #000000;
}
.topContent .alignright{
	float: right;
}
.topContent .alignleft{
	float: left;
}
.topContent img 
{
	margin: 5px 5px;
	padding: 2px 2px;
	border: 1px #CCCCCC solid;
}
.topContent ul
{
list-style-position:inside;
}
.topContent a{ color:#990000;}
.topContent a:hover{ color: #FF6600;}




.cleared
{
	height:30px;
	width:100%;
	float:left;
	clear:both;
}
.topPost div.topComments
{
	float: left;
	height: 24px;
	width: 145px;
	color: #003399;
}
.topPost div.topMore
{
	float: left;
	height: 24px;
	width: 105px;
	color: #003399;
	margin-left: 395px;
}
.topPost div.topComments a {
  color: #003399;
  background: #ffffff url('images/suncity/back_comments.png') right top no-repeat;
  height: 24px;
  float: right;
  vertical-align: middle;
  text-align:center;
  width: 145px;
  padding-top: 2px;
  margin-right: 10px;
  }
.topPost div.topMore a {
  color: #003399;
  background: #ffffff url('images/suncity/back_more.png') left top no-repeat;
  height: 24px;
  width: 105px;
  float: left;
  vertical-align:middle;
  text-align:center;
  padding-top: 2px;
  }
.topPost div.topTags em {
  background: url(images/tags.gif) left no-repeat;
  padding-left: 20px;
  line-height: 27pt;
  vertical-align: middle;
  color: #0a0a0a;
  }
.topPost div.topTags a {
  color: #000000;
  line-height: 27pt;
  vertical-align: middle;
  }
.topPost div.topMore a:hover{
	background: url('images/suncity/back_more.png') left -24px no-repeat;
	color:#FF9933;
  }
.topPost div.topComments a:hover
{
	background: url('images/suncity/back_comments.png') right -24px no-repeat;
	color:#FF9933;
}
#nextprevious {
  margin-top:10px;
  margin-bottom: 20px;
  margin-left:170px;
  width: 300px;
  float: left;
  clear: both;
  }
#nextprevious a {
  color: #000099;
  text-transform: lowercase;
  text-decoration: underline;
  }
#nextprevious a:hover {
  color: #FF6600;
  }
.alignleft{ float: left; }
.alignright{ float: right; }
  
  
/* Index Style */
#service_department
{
	background: transparent url('images/suncity/home_service.png') top left no-repeat;
	height: 200px;
}
#service_department img, #home_install img, #new_construction img {margin: 5px 5px;}




#home_install
{
	background: transparent url('images/suncity/home_install.png') top left no-repeat;
	height: 200px;
}




#new_construction
{
	background: transparent url('images/suncity/home_construction.png') top left no-repeat;
	height: 200px;
}




.horizontal_divider
{
	width: 100%;
	height:5px;
	margin: 10px auto;
	background: transparent url('images/suncity/bg-line-horizontal.png') top center repeat-x;
	float: left;
	clear: both;
}




#vertical_divider
{
	margin-top: 10px;
	margin-bottom: 20px;
	width: 100%;
	background: transparent url('images/suncity/bg-line-vertical.png') top center repeat-y;
	float:left;
	clear:both;
}




/* Comments */
#leavecommlink
{
	padding: 5px;
	background: #CC0000;
	color:#FFFFFF;
	float: right;
	margin-top: 12px;
}
#leavecommlink:hover {background:#FF0000;}
#leavecommlink a{font-weight: bold; color:#FFFFFF;}
#leavecommlink a:hover{font-weight: bold; color:#FFFFFF;}
#comment {
  margin-bottom: 10px;
  margin-left: 50px;
  width: 530px; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */
  border: 1px solid #999999;
  padding: 10px 15px;
  color: #000000;
  float:left;
  clear:both;
  }
#comment a {
  color: #6598b8;
  }
#comment a:hover {
  color: #fff;
  }
#numberofcomments {
  color: #fff;
  font-size: 12pt;
  margin-top: 10px;
  }
ol#commentlist {
  list-style: none;
  margin: 10px 0;
  font-size: 9pt;
  float: left;
  color: #000000;
  }
#commentlist li {
  margin: 0 0 15px 0;
  padding: 10px;
  }
#commentlist li.alt {
  border: none;
  }
#commentlist li.cleared {
  background: transparent;
  border: none;
  }
#commentlist a:hover {
  color: #eee;
  }
#commentlist a.gravatar {
  float: left;
  margin: 0 10px 0 0;
  width: 69px;
  }
#commentlist .commentbody {
  margin: 0;
  padding: 0 5px 0 0;
  float: right;
  width: 410px;
  color: #000000;
  }
#commentlist .commentbody p a {
  text-decoration: underline;
  }
#commentlist cite {
  font-size: 10pt;
  font-style: normal;
  color: #CC0000;
  }
#commentlist small.commentmetadata a {
  color: #666;
  }
#commentlist p {
  color: #000000;
  clear: both;
  width: 100%;
  }
#comment h3 {
  font-size: 10pt;
  font-weight: normal;
  color: #000000;
  margin: 15px 0 0 0;
  padding: 0;
  }
textarea#comment {
  width: 450px;
  background: #fff;
  color: #111;
  clear:both;
  }
#comment #submit {
  float: right;
  clear:both;
  margin-left: 0px;
  margin-top: 5px;
  }




.ddfmwrap {
	margin: 0;
	margin-left: 10px;
	width: 450px;
}




div.couponclip
{
	width: 300px;
	height: 300px;
	border: 4px dashed silver;
}
div.couponclip .savings
{
	width: 100%;
	font-size: 27pt;
	color: #FF0000;
	text-align: center; 
	font-weight:bold;
    padding-bottom: 5px;
	padding-top: 5px;
}
div.couponclip .onwhat
{
	font: large;
	color: #000000
	text-align: center;
	width: 100%;
}
div.couponclip .couponcode {
	text-align: center; font-size: 8pt;
	color: navy;
	width: 100%;
}
marquee{overflow:hidden;}
.aligncenter{margin:0 auto;}