/************ CONTENT PROPERTIES ***************/

#sunshine {width:400px; height:100px; position:absolute; left:400px;}
#sunshine span {display:block; padding-top:60px;}
#sunshine a {display:block; height:130px; color:#666; text-decoration:none}
#sunshine a:hover {color:#22b24c}
.holly {font-size:11px; color:ccc; padding-top:6px; margin-bottom:12px !Important;}

#tv-ad {width:248px; height:185px; float:left; border:1px solid #ccc; margin:30px 24px 24px 0 ;}

#forms {line-height:175%;}
#wind { margin-bottom:24px; margin-top:0px !important;}
#wind li { list-style:none;}
#wind li a { font-weight:bold; font-size:11px; margin-left:3px;}

#wind-title {color:#4C4B4B; margin-top:12px; display:block;}
#select-fix { height:16px; 
	margin-bottom:4px; margin-top:2px; 
	background:url(../img/form-fix.png); border: 1px solid #333; 
	font-size:12px; color:#666; padding:6px 2px 4px 2px;}
	
#calc {color:#555 !important;}
#calc a { color:#22b24c; text-decoration:none; border-bottom:1px dotted;}
#calc a:hover {color:#555; border-bottom:1px solid}

.gray_cell_right {background:#fff !Important; color:#22b24c}
.gray_cell {background:#fff !Important; height:30px !important; color:#22b24c}
.default_header {background:#fff !important; color:#22b24c; border:0px solid #ccc !Important; height:40px !important;}
.default_table {border:0px solid #ccc !Important;}
.default_sub_header_center {background:#fff !important; height:70px !important;  border-bottom:0px solid red !important;}
.default_sub_header { border-bottom:0px solid red !important;}

#important { display:block; padding:6px 0 0px 0; line-height:175%; font-style:italic; font-weight:bold; text-transform:capitalize}
#roof-info { font-size:10px;  display:block;}
#roof-guide { display:block; margin:6px 0 2px 0;}
#roof-help { text-decoration: none; font-size:12px; color:#22b24c;}
#roof-help:hover {color:#333; border-bottom:1px solid;}

.home-quote {padding-bottom:0px !important;}
.form-home {padding:0 320px 0 40px;}
.form fieldset {padding:24px; border:1px solid #ddd;  margin-bottom:24px;}
.form legend {color:#333; font-size:14px; padding:7px; margin:0px}
.form  { color:#4C4B4B;}
.form textarea {
	width:291px; height:70px; border: 1px solid #dddddd;  
	font-size:12px; color:#333; padding:6px 2px 4px 2px; 
	font-family:Arial, Helvetica, sans-serif;}
.form label {color:#333; font-size:12px; text-transform:none !important; }
.form .input {
	width:291px; height:16px; 
	margin-bottom:4px; margin-top:2px; 
	background:url(../img/form-fix.png); border: 1px solid #dddddd; 
	font-size:12px; color:#333; padding:6px 2px 4px 2px;}
.form select {	
	margin-bottom:0px; margin-top:2px; 
	background:url(../img/form-fix.png); border: 1px solid #dddddd; 
	font-size:12px; color:#333; padding:4px 2px 4px 2px;}	
.form-btn {float:right; padding-top:10px;}
.form div {margin-bottom:14px;}

.plz {color:#666;}

#bbb {display:block; width:135px; height:52px; background:url(../img/bbbsealh1.gif) no-repeat top right; margin-top: 12px; float:right;}
#home-quote { margin-bottom:20px; font-size:13px;}
#home-quote a {text-decoration:none; color:#22b24c;}
#home-quote a:hover {text-decoration:none;  color:#666; border-bottom:1px dotted #22b24c;}

#logo-sm {width:146px; height:67px; display:block; background:url(../img/logo-small.png) top left no-repeat; float: left;}
#powered-by { width:83px; height:68px; display:block; background:url(../img/powered-by-kuperman-design.png) no-repeat; float:right;}
#footer-logo a:hover { border-bottom:0px !important;}

#rss { text-align:left; margin:0 0 0 3px;} 
#rss dt a{ color:#22b24c; text-decoration:none; margin-bottom:2px; font-weight:bold;}
#rss dt a:hover {color:#555; border-bottom:1px dotted #22b24c; }
#rss dd { margin-bottom:12px; color:#555; line-height:175%}
#rss i {font-size:10px;}

.free-quote {width:165px !important;}

#resources a { display:block; margin-bottom:0px !important; border-bottom:0px;}
#resources a:hover {}

#required_fields p {margin-bottom:12px;}
#required_fields {border:3px solid #ff6666; padding: 12px 20px 12px 20px; background-color: #ffddff; color:#ff0000; font-size:12px;} 
#success {
	border-color: #d5e0e6;
	border-style: solid solid solid solid; 
	padding: 12px 20px 12px 20px;
    border-width: 1px 1px 1px 1px;  
    background-color: #fefefe; color:#555; }
#success a {color:#22b24c; text-decoration: none;}
	
.alert { background: url(../img/alert.gif) top left no-repeat;  color:#ff0000; padding:2px 20px 12px 20px;}
#required_fields a{color:#ff0000}

.home a { color:#22b24c; border-bottom:1px dotted; text-decoration:none; font-weight:bold;}
.home a:hover { color:#666; border-bottom:1px solid #22b24c;}

.charities li a img { display:block; margin-left:15px; }
.charities li a {
	width:240px; 
	display:block; 
	float:left; 
	margin:0 40px 20px 0; 
	text-align:center; 
	font-size:11px; 
	text-decoration:none; 
	color:#999;}
.charities li a:hover {color:#22b24c;}
.charities li a span {margin-top:10px;}
.charities li { display:inline; }

.sub-nav li{display:inline; padding:0 4px 0 8px; background:url(../img/bg-line.png) bottom left no-repeat; }
.sub-nav li a { text-decoration:none; font-size:11px; color:#666; border-bottom:1px dotted #666; font-weight:normal}
.sub-nav .nobg {background:none !important;}
.sub-nav {margin-bottom:24px; width:580px; margin-left:-8px;}
.sub-nav li a:hover {color:#22b24c; border-bottom:0px dotted #22b24c;}
.sub-nav .active a {color:#22b24c; border-bottom:0px;}

.location { float:left; width:150px}
#tampa {
	background: url(../img/italiano-insurance-tampa-office.jpg) top left no-repeat; 
	width:263px; height:195px; padding:185px 0 0 40px;}
#boca-grande {
	background: url(../img/italiano-insurance-boca-grande-office.jpg) top left no-repeat; 
	width:231px; height:363px; padding:17px 0 0 40px;}
.map { width:360px; float:left;}

.sitemap ul li {line-height:175%; }
.sitemap ul {padding-left:30px;}
.sitemap ul li ul { padding:0 0 18px 30px;}

.news p a{margin-bottom:24px; text-decoration:none; color:#22b24c;}
.news p a:hover {color:#666; border-bottom:1px dotted #22b24c;}
.news p {}
.news h3 {color:#555; font-weight:normal; font-size:12px;}

.team a {display:block; width:170px; float:left; color:#22b24c; text-decoration:none; margin-right:70px;}
.team a:hover {color:#666;}

a.link, .resources a, .link {color:#22b24c; text-decoration:none;}
a.link:hover, .resources a:hover, .link:hover { color:#666; border-bottom:1px dotted #22b24c;}

.bullet { margin:12px 0 0px 0;}
.bullet li { color:#666; padding:0 0 0px 20px; list-style:none; background:url(../img/blt62.png) 2px 4px no-repeat; line-height:175%;}

.txt-list {margin:24px 0 0px 0}
.txt-list li {
	color:#555; 
	padding:0 0 12px 20px; 
	list-style:none; 
	background:url(../img/blt62.png) 2px 4px no-repeat; 
	line-height:175%;}

.green {color:#22b24c !important;}

#relay { float:left; display:block; width:220px; padding:40px 0 0 140px; }
#relay a {background:url(../img/relay-for-life.png)  no-repeat; display:block; width:120px; height:60px; text-decoration:none; padding-left:80px; line-height:21px; color:#666;}
#relay a:hover { color:#22b24c;}

#top-logo {height:171px; width:378px; float:left}
#top-right {float:left;width:582px; overflow:hidden;}
#top-nav {
	height:15px; 
	text-align:right; 
	font-size:10px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	margin:5px 16px 0 0; 
	color:#666; }
#top-nav a { color:#666; text-decoration:none;}	
#top-nav a:hover { color:#22b24c;}
#top-phone {height:100px; text-align:right; margin:17px 12px 0 0; color:#666}

#left-col {float:left; width:580px; padding:30px 0px 30px 40px;}

#main-col { width:580px; padding:30px 0px 30px 40px;}
#right-col {float:right; width:250px; text-align:right; padding:40px 40px 30px 20px; }
      
#form-top {background:url(../img/bg/quote-top.png) no-repeat; width:250px; height:28px;}
#form-mid {background:url(../img/bg/quote-bg.png) repeat-y;  width:250px; height:318px; text-align:left}
#form-bot {background:url(../img/bg/quote-bottom.png) bottom no-repeat; width:250px; height:16px;}

#blog-mid  {background:url(../img/bg/quote-bg.png) repeat-y;  width:250px; height:192px;}
#video-mid {background:url(../img/bg/quote-bg.png) repeat-y;  width:250px; height:192px;}

#form-top h3 {font-size:11px; font-weight:bold; color:#393d44; text-indent: -9999px;  width:250px; height:28px;}

.contact-form textarea {width:205px; height:61px; border: 1px solid #d5d5d5; background:url(../img/bg-text.png) #fafafa repeat-x top; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:2px 0 10px 0;	padding:4px 2px 0px 2px; color:#555; }

label {color:#555; font-weight:normal; font-size:11px;  text-transform: capitalize}

#success22 { border:3px solid #22b24c; padding: 12px 20px 12px 20px; background-color: #ffddff; color:#ff0000; font-size:12px;}

#success22 {font-family:"Times New Roman", Times, serif; font-style:italic; font-size:16px;}
 
#success22 h2 {font-family:"Times New Roman", Times, serif; font-style:italic; font-size:24px;}
 
#success22 {
	border-color: #d5e0e6;
	border-style: solid solid solid solid; 
	padding: 12px 20px 12px 20px;
    border-width: 1px 1px 1px 1px;  
    background-color: #fefefe; color:#555; }
#success22 a {color:#22b24c; text-decoration: none;}
	

.contact-form .input {
	width:205px; 
	height:16px; 
	margin-bottom:10px; 
	margin-top:2px; 
	background:url(../img/bg-input.png) #fafafa top repeat-x; 
	border: 1px solid #d5d5d5; 
	font-size:11px; 
	padding:4px 2px 0px 2px; 
	color:#555;}
	
.select {
	width:210px; 
	height:22px; 
	margin-bottom:15px; 
	margin-top:2px; 
	background:url(../img/bg-input.png) #fafafa top repeat-x; 
	border: 1px solid #d5d5d5; 
	font-size:11px; 
	padding:2px 2px 2px 2px; 
	color:#555;}

.radio {font-size:11px; color:#666; margin:2px 0 12px 0;}
	
.select option {  padding:4px 2px 4px 2px; color:#555 !important; margin-top:3px; }

.contact-form { width:205px; padding:20px 0 0 20px;}

.contact-btn {padding:0px 0 0 1px; color:#666; margin-top:0px; text-align:right; margin-right:40px;}

/************ SHELL PROPERTIES ***************/
#top, #dock, #content {margin:auto; width: 960px;}

#top-container { background:url(../img/bg/shadows-top.png) center top no-repeat; height:172px;} 	
#dock-container { background:url(../img/bg/shadows-main.png) center top no-repeat;}
#main {background:url(../img/bg/shadows-main.png) center bottom no-repeat;}
#dock {height: 225px; }
#content {background:url(../img/bg/bg-content.png) repeat-x top; width:958px; }
#footer { background:url(../img/bg/bg-footer.png) top center no-repeat; padding:20px 0 40px 0; color:#666; margin:auto; width:960px; font-size:11px;}

#footer a{ text-decoration:none; color:#22b24c;}
#footer a:hover { color:#666; border-bottom:1px dotted #22b24c;}
#footer ul {padding-left:26px; padding-top:15px;}
#footer ul li { display: inline; list-style:none;}
#footer ul li a{
	color:#666; 
	display:block; 
	padding:0px 7px 0px 7px; 
	float:left; 
	text-decoration:none;
	font-size:12px; 
	border-left:1px solid #CCC; 
	margin-bottom:4px;}
#footer ul li a:hover {color:#22b24c; border-bottom:0px;}
#footer #first a { border-left:0px !important; padding: 0 7px 0 0; }
#footer-nav {float:left; width:460px; padding:1px 0 0 0;}
#footer-logo {
	float:right; 
	padding:10px 20px 0 0; 
	background:url(../img/logo-small.png) bottom left no-repeat; 
	height:67px; 
}
#copy-right {padding-left:90px;}

#trust-img {width:48px; height:53px; float:left; padding:0px 0 0 20px; width:215px; padding-right:5px}
#trust-img a:hover {border-bottom:0px solid;}

#front-vid {width:250px; height:185px; float:left; border:1px solid #ccc; margin:30px 24px 24px 0 ;}

#front-txt {width:300px; float:right;}
/************ GLOBAL PROPERTIES ***************/
* {margin: 0; padding: 0;}
img {border: 0px;}

p.privacy {margin-bottom:12px;}
p {
	line-height:175%; 
	text-align:justify; 
	color:#555; 
	font-size:12px;
	margin-bottom:24px;}
h1 {font-size:24px; margin-bottom:18px; font-weight:normal; color:#4c4b4b;}
h2 {font-size:16px; margin-bottom:2px; font-weight:normal; color:#4c4b4b;}
h1.green {color:#4c4b4b;}

body { font-family:Arial, Helvetica, sans-serif; font-size:12px;}

body.yellow { background:url(../img/bg/bg-yellow1.png) top center scroll #fff repeat-x;}
body.green { background:url(../img/bg/bg-green.png) top center scroll #fff repeat-x;}
body.red { background:url(../img/bg/bg-red.png) top center scroll #fff repeat-x;}
body.blue { background:url(../img/bg/bg-blue.png) top center scroll #fff repeat-x;}

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

/************ DROP DOWN PROPERTIES  ***************/
#nav {background:url(../img/bg/bg-menu.png) repeat-x; height:35px; width:582px;}
#nav .last a {border-right:0px !important; width:144px; }
#nav li { list-style: none;	float: left;}
#nav li ul li {margin-left:0px; width:144px;}

#nav li a {	
	display:block; 
	color:#555; 
	text-align:center;
	text-decoration:none; 
	font-weight: normal; width:143px; 
	padding:11px 0px 8px 0px; 
	border-right:1px solid #858686;border-left:1px solid #c9c9ca;}
#nav li a:hover {background:url(../img/bg/bg-hover.png) repeat-x; }
 
#nav li ul li a{
	display:block; 
	float:left; 
	text-decoration:none; 
	color:#4f5053; 
	text-transform: capitalize;
	padding:11px 0px 12px 0px; 
	border-right:0px solid #858686;
	border-left:0px solid #c9c9ca; 
	width:144px; 
	text-align: center; 
	font-size:12px; 
	color:#fff; 
	height:13px; 
	margin-left:6px;
	background:url(../img/bg/bg-dd.png) top center no-repeat;}
#nav li ul li a:hover { background:url(../img/bg/bg-dd-hover.png) repeat-x; color:#000 !important; font-weight:bold}
	
#nav li ul { display: none; }
#nav li:hover ul, #nav li.hover ul {
	display: block; 
	position: absolute; 
	width:156px; 
	margin:0px 0 0 -6px; 
	padding: 0 0 7px 0; 
	border-top:1px solid #fff;
 background:url(../img/bg/bg-dropdown.png) bottom left repeat-x;}
#nav li:hover li, #nav li.hover li {float: none;}

#nav #start {float:left; border-right:1px #858686 solid; height:33px; margin:0px; padding:0px; width:1px;}

.hide {display: none;}


/************ BROWSER HACKS  ***************/
/* IE 6 */
* html #dock-container {background:none !important;}
* html #top-container {background:url(../img/bg/ie6-bg.png) center repeat-y;}
* html #main {background:url(../img/bg/ie6-bg.png) center repeat-y;}
* html #content {background: none;}
* html #content {background: none;}
* html #nav li ul li a{background: none; 	padding:9px 0px 9px 0px; margin-left:0px;}
* html #nav li.hover ul{]width:144px; margin:0px 0 0 0px; padding: 0 0 2px 0; background:#000;}
* html .form-mid {height:300px; !important}

/* IE 7 */
html* #form-mid {height:470px !important;}
html* .contact-btn {padding:0px 0 0 1px; height:30px; color:#666; margin-top:0px; text-align:right; margin-right:40px;}
html* .team span {margin-top:-21px;}
html* #footer ul {padding-left:20px; padding-top:15px;}

/* FireFox */
object:active, div:active{outline: none;}
object:focus, div:focus{-moz-outline-style: none;}