@charset "UTF-8";


body {
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background: #ededed url(../img/bkgd.jpg) repeat-y top center;
}
#container {
	margin: 0 auto;
	padding: 0px;
	width: 950px;
	background: #FFF;
	overflow: auto;
}




/* header styles */

#header {
	background: #f6f7f3 url(../img/header.jpg) repeat-x;
	height: 135px;
}
#logo {
	float: left;
	margin: 0;
	padding: 0;
	height: 76px;
	width: 950px;
	color: #999;
	overflow:visible;
}
#top_nav {
	float: left;
	margin: 16px 0 0 20px;
	padding: 10px 0 10px 0;
	color: #999;
	overflow:visible;
}
#top_nav li {
	display: inline;
	padding: 10px 13px 10px 6px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #F78F28;
	font-size: 100%;
	font-weight: normal;
	background: url(../img/separator.jpg) no-repeat center right;
}
#top_nav li a {
	text-decoration: none;
	color: #009BAC;
	background: none;
	margin: 0;
	padding: 0;
}
#top_nav li a:hover {
	text-decoration: none;
	color: #555;
}




/* image styles */

#images {
	height: 80px;
	width: 430px;
	margin: 5px 0 0 50px;
}
#images img {
	padding: 0 7px 0 0;
	border: 0;
}
#image_home {
	background: #f6f7f3 url(../img/img_home2.jpg) no-repeat;
	height: 375px;
	width: 950px;
}
#callout p {
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	line-height: 1.6em;
	font-weight: normal;
	color: #FFF;	
}
#image_home h1 {
	padding: 30px 425px 0 50px;
	font-size: 160%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	font-weight: bold;
	color: #FFF;
}
#image_home h2 {
	padding: 10px 445px 0 50px;
	font-size: 140%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-weight: normal;
	color: #FFF;
}
#image_home p {
	padding: 10px 415px 0 50px;
	font-size: 110%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	font-weight: normal;
	color: #FFF;
}
#image_home p a {
	color: #009BAC;
	font-weight: bold;
}
.feature_wrapper {
	margin: 0;
	padding: 45px 0 0 50px;
	float: left;
}
.feature_left {
	margin: 0;
	padding: 0;
	float: left;
	width: 200px;
	height: 70px;
	margin-right:20px;
/*	background: url(../img/home_feature_left.jpg) no-repeat;*/
}
.feature-btn, .feature-btn:visited {
    background: #009BAC url('../img/overlay.png') repeat-x;
    display: inline-block;
    padding: 16px 20px 12px;
	font-size:20px;
    color: #fff;
	text-align:center;
    text-decoration: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	border-radius:6px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer
}

.feature-btn:hover{
	background-color:#037280;
}

.feature-btn .phone {
	font-size:20px;
	background:none;
}
.feature-btn .plans {
	font-size:20px;
	background:none;
}
.feature_right {
	margin: 0;
	padding: 0;
	float: left;
	width: 255px;
	height: 70px;
}
.feat_right { 
	margin: 0;
	padding: 0;
	width: 130px;
	height: 100px;
	text-decoration: none;
}
.feat_right a.rollover {
    display: block;
    width: 130px;
	height: 100px;
    background: url(../img/home_feature_right.jpg) no-repeat top left;
    text-decoration: none;
}
.feat_right a:hover.rollover {
    background-position: -140px 0;
}
#quote_about, #quote_faq, #quote_articles, #quote_glossary, #quote_contact, #quote_videos {
	height: 100px;
	width: 950px;
}
#quote_about {
	background: #f6f7f3 url(../img/quote_about.jpg) no-repeat;
}
#quote_faq {
	background: #f6f7f3 url(../img/quote_faq.jpg) no-repeat;
}
#quote_articles {
	background: #f6f7f3 url(../img/quote_articles.jpg) no-repeat;
}
#quote_glossary {
	background: #f6f7f3 url(../img/quote_glossary.jpg) no-repeat;
}
#quote_contact {
	background: #f6f7f3 url(../img/quote_contact.jpg) no-repeat;
	}
#quote_videos {
	background: #f6f7f3 url(../img/quote_videos.jpg) no-repeat;
}
#image_about, #image_faq, #image_articles, #image_glossary, #image_contact, #image_videos {
	width: 167px;
	height: 530px;
	float: left;
	margin: 0;
	padding: 0;
}
#image_about {
	background: #FFF url(../img/img_about.jpg) no-repeat top left;
}
#image_faq {
	background: #FFF url(../img/img_faq.jpg) no-repeat top left;
}
#image_articles {
	background: #FFF url(../img/img_articles.jpg) no-repeat top left;
}
#image_glossary {
	background: #FFF url(../img/img_glossary.jpg) no-repeat top left;
}
#image_contact {
	background: #FFF url(../img/img_contact.jpg) no-repeat top left;
}
#image_videos {
	background: #FFF url(../img/img_videos.jpg) no-repeat top left;
}





/* box styles */

#box1 {
	background: #FFF url(../img/box1_new.jpg) no-repeat bottom left;
	width: 316px;
	height: 210px;
	float: left;
	margin: 0;
	padding: 0;
}
a.box1 {
    background: #FFF url(../img/box1_new.jpg);
	background-position: 0 -210px;
    text-decoration: none;
	width: 317px;
	height: 210px;
	display: block;
}
#box1 p {
	padding: 150px 28px 0 98px;
	font-size: 90%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	font-weight: normal;
	color: #009BAC;
	text-align:center;
}
#box2 {
	background: #FFF url(../img/box2.jpg) no-repeat bottom left;
	width: 317px;
	height: 210px;
	float: left;
	margin: 0;
	padding: 0;
}
.videohome {
	background: #FFF;
	width: 317px;
	height: 210px;
	float: left;
	margin: 0;
	padding: 0;
}
a.videohome {
    background: #FFF url(../img/video_home_new.jpg);
	background-position: 0 -210px;
    text-decoration: none;
	width: 317px;
	height: 210px;
	display: block;
}
a:hover.videohome {
    background-position: 0 0;
}
.angie {
	background: #FFF;
	width: 317px;
	height: 210px;
	float: left;
	margin: 0;
	padding: 0;
}
a.angie {
    background: #FFF url(../images/angieslisthome.gif);
	background-position: 0 -210px;
    text-decoration: none;
	width: 317px;
	height: 210px;
	display: block;
}
a:hover.angie {
    background-position: 0 0;
}

.authorized {
	margin: 0;
	padding: 0;
	width: 317px;
	height: 30px;
	float: left;
}
.authorized h5 {
	margin: 0;
	padding: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #F78F28;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}
.logos_wrapper {
	margin: 0;
	padding: 5px 0 0 43px;
	float: left;
}
.company_wrapper {
	margin: 4px 7px 0 7px;
	padding: 0;
	float: left;
}
.company_logo {
	margin: 0;
	padding: 0;
	float: left;
}
.asuris_logo {
	margin: 0;
	padding: 0 0 0 32px;
	float: left;
}
#box2 p {
	padding: 135px 30px 0 30px;
	font-size: 90%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	font-weight: normal;
	color: #009BAC;
	text-align:center;
}
#box3 {
	background: #FFF url(../img/box3.jpg) no-repeat bottom left;
	width: 317px;
	height: 210px;
	float: right;
	margin: 0;
	padding: 0;
}
#box3 p {
	padding: 75px 20px 0 20px;
	font-size: 90%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	font-weight: normal;
	color: #009BAC;
	text-align:center;
}
#box4 {
	background: #FFF url(../img/box4line.jpg) no-repeat bottom left;
	width: 280px;
	float: right;
	margin: 0;
	padding: 0;
}
#box4 p {
	padding: 10px 20px 20px 20px;
	font-size: 90%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	font-weight: normal;
	color: #009BAC;
	text-align:center;
}
#box5 {
	background: #FFF;
	width: 280px;
	height: 210px;
	float: right;
	margin: 0;
	padding: 0;
}
.call {
	background: #FFF url(../img/call.jpg) no-repeat top left;
	width: 280px;
	height: 78px;
	margin: 10px 0 0 0;
	padding: 0;
}
.phone {
	background: #FFF url(../img/phone-big.jpg) no-repeat top left;
	width: 250px;
	height: 30px;
	margin: 8px 0 0 15px;
	padding: 0;
}
.email {
	width: 245px;
	height: 47px;
	margin: 18px 0 0 7px;
	padding: 0;
	background: #FFF;
}
a.email {
    background: #FFF url(../img/email-big.jpg);
    text-decoration: none;
	width: 245px;
	height: 47px;
	display: block;
}
a:hover.email {
    background-position: 0 -47px;
}
.call2 {
	background: #FFF url(../img/call.jpg) no-repeat top left;
	width: 280px;
	height: 78px;
	margin: 10px 0 0 15px;
	padding: 0;
}
.phone2 {
	background: #FFF url(../img/phone-big.jpg) no-repeat top left;
	width: 250px;
	height: 30px;
	margin: 8px 0 0 30px;
	padding: 0;
}
.email2 {
	width: 245px;
	height: 47px;
	margin: 18px 0 0 14px;
	padding: 0;
}
a.email2 {
    background: url(../img/email-big.png);
    text-decoration: none;
	width: 245px;
	height: 47px;
	display: block;
}
a:hover.email2 {
    background-position: 0 -47px;
}
.recommended {
	margin-top:18px;
	padding-left:28px;
}
#subnav {
	background: #FFF url(../img/box4line.jpg) no-repeat bottom left;
	width: 280px;
	float: right;
	margin: 0;
	padding: 0;
}
#subnav h2 {
	padding: 19px 0 15px 16px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	color: #F78F28;
}
#subnav ul {
	padding: 0 20px 0 17px;
	margin: 0 0 3px 0;
}
#subnav li {
	padding: 13px 0 8px 0;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.35em;
	color: #F78F28;
	list-style:none;
	background: #FFF url(../img/divider.jpg) no-repeat top left;
}
#subnav li a {
	color: #009BAC;
	text-decoration:none;
}
#subnav li a:hover {
	color: #009BAC;
	text-decoration:underline;
}




/* content styles */


#content {
	float: left;
	width: 500px;
	min-height: 500px;
	height: auto !important;
	height: 450px;
	color: #1C3632;
	margin: 0;
	padding: 0 0 20px 0;
	background: #FFF url(../img/dottedline.jpg) repeat-y top right;
}
#content h1 {
	padding: 20px 0 5px 16px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
	text-transform:uppercase;
	color: #F78F28;
}
#content h2 {
	padding: 7px 0 0 16px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #F78F28;
	background: url(../img/bug.png) no-repeat center left;
}
#content h3 {
	padding: 17px 0 0 16px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	color: #F78F28;
	background: url(../img/bug.png) no-repeat center left;
}
#content h4 {
	padding: 7px 0 0 16px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 180%;
	font-weight: normal;
	color: #F78F28;
	background: url(../img/bug.png) no-repeat center left;
}
#content p {
	padding: 5px 30px 5px 17px;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 95%;
	font-weight: normal;
	line-height: 1.7em;
	color: #009BAC;
}
#content p a {
	color: #F78F28;
}
#content ol li {
	padding: 5px 30px 5px 5px;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 95%;
	font-weight: normal;
	line-height: 1.7em;
	color: #009BAC;
}
#content ol li a {
	color: #F78F28;
}
#content ul {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 95%;
	font-weight: normal;
	line-height: 1.7em;
	color: #009BAC;
	padding: 0 0 20px 56px;
	margin: 0;
}
#content ul li {
	padding: 5px 30px 0 0;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 95%;
	font-weight: normal;
	line-height: 1.7em;
	color: #009BAC;
}
.sub {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5em;
	color: #009BAC;
	padding: 0 0 0 17px;
	margin: 0 0 0 0;
}

.back { 
	color: #009BAC; 
	font-size: 90%;
	padding: 15px 0 5px 17px;
}
.back a { 
	color: #F78F28; 
}
.back a:hover { 
	color: #999; 
}
#headlines {
	padding: 20px 0 0 16px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: normal;
	text-transform:title;
	color: #009BAC;
}
#headlines a {
	color: #009BAC;
	text-decoration: none;
}
#headlines a:hover {
	text-decoration: underline;
	color: #999;
}



#contentsliders {
	float: left;
	width: 483px;
	min-height: 450px;
	height: auto !important;
	height: 450px;
	padding: 0 0 0 17px;
	color: #1C3632;
	background: #FFF url(../img/dottedline.jpg) repeat-y top right;
	margin: 0;
}
#contentsliders h1 {
	padding: 20px 0 5px 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
	text-transform:uppercase;
	color: #F78F28;
}
#contentsliders p {
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 95%;
	font-weight: normal;
	line-height: 1.7em;
	color: #009BAC;
}
#contentsliders p a {
	color: #F78F28;
}

#anchorlinks {
	margin: 0;
	padding: 0 0 20px 0;
}
#anchorlinks ul {
	margin: 0;
	padding: 0 0 20px 17px;
	list-style:none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 1.7em;
	color: #009BAC;
}
#anchorlinks ul li {
	float:left;
	padding: 0 7px 0 0;
	font-weight: bold;
	display:block;
}
#anchorlinks ul li a {
	color: #009BAC;
	text-decoration:none;
	display:block;
}
#anchorlinks ul li a:hover {
	color: #F78F28;
	text-decoration:underline;
}
.divider {
	padding: 0;
	position:relative;
	left: 0;
	width: 460px;
	height:5px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../img/divider.jpg);
}
.divider2 {
	padding: 5px 0 5px 0;
	position:relative;
	left: 17px;
	width: 460px;
	height:5px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../img/divider.jpg);
}
.divider3 {
	padding: 20px 0 0 0;
	margin: 0 0 -15px 0;
	position:relative;
	left: 17px;
	width: 460px;
	height:5px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../img/divider.jpg);
}
.spacer {
	width: 450px;
	height:25px;
}
#clear {
	clear: both;
}
#video {
	padding: 0;
	margin: 5px 0 5px 0;
	position:relative;
	left: 17px;
	width: 460px;
	background: #000 url(../img/video_bkgd.jpg) no-repeat top left;
}
#flash {
	margin: 14px 0 0 14px;
	border: #FFF solid 2px;
	width: 430px;
}
#titles {
	padding: 15px 0 0 20px;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 160%;
	font-weight: normal;
	color: #009BAC;
}
#video_bottom {
	width: 460px;
	height: 20px;
	background: #FFF url(../img/video_bkgd.jpg) no-repeat bottom left;
}
.video_disclaimer {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 80%;
	font-weight: regular;
	line-height: 1.5em;
	color: #009BAC;
	padding: 0;
	margin: 8px 0 0 35px;
	height: 150px;
}

/* footer styles */


#footer {
	clear: both;
	height: 35px;
	width: 950px;
	overflow: hidden;
	margin: 0 0 25px 0;
	background: #FFF url(../img/footer.jpg) repeat-x top left;
}
#footer p {
	margin: 23px 0 0 50px;
	float: left;
	padding: 0 0 0 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 85%;
	font-weight: normal;
	color: #009BAC;
}
#footerhome {
	clear: both;
	height: 35px;
	width: 950px;
	overflow: hidden;
	margin: 0 0 0 0;
	background: #FFF url(../img/footerhome.jpg) repeat-x top left;
}
#footerhome p {
	margin: 10px 0 0 50px;
	float: left;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 85%;
	font-weight: normal;
	color: #009BAC;
}


.plans {
	padding:0 85px;
	font-family: Arial, Helvetica, sans-serif;
}

div.ratecard {
	position:relative;
	border: 1px solid #DDD;
	float:left;
	padding: 20px;
	width: 187px;
	text-align:center;
	background-color:#FFF;
}

#plans h1 {
	margin-left:95px;
	padding-left:0;
	font-family: Arial, Helvetica, sans-serif;
}

#plans h3 {
	margin:10px 95px;
	padding:0;
	color:#009BAC;
}

#content div.ratecard h4 {
	font-size:22px;
	font-weight:bold;
	padding:0;
	margin:10px 0 0 0;
	color: #1C3632;
}

#content div.ratecard h5 {
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	padding:0 0 10px 0;
	margin:10px 0 0 0;
	color: #1C3632;
	border-bottom:1px solid #DDD;
}

#content div.ratecard p {
	padding:0;
	color: #1C3632;
	margin: 10px 0;
}

#content div.ratecard ul {
	padding:0;
	margin:10px 0 0 20px ;
	height:155px;
}

#content div.ratecard li {
	text-align:left;
	padding:3px 0;
}

div.ratecard .desc {
	height:85px;
}

div.num {
	position:absolute;
	top:-15px;
	left:-15px;
	border-radius:20px; -ms-border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;
	background-color:#F78F28;
	width:20px;
	height:20px;
	padding:10px;
	font-size:18px;
	color:#FFF;
	-webkit-box-shadow:4px 0px 5px #ACABAB, -4px 0px 5px #ACABAB; -moz-box-shadow:4px 0px 5px #ACABAB, -4px 0px 5px #ACABAB; box-shadow:4px 0px 5px #ACABAB, -4px 0px 5px #ACABAB; -ms-box-shadow:4px 0px 5px #ACABAB, -4px 0px 5px #ACABAB;
	
}

div.short {
	height:350px;
	margin-top:15px;
}

div.no-r {
	border-right:none;
}

div.no-l {
	border-left:none;
}

div.tall {
	height:380px;
	-webkit-box-shadow:4px 0px 5px #ACABAB, -4px 0px 5px #ACABAB; -moz-box-shadow:4px 0px 5px #ACABAB, -4px 0px 5px #ACABAB; box-shadow:4px 0px 5px #ACABAB, -4px 0px 5px #ACABAB; -ms-box-shadow:4px 0px 5px #ACABAB, -4px 0px 5px #ACABAB;
	border:3px solid #F78F28;
	margin:10px;
}

#comprehensive .ratecard {
	padding-top:20px;
	padding-bottom:20px;
}

#comprehensive .center img {
	height:55px;
	
}

#comprehensive div.tall {
	height:576px;
}

#content #comprehensive h4{
	font-size:16px;
	text-transform:uppercase;
}

#content #comprehensive ul{
	height:90px;
}

#comprehensive .extras {
	height:55px;
	font-family: Arial, Helvetica, sans-serif;
}

#content #comprehensive .extras  p{
	margin:5px 0 0 0;
}

.plans a {
	color:#009BAC;
	text-decoration:none;
}

a.large-btn {
	margin:0 0 10px 0px;
	display:block;
	width:173px;
	-webkit-text-shadow:0px 0px 3px #B86A1D; text-shadow:0px 0px 3px #B86A1D;
	padding:8px 5px;
	background-color: #F78F28;
	font-weight:bold;
	-webkit-box-shadow:1px 0px 5px #ACABAB; -moz-box-shadow:1px 0px 5px #ACABAB; box-shadow:1px 0px 5px #ACABAB; -ms-box-shadow:1px 0px 5px #ACABAB;
	-webkit-border-radius:8px; -ms-border-radius:8px; border-radius:8px; -moz-border-radius:8px;
	color:#FFF;
	text-decoration:none;
	font-size:16px;
}

.clear {
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
}

body#plans #content{
	width:100%;
	background:#FFFFFF;
}

.callout {
	font-size:20px;
	text-align:center;
}

#content .subtitle {
	padding:0;
	margin-left:95px;
}