/*
Designed By Anazoa
Date: 01/15/09

Primary Colors:
Text: #636363;
Blue: #6B9800;
Brown Text: #d87412;
Mustand Text: #e9b402;
Light-Grey Text: #989898;
Dark-Grey: #636363;
*/


html { }


body {
font-size: 100.01%;
font-family: Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.6em;
text-align: center;
color: #636363;
}

#frontpage_wrapper {
background: url(images/bg.jpg) repeat-x;
}

#site_wrapper {
background: #fff url(images/bg2.jpg) repeat-x left top;
}

#wrapper {

	text-align: left;
}


#header {

}

#main-content-front{
overflow:hidden;
margin-bottom: 40px;
background: #fff url(images/feature_bg.jpg) no-repeat left top;
}


#main-content {
overflow:hidden;
margin-top: 60px;
margin-bottom: 40px;
}

#main-content-wrapper {

margin-top: 60px;

}

#footer {
	text-align: left;
	background: #2b2b2b url(images/footer_bg.jpg) repeat-x left top;
}

#footer-bottom {
	text-align: left;
	background: #000;
}

#footer-bottom p{
	padding-top: 5px;
	float: left;
}

#footerwrap {
background: #2b2b2b url(images/footer_bg.jpg) repeat-x left top;
}

#footerwrap-bottom {
background: #000;
}


/* BASIC TEXT */
#header h1 a{
text-indent: -9999px;
background: #fff url(images/logo.jpg) no-repeat left top;
height: 111px;
width: 336px;
display: block;
}



h1 {

}

h2 {
font-size: 1.8em;
color: #6B9800;
padding-bottom: 20px;
}

.news h2, .articles h2, .contact_us h2 {
font-size: 1.5em;
color: #fff;
padding-bottom: 10px;
}



h3 {
font-size: 1.3em;
color: #000;
}

h4 {
color: #d87412;
font-size: 1.125em;
}

h5 {
color: #000;

margin-top: 35px;

}

p {
font-size: .9em;
}

#partner {
width: 430px;
padding-top: 65px;
padding-bottom: 210px;
}

#partner p {
color:#000000;
font-size:0.9em;
letter-spacing:0.001em;
line-height:1.4em;
padding-bottom:20px;
}

#partner h2{
color: #E9B402;
}

.more a{
float: right;
font-size: .7em;
padding-right: 20px;
color: #e9b402;
}

#why_anazoa {
margin-top: 30px;

}

#why_anazoa h2{
color: #6b9800;
}

#why_anazoa p{
padding-bottom: 20px;
}



#packages {
float: right;
background: yellow;
width: 513px;
background: url(images/package_bg.gif) repeat-y left top;

}

#packages h2{
padding-top: 30px;
color: #E9B402;
margin-left: 50px;

}

#packages p{
background: url(images/package_bg.gif) repeat-y left top;
padding-left: 50px;
padding-right: 60px;
}

#package_one {
background: url(images/package_bg.gif) repeat-y left top;
margin-top: 30px;
}

#package_one  h3{
margin-left: 50px;
margin-top: 20px;
}

#package_one  h4{
margin-left: 50px;
margin-bottom: 10px;
}

#package_one  .head{
float: left;
}

#package_one  p{
clear: both;
}

#package_one  .tail{
margin-left: 220px;
}


#package_two {
background: url(images/package_bg.gif) repeat-y left top;
margin-top: 20px;
}

#package_two   h3{
margin-left: 50px;
margin-top: 20px;
}

#package_two   h4{
margin-left: 50px;
margin-bottom: 10px;
}

#package_two   .head{
float: left;
}

#package_two   p{
clear: both;
}


#package_two   .tail{
margin-left: 220px;
}


#package_three {
background: url(images/package_bg.gif) repeat-y left top;
margin-top: 20px;
}

#package_three   h3{
margin-left: 50px;
margin-top: 20px;
}

#package_three   h4{
margin-left: 50px;
margin-bottom: 10px;
}

#package_three   .head{
float: left;
}

#package_three   p{
clear: both;
}


#package_three   .tail{
margin-left: 220px;
}




.bottom_package {
background: url(images/package_bg_bottom.jpg) repeat-y left top;
height: 31px;
padding-left: 50px;
padding-right: 60px;
color: #fff;
clear: both;
}




.news {
width: 600px;
float: left;
background: url(images/titlebg-fs8.png) no-repeat left top;
}

.news-first, .news-second{
float: left;
width: 300px;
}

.news h2{
margin-top: 37px;
margin-left: 40px;
}

.news h2 a, .articles h2 a, .contact_us h2 a{
color: #fff;
}

.news h5 {
background:url("images/button1.png") no-repeat scroll 0 20% transparent;
color:#E9B402;
font-size:0.8em;
line-height:1.2em;
margin-bottom:20px;
margin-left:10px;
margin-top:20px;
padding-left:15px;
top:0;
}

.news h5 a {
background:url("images/arrow-fs8.png") no-repeat scroll -50% 50% transparent;
color:#E9B402;
font-size:1.3em;
padding-left:5px;
}

.news h5 a:hover{
color: #a30303;
}

.news p{
padding-left: 15px;
margin-left: 10px;
color: #989898;
margin-bottom: 10px;
}








.articles {
width: 290px;
float: left;
margin-left: 38px;
background: url(images/titlebg2-fs8.png) no-repeat left top;
}

.articles h2{
margin-top: 37px;
margin-left: 70px;
}

.articles h5{
font-size: .8em;
color: #e9b402;
margin-top: 20px;
background: url(images/arrow-fs8.png) no-repeat 0% 50%;
margin-left: 40px;
padding-left: 15px;
}

.articles h5 a{
color: #e9b402;
background: url(images/arrow-fs8.png) no-repeat -30% 50%;
}

.articles h5 a:hover{
color: #a30303;
}

.articles p{
color: #989898;
margin-left: 40px;
padding-left: 15px;
}






.contact_us {
width: 300px;
float: left;
margin-left: 38px;
background: url(images/titlebg2-fs8.png) no-repeat left top;
}

.contact_us h2{
margin-top: 37px;
margin-left: 70px;
}

.contact_us h3{
font-size: .8em;
color: #e9b402;
margin-top: 20px;
background: url(images/arrow.png) no-repeat 0% 50%;
margin-left: 40px;
padding-left: 15px;
}

.contact_us p{
margin-top: 20px;
color: #989898;
padding-left: 38px;
}

.contact_us img{
margin-top: 20px;
padding-left: 38px;
}

.contact_us h3 a{

color: #e9b402;
}

.contact_us h3 a:hover{
color: #a30303;
}

.contact_us ul {
color: #e9b402;
padding-left: 38px;
font-size: .8em;
margin-top: 10px;
}

.contact_us li {
font-size:1.1em;
font-weight:bold;
line-height:1.2em;
}

.contact_us li a{
color: #e9b402;
}

.contact_us li a:hover{
color: #a30303;
}


/* LINK STYLES */
a {
text-decoration: none;
color: orange;
}

a:hover {
text-decoration: none;
color: #a30303;
}

/* IMAGE STYLES */
#packages img h2{
padding-left: 50px;
}

#package_one  img{
padding-left: 10px;
margin-top: 15px;
}

#package_two  img{
padding-left: 10px;
margin-top: 15px;
}

#package_three  img{
padding-left: 10px;
margin-top: 15px;
}


/* NAVIGATION */

#nav-main {
float: right;
padding-right: 10px;
margin-top: -84px;
}

#nav-main p {
background:url("images/phone-fs8.png") no-repeat scroll 0 90% transparent;
color:#FFFFFF;
float:right;
font-size:1em;
font-weight:bold;
line-height:1.3em;
padding-left:20px;
padding-top:14px;
text-align:right;
}

.callus{
color:#E9B402;
font-size:1.3em;
letter-spacing:0.001em;
line-height:1.4em;
padding-bottom:20px;
font-weight: bold;
}

#nav-main ul{
padding-top: 60px;
text-align: right;
}

#nav-main li{
padding-left: 20px;
display: inline;
font-size: 1em;
color: #d87412;
font-weight: bold;
}

#nav-main li a{
color: #d87412;
}

#nav-main li a:hover{
color: #a30303;
}


#nav-secondary {
float: right;
padding-right: 10px;
padding-top: 5px;
color: #636363;
}

#nav-secondary ul{
}

#nav-secondary li{
padding-left: 20px;
display: inline;
font-size: .8em;
color: #636363;
}

#nav-secondary li a{
color: #636363;
}

#nav-secondary li a:hover{
color: #a30303;
}



/* LISTS */
#benefits{
font-size: .75em;
color: #000;
font-weight: bold;
margin-bottom: 20px;
}

#benefits li{
list-style-image: url(images/button1.jpg);
margin-left: 70px;
}

#benefits ul{
margin-top: 20px;
}

/* FORMS */
/* TABLES */



/* SLIDER */

#slider {
width: 450px; /* important to be same as image width */
height: 390px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
float: right;
margin-right: 32px;
margin-top: -400px;
}

#sliderContent {
height:405px;
margin-left:0;
position:absolute;
right:-16px;
top:-10px;
width:468px;
}

.sliderImage {
float: left;
position: relative;
display: none;
}
.sliderImage span {
position: absolute;
font: .8em arial, sans-serif;
padding: 10px 13px;
width: 440px;
background-color: #000;
filter: alpha(opacity=0);
-moz-opacity: 0.0;
-khtml-opacity: 0.0;
opacity: 0.0;
color: #fff;
display: none;
}
.clear {
clear: both;
}
.sliderImage span strong {
font-size: 14px;
}
.top {
top: 0;
left: 0;
}
.bottom {
bottom: 0;
left: 0;
}
ul { list-style-type: none;}


/* buttons */
.buynow {
float: left;
padding-top: 10px;
}

.buynow .submit {
border: none;
background: url(images/button-sprite.png) -120px 0px no-repeat;
width: 112px;
height: 29px;
text-indent: -9999px;
}

.buynow .submit:hover {
background: url(images/button-sprite.png) -120px -28px no-repeat;
width: 112px;
height: 29px;
}

.buynow .submit:active{
background: url(images/button-sprite.png) -120px -56px no-repeat;
width: 112px;
height: 29px;
}


.buynowsmall {
margin-bottom: 10px;
}

.buynowsmall .submit {
border: none;
background: url(images/buynowsmall-fs8.png) 0px 0px no-repeat;
width: 75px;
height: 27px;
text-indent: -9999px;
}

.buynowsmall .submit:hover {
background: url(images/buynowsmall-fs8.png) 0px -25px no-repeat;
width: 75px;
height: 27px;
}

.buynowsmall .submit:active{
background: url(images/buynowsmall-fs8.png) 0px -50px no-repeat;
width: 75px;
height: 27px;
}



.learnmore {
margin-left: 120px;
padding-top: 10px;
}

.learnmore a{
display: block;
background: url(images/button-sprite.png) 0px 0px no-repeat;
width: 112px;
height: 29px;
text-indent: -9999px;
}


.learnmore a:hover{
display: block;
background: url(images/button-sprite.png) 0px -28px no-repeat;
width: 112px;
height: 29px;
text-indent: -9999px;
}

.learnmore a:active{
display: block;
background: url(images/button-sprite.png) 0px -56px no-repeat;
width: 112px;
height: 29px;
text-indent: -9999px;
}



.compareall {
margin-left: 120px;
padding-top: 10px;
}

.compareall a{
display: block;
background: url(images/button-sprite-compare2-fs8.png) 0px 0px no-repeat;
width: 112px;
height: 29px;
text-indent: -9999px;
}


.compareall a:hover{
display: block;
background: url(images/button-sprite-compare2-fs8.png) 0px -28px no-repeat;
width: 112px;
height: 29px;
text-indent: -9999px;
}

.compareall a:active{
display: block;
background: url(images/button-sprite-compare2-fs8.png) 0px -56px no-repeat;
width: 112px;
height: 29px;
text-indent: -9999px;
}





/* LOGIN FORM */

#login_form {
text-align: left;
padding-top: 100px;
margin-left: 160px;
}

#login_form h2{
padding-bottom: 30px;
}



#login_form form p {


}



#login_form p a{
float: left;
padding-top: 20px;
padding-right: 20px;
}


#login_form input {
border: none;
background: #FFF;
background:url(../inc/contact/images/form-bg1.png) no-repeat;
width:190px;
padding: 6px;
margin-left: 15px;
margin-bottom: 10px;
vertical-align: top;
}

#login_form .submit {
background: url(../inc/contact/images/submit-fs8.png) 0px 0px no-repeat;
margin-left: -5px;
height: 31px;
width: 80px;
border: none;
}

#login_form .submit:hover {
background: url(../inc/contact/images/submit-fs8.png) 0px -31px no-repeat;
}

#login_error {
text-align: left;
padding-top: 100px;
margin-left: 160px;
}


/* CONTACT FORM */

#contactform h2{
text-align: center;
padding-bottom: 40px;
}

#contactform {
text-align: left;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 40px;
padding-right: 30px;
}

#contactform p {
padding-bottom: 30px;
}


#contactform label {
display:block;
float:left;
width:115px;
font-weight: bold;
}

#contactform input {
border: none;
background: #FFF;
background:url(../inc/contact/images/form-bg1.png) no-repeat;
width:190px;
height:28px;
padding: 6px;
margin-left: 15px;

}

#contactform textarea {
border: none;
background: #FFF;
background:url(../inc/contact/images/form-bg2.png) no-repeat;
width:380px;
height:290px;
padding: 10px;
text-align: left;
margin-left: 0px;
vertical-align: top;
overflow: hidden;
}

#contactform fieldset {
border: none;
vertical-align: top;
font-size: .9em;
color: #000;
}

#contactform .submit {
background: url(../inc/contact/images/submit-fs8.png) 0px 0px no-repeat;
margin-left: -5px;
height: 31px;
width: 80px;
border: none;
color: #000;
font-size: 0px;
}

#contactform .submit:hover {
background: url(../inc/contact/images/submit-fs8.png) 0px -31px no-repeat;
}

#contactform .error {
color: #d87412;
font-weight: bold;
}




/* SUPPORT FORM */

.support {
margin-top: 20px;
overflow:hidden;
}

.support ul{
font-size: .75em;
margin-top: 30px;
}

.support-main {
}

.support-aside {
float: right;
width: 400px;
margin-left: 30px;
}

#supportform h2{
padding-bottom: 40px;
}


#supportform {
text-align: left;
padding-bottom: 30px;
padding-right: 30px;

}

#supportform p {
padding-bottom: 30px;
}


#supportform label {
display:block;
float:left;
width:115px;
font-weight: bold;
}

#supportform input {
border: none;
background: #FFF;
background:url(../inc/contact/images/form-bg1.png) no-repeat;
width:190px;
height:28px;
padding: 6px;
margin-left: 15px;

}

#supportform textarea {
border: none;
background: #FFF;
background:url(../inc/contact/images/form-bg2.png) no-repeat;
width:380px;
height:290px;
padding: 10px;
text-align: left;
margin-left: 0px;
vertical-align: top;
overflow: hidden;
}

#supportform fieldset {
border: none;
vertical-align: top;
font-size: .9em;
color: #000;
}

#supportform .submit {
background: url(../inc/contact/images/submit-fs8.png) 0px 0px no-repeat;
margin-left: -5px;
height: 31px;
width: 80px;
border: none;
color: #000;
font-size: 0px;
}

#supportform .submit:hover {
background: url(../inc/contact/images/submit-fs8.png) 0px -31px no-repeat;
}

#supportform .error {
color: #d87412;
font-weight: bold;
}






/* FAQ */

#faq {
font-size: .75em;
}

#faq  p{
font-size: 1.1em;
margin-bottom: 15px;
}


#faq  h5{
font-size: 1.6em;
margin-bottom: 15px;
}


.question {
font-size: 1.1em;
font-weight: bold;
color: #000;
background: url(images/question.gif) no-repeat 0% 10%;
padding-left: 30px;
margin-bottom: 10px;
}

.question a{
background: url(images/question.gif) no-repeat -30% 90%;
color: #000;
}

.question a:hover{

color: #d87412;
}

.answer {
background: url(images/answer.gif) no-repeat 0% 0%;
padding-left: 30px;
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom: thin dotted #d8d8d8;
}


.questions-top {
margin-top: 20px;
overflow:hidden;
margin-bottom: 80px;
}

.questions-top-main {
margin-top: -40px;
}

.questions-top-aside {
margin-top: -40px;
float: right;
width: 480px;
margin-left: 30px;
}


/* SITE MAP */

#sitemap{
margin-left: -40px;
}

#sitemap ul{
padding-left: 40px;
}

/* SERVICE GRID */
#service-grid table{
width: 100%;
font-size: .75em;
margin-top:20px;
margin-bottom: 30px;
}

#service-grid a{
color: #94bf00;
}

#service-grid td{
width: 200px;
color: #94bf00;
font-weight: bold;
font-size: 1.1em;
}

#service-grid tr.odd  td{
background: #ececec;
color: #94bf00;
font-weight: bold;
font-size: 1.1em;
}

#service-grid tr.odd {
background: #e2e2e0;
}

/*
#service-grid tr:hover td{
  background:#a3d105;
  color: #fff;
}
*/



/* SERVICES */
.services {
margin-top: 20px;
overflow:hidden;
}

.services-main {
width: 470px;
}

.services-aside {
float: right;
width: 300px;
margin-left: 30px;
}


.services ul{
margin-top: 26px;
}

.services li{
font-size: .75em;
color: #000;
font-weight: bold;
list-style-image: url(images/button1.jpg);
margin-left: 20px;
}

.services .tail{
margin-top: 20px;
}

#package1{
background: url(../images/bars1-large.jpg) no-repeat left top;
padding-left: 150px;
padding-bottom: 20px;
border-bottom: thin dotted #d8d8d8;
margin-bottom: 40px;
overflow:hidden;  /* causes scroll problem in opera */
}

#package2{
background: url(../images/bars2-large.jpg) no-repeat left top;
padding-left: 150px;
padding-bottom: 20px;
border-bottom: thin dotted #d8d8d8;
margin-bottom: 40px;
overflow:hidden;  /* causes scroll problem in opera */
}

#package3{
background: url(../images/bars3-large.jpg) no-repeat left top;
padding-left: 150px;
padding-bottom: 20px;
border-bottom: thin dotted #d8d8d8;
margin-bottom: 40px;
overflow:hidden;  /* causes scroll problem in opera */
}





.title {
color: #636363;
font-size: .9em;
font-weight: normal;
}



#tooltip{
	position:absolute;
	text-align: left;
	line-height: 1.6em;
	border:1px solid #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#ecf4d2;
	padding:5px 5px;
	color:#333;
	display:none;
	max-width: 300px;
	}	

.notice {
font-size: .75em;
font-weight: bold;
margin-top: -20px;
margin-bottom: 20px;
}

.compare {
font-size: .75em;
text-align: right;
margin-top: 20px;
margin-right: 40px;
}

.compare a{
color: #d87412;
}

#error_container2 {
width: 520px;
text-align: center;
margin-left: 200px;

margin-bottom: 30px;
}

#error_container2 p{

margin-bottom: 15px;
}



/* PROCESS */
.process {
margin-top: 20px;
overflow:hidden;
margin-bottom: 80px;
}

.process-main {
width: 360px;
}

.process-aside {
float: right;
width: 360px;
margin-right: 180px;
}

.process img{
margin-top: 60px;
}

.process-main img{
margin-top: 60px;

}

.process p{
margin-bottom: 20px;
}

.process h3{
margin-bottom: 20px;
}

.process-aside h3{
margin-bottom: 20px;
}




/* BLOG */
.blog {
margin-top: 20px;
overflow:hidden;
}


.blog-main h3 a{
color: #000;
}

.blog-main h3 a:hover{
color: #a30303;
}

.blog-aside {
float: right;
width: 200px;
margin-left: 30px;
}


.blog-aside h3{
color: #d87412;
}

.blogpost-main h3 a{
color: #000;
}

.blogpost-main p{
padding-bottom: 20px;
}

.blogpost {
overflow:hidden;
}

.blogpost-date {
width: 60px;
float: left;
background: url(../images/blog-date-fs8.png) no-repeat left top;
height: 65px;
}

.blogpost-date ul{
padding-top: 6px;
}


.blogpost-date li{
text-align: center;
width: 56px;
color: #fff;
line-height: 1em;
font-size: .9em;
font-weight: bold;
}

.blogpost-date li .day{
line-height: .8em;
font-size: 2em;
}

.blogpost-date li .year{
color: #9acff7;
}

.blogpost-main {
width: 650px;
padding-bottom: 20px;
margin-bottom: 60px;
border-bottom:thin dotted #D8D8D8;
margin-left: 70px;
}

.author {
font-size: .74em;
margin-bottom: 20px;
}

.blog-aside ul{
margin-top: 20px;
}

.blog-aside ul a{
margin-top: 20px;
font-weight: bold;
font-size: .74em;
color: #000;
}

.blog-aside li{
list-style-image:url(images/button1.jpg);
margin-left: 20px;
}

.blog-aside li a:hover{
color: #a30303;
}

.permalink {
float: right;
font-size: .74em;
}



/* ABOUT PAGE */
#aboutus {
width: 530px;
}

#aboutus p {
padding-bottom: 20px;
}

















/* BLOCK FULL PAGE */
.blocka {
}

/* BLOCK TWO COLUMN */
.blockb {
margin-top: 20px;
overflow:hidden;
}

.blockb-main {
}

.blockb-aside {
float: right;
width: 480px;
margin-left: 30px;
}

/* BLOCK THREE COLUMN */
.blockc {
margin-top: 20px;
overflow:hidden;
}

.blockc-main {
}

.blockc-asidecenter {
float: right;
width: 300px;
margin-left: 30px;
}

.blockc-aside {
float: right;
width: 300px;
margin-left: 30px;
}

.bold{
color: #000;
font-weight: bold;
}