/*
Theme Name: Vesta
Theme URI: www.cowieandfox.com
Description: Vesta Template
Author: Cowie and Fox Inc.
Author URI: www.cowieandfox.com

--------------------------------------------------------------------------------
RESET
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td { margin:0;padding:0;vertical-align:top;}
table { border-collapse:collapse;border-spacing:0; }
fieldset,img,abbr {border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var,i,b { font-style:normal;font-weight:normal; }
caption,th { text-align:left; }
a,u { text-decoration:none; }
ul, ol { margin-bottom:10pt; }
p { margin: 0 0 7pt 0; }

li {list-style:none;}


/*------------------------------------------------------------------------------
#w=wrap, #h=header, .c=content, .cc=content column, .nc=nested column, #f=footer
--------------------------------------------------------------------------------
OVERALL LAYOUT
------------------------------------------------------------------------------*/
html { height:100%; margin-bottom:0.1em; }
body { font:.70em/1.6em Verdana, Helvetica, Arial, sans-serif; color:#7d7d7d; }

#w,#f { width:775px; margin:0 auto; padding: 0;}
#w, #h, #banner, .c, #f { position:relative; text-align:left; }
#h {left: 7px}
#w { background: #ffffff url(/images/html/bg.jpg) repeat-y; padding-bottom: 50px;}

.cc1,.cc2 { position:absolute; top:20px;}
.cc1 { width:190px; left:25px; }
.cc2 { width:500px; left:230px; }

.ccPad {padding:10px 0 5px 0;}

.nc1,.nc2 { position:absolute; top:10px; left:0px; margin-bottom: 30px; width:220px;}
.nc2 {left:250px;}
.nc4 { padding-top: 25px; left:162px;}

.fc1 { width:220px; float:left;}
.fc2 { width:220px; margin-left:250px;}

.home .nc1 {width:150px;top:40px;}

.communities { padding:5px 0 15px 0; background: url(/images/html/underline.gif) repeat-x 0 top; }

.sitemap .nc1 { position:relative; top:0; left:0; bottom: 0; padding-left: 0; width:250px; padding-top:10px; background: url(/images/html/underline.gif) repeat-x 0 top;}
.sitemap .nc2 { position:absolute; top:0; left:250px; width:250px; padding:10px 0; background: url(/images/html/underline.gif) repeat-x 0 top;}

.hr {border-bottom: 1px dotted #cccccc; margin-bottom: 5px;}
.right {float: right; padding: 0 10px;}

div.property { display: block; clear: both; padding: 10px 0 2px 0; margin: 10px 0; background: url(/images/html/underline.gif) repeat-x 0 top; }

div.section { display: block; margin: 20px 0; }
div.hr {display: block; clear: both; background: url(/images/html/underline.gif) repeat-x 0 bottom; height: 10px; border: 0;}

/*------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------*/
#noScript, #noFlash { background:#FFBD10; border:1px dotted #FFF; text-align:center; position:absolute; left:0;right:0;}
#noScript{top: 70px;}
#noScript h4, #noFlash h4 { color:#FFF; font-size:20px; font-weight:normal; padding:5px 20px; text-align:center; }
#noScript p, #noFlash p { color:#fff; font-weight:bold; padding:5px 20px; text-align:center; }
#noScript a {color: #dd151c;}

div#noFlashBanner { display: none; margin: 0; padding: 20px 40px 20px 222px; }

div#swfBanner { display: none; }

/*------------------------------------------------------------------------------
TYPE
------------------------------------------------------------------------------*/

h1 {color: #980B1B; font-size: 20px; font-family: Arial, Helvetica, sans-serif; margin-bottom:10px;}
h2 {color: #666; font:1.7em/1.6em Arial, Helvetica, sans-serif; margin-bottom:5px; }
h3 {color: #6D6F71; font-family: Helvetica; font-size: 14pt; line-height: 14pt; font-weight: lighter; margin-bottom: 5px;}
h4 {color: #6D6F71; font-weight: bold; margin-bottom: 5px; font-size: 1.0em; }
h5 {color: #6D6F71; font-family: Verdana; font-size: 20pt; line-height: 20pt; margin-bottom: 5px; display: block;}

p { color: #666; }

a {color: #1F4C9A; font-weight: bold;}
a:hover {color: #ffffff; background: #1F4C9A; }

.communities h4 a {color: #980B1B; background: url(/images/html/arrow_up_small.gif) no-repeat 2px 5px; padding-left: 10px;}
.communities h4 a:hover {color: #999; background: url(/images/html/arrow_up_small.gif) no-repeat 2px 5px; padding-left: 10px;}
.communities p {margin-left: 10px; line-height: 7px;}
.communities a {color: #6D6F71; font-weight: bold;}
.communities a:hover {color: #999; background: none;}

a.active:link, a.active:visited { color: #980B1B; }
a.active:hover { color: #666; }

a.toggleLink2:link, a.toggleLink2:visited { color: #666; font-size: 9pt; line-height: 14px;}
a.toggleLink2:hover { color: #999; }

.communities ul {margin-left: 12px;}

.sitemap a:link, .sitemap a:visited {color: #6D6F71; font-weight: normal;}
.sitemap ul.sitemap a {font-weight: bold;}
.sitemap ul.sitemap_sub a {font-weight: normal;}
.sitemap ul.sitemap_supersub a {font-weight: bold;}
.sitemap a:hover {background-color: #fff; color: #999;}

ul.pdf {margin-top: 15px;}
ul li.pdf, .pdf li {padding-left: 25px; padding-bottom: 5px; background: url(/images/html/pdf.gif) no-repeat;}
ul li.text {padding-left: 25px; padding-bottom: 5px; background: url(/images/icon/page_white.gif) no-repeat;}
ul li.blank {padding-left: 25px; padding-bottom: 5px; background: url(/images/html/blank.gif) no-repeat;}

/*------------------------------------------------------------------------------
IMAGES
------------------------------------------------------------------------------*/
img.property_logo { float: right; margin: 0 0 10px 15px;}
img.map { float: right; margin: 3px 0 10px 15px; border: solid #ccc 1px; padding: 0; clear: both;}
img.regTodayBtn { margin-top: 10px;}

/*------------------------------------------------------------------------------
SUB MENU
------------------------------------------------------------------------------*/

#comNav { margin-top:10px;}
#comNav h3 a { color: #6D6F71; font:.8em/1.6em Arial, Helvetica, sans-serif; background: url(/images/html/arrow_up_small.gif) no-repeat 2px 5px;
padding-left: 12px; margin-bottom:10px; }
#comNav h3 a:hover { color: #980B1B; }
#comNav h3 a.selected { color: #980B1B; background: url(/images/html/arrow_down_small.gif) no-repeat 0px 7px; }

.sub_menu { margin-top:5px; padding-left:12px;}
.sub_menu li { font-weight: bold; padding: 0 0 2px 12px; background: url(/images/html/arrow_up_small.gif) no-repeat 2px 6px; }
.sub_menu li.selected { background: url(/images/html/arrow_down_small.gif) no-repeat 0 8px; }
.sub_menu li.selected a { color: #980B1B; }
.sub_menu li.off a { color: #6D6F71; cursor: pointer;}
.sub_menu a:hover { color: #980B1B; background: none;}
.sub_menu ul { padding: 5px 0 0 10px; }
.sub_menu ul li, .sub_menu ul li.selected { background:none; }

/*------------------------------------------------------------------------------
LISTS
------------------------------------------------------------------------------*/

.list li {padding-left: 15px; background: url(/images/html/bullet.gif) no-repeat 0 6px; margin-left: 15px;}

.communities_submenu dl {margin: 10px 0;}
.communities_submenu dt {color: #6D6F71; font-size: 14pt; margin-bottom: 7px; background: url(/images/html/arrow_up.gif) no-repeat 0px 7px; padding-left: 10px;}
.communities_submenu dt.sel {color: #980B1B; font-size: 14pt; margin-bottom: 7px; background: url(/images/html/arrow_down.gif) no-repeat 0px 7px; padding-left: 10px;}
.communities_submenu dd {margin-left: 10px;}
.communities_submenu strong {color: #980B1B; font-size: 10pt; font-weight: normal;}
.communities_submenu ul {margin-left: 10px; margin-top: 5px;}
.communities_submenu li a {color: #6D6F71; font-weight: bold;}
.communities_submenu li a:hover {color: #980B1B; background: none;}

ul.sitemap {margin-bottom: 15px;}
ul.sitemap li {padding-left: 10px; font-weight: bold;}
ul.sitemap_sub {margin-bottom: 5px;}
ul.sitemap_sub li {margin-left: 10px; font-weight: normal;}
ul.sitemap_supersub {margin-bottom: 5px;}
ul.sitemap_supersub li {margin-left: 24px; font-size: 7pt; font-weight: bold;}

ul#testimonials {margin-top:20px;}
ul#testimonials li { padding:10px 0; background: url(/images/html/underline.gif) repeat-x 0 top;}

ul.comList li { background: url(/images/html/arrow_up_small.gif) no-repeat 2px 7px; padding-left: 10px;}

/*------------------------------------------------------------------------------
TOGGLE
------------------------------------------------------------------------------*/
.toggle a.toggleLink {display: block; padding-left: 20px; background: transparent url(../images/html/arrow_up.gif) no-repeat 2px center; padding-bottom: 6px; padding-top: 8px;}
.toggle a.toggleLink2 {display: block; background: transparent url(../images/html/arrow_up.gif) no-repeat 2px center; padding: 5px 0 7px 14px;}
.toggle {background: url(/images/html/underline.gif) repeat-x 0 bottom; padding:0;}
.toggleContent { padding-bottom: 10px; margin-top: 0; display: block;}
.toggleContent2 { background: url(/images/html/underline.gif) repeat-x 0 top; padding: 10px 0 3px 0; margin-top: 0; display: block;}
/*------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------*/
#f {background: url(/images/html/foot.jpg) no-repeat; color: #7d7d7d; text-align:center;padding-top:40px;}
#f ul {margin-bottom: 3px;}
#f li {display: inline; margin-right:1em; white-space: nowrap; }
#f li a {color:#7d7d7d; background: none; font-weight: normal; margin-bottom: 0;}
#f li a:hover {color:#333; background-color:#FFF;}
#f p {padding-bottom: 20px;}

/*------------------------------------------------------------------------------
CLEARS
------------------------------------------------------------------------------*/
.clear_children { width: 380px; }
.clear_children,.cc_tallest { position:relative;} /*\*/* html .clear_children { display:inline;}/**/
.cc_tallest:after { content:''; } /* PREVENTS A REDRAW BUG IN SAFARI */
.clearfix { height:1%; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
html > body .clearfix { min-height:1px; height:auto; }

/*------------------------------------------------------------------------------
SERVICE REQUEST
------------------------------------------------------------------------------*/
div.service-item-wrapper { padding: 8px 0px; background: url(/images/html/underline.gif) repeat-x 0 top; }
fieldset.service-item { margin-left:152px; }
fieldset.service-item label { width:auto; padding-right:8px; font-weight: normal;}
fieldset.service-item input { width: 300px; }
#service_request_possesion_date_year { width:60px; }
#service_request_possesion_date_month { width:95px; }
#service_request_possesion_date_day { width:50px; }