/*-----------------------Main-------------------------------*/
body {padding-top: 16px; background-image: url(../images/top.gif); background-repeat: repeat-x; background-position: 50% top; margin: 0px; font-family: Arial, Tahoma, sans-serif; font-size: 12px; color: #000000; background-color: #FFFFFF; text-align: center;}
#content {background-image: url(../images/content_bottom.jpg); background-repeat: repeat-x; background-position: 50% bottom; line-height: 17px; padding: 20px 0px 50px 0px;}
.image {border: 1px solid #000000; float: left; margin: 3px 8px 8px 0px;}
p {margin: 0px; padding: 8px 0px 8px 0px;}
p.skip {position: absolute; left: -9999px; width: 0px; overflow: hidden;}
.inner {text-align: left; margin-left: auto; margin-right: auto; width: 780px;}
.font_red {color: #CC0000; font-size: 14px; line-height: 18px;}
.font_green {color: #313E31; font-size: 14px; line-height: 18px; font-weight: bold;}
.font_white {color: #FFFFFF; font-size: 18px; font-weight: bold;}
/*------------------------------------------------------*/

/*-----------------------Top-------------------------------*/
.top {background-image: url(../images/top_bg.gif); background-repeat: repeat-x; height: 342px;}
.hassle_free h1 {line-height: normal; font-family: "Century Gothic", Arial, sans-serif; color: #041E00; font-size: 36px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.hassle_free {width: 748px!important;width: 780px; position: absolute; top: 150px; clear: left; font-size: 14px; line-height: 24px; height: 179px!important;height: 193px; padding: 20px 0px 0px 32px; color: #FFFFFF; background-repeat: no-repeat; background-image: url(../images/hassle_free_bg.jpg);}
.hassle_free p {margin: 15px 370px 0px 0px;}
.logo {margin: 15px 0px 25px 0px; float: left;}
.top_contact {margin-top: 20px; float: right; color: #FFFFFF; text-align: right; font-family: "Century Gothic", Arial, sans-serif; font-weight: bold; font-size: 16px;}
.font_large {font-size: 27px;}
#nav {line-height: 16px; clear: both;}
#nav a:link, #nav a:visited, #nav a:active {display: block; float: left; height: 26px!important;height: 34px; padding: 8px 14px 0px 14px; font-size: 13px; color: #D0CD7B; text-decoration: none; font-weight: normal;}
#nav a:hover {color: #041E00; background-color: #DADADA; text-decoration: none; font-weight: normal;}
#nav a.on:link, #nav a.on:visited, #nav a.on:hover, #nav a.on:active {color: #041E00; background-color: #DADADA; text-decoration: none; font-weight: normal;}
.testimonial {text-align: center; background-color: #EDEDED; height: 35px!important;height: 40px; padding-top: 5px; color: #041E00;}
/*------------------------------------------------------*/

/*-----------------------Bottom-------------------------------*/
.upper_panel {background-color: #3C8500; height: 310px!important;height: 340px; padding-top: 30px;}
.upper_panel h2 {color: #FFFFFF; background-image: url(../images/line_green.gif); background-repeat: repeat-x; background-position: bottom; padding: 0px 0px 7px 0px;}
.upper_panel img {border: 4px solid #FFFFFF;}
.upper_panel div div {display: inline; float: left; width: 245px; margin-right: 15px;}

.middle_panel {color: #CCCCCC; padding-top: 70px; height: 310px!important;height: 380px; background-color: #1E301E; background-image: url(../images/upper_panel_bg.jpg); background-repeat: repeat-x; background-position: 50% top;}
.middle_panel h2 {color: #D0CD7B; background-image: url(../images/line_dgreen.gif); background-repeat: repeat-x; background-position: bottom; padding: 0px 0px 7px 0px;}
.middle_panel div div {display: inline; float: left; width: 375px; margin-right: 15px;}
.middle_panel hr {border: 0px; border-bottom: 1px; color: #586458; border-bottom-style: dotted; height: 0px; clear: both; margin: 0px 0px 5px 0px!important; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px!important; padding: 0px 0px 0px 0px;}

.lower_panel {background-color: #0D0D0D; background-image: url(../images/lower_panel_bg.jpg); background-repeat: repeat-x; background-position: 50% top; padding-top: 40px; height: 90px!important;height: 130px; color: #AAB2AA;}
.lower_panel h2 {color: #D0CD7B}

.upper_panel a:link, .middle_panel a:link, .lower_panel a:link, .top a:link, .upper_panel a:visited, .middle_panel a:visited, .lower_panel a:visited, .top a:visited, .upper_panel a:active, .middle_panel a:active, .lower_panel a:active, .top a:active {color: #FFFFFF; text-decoration: underline; font-weight: bold;}
.upper_panel a:hover, .middle_panel a:hover, .lower_panel a:hover, .top a:hover {color: #5FBCDD; text-decoration: underline; font-weight: bold;}

#footer {clear: both; height: 30px!important;height: 40px; padding: 5px 0px 5px 0px; color: #999999; font-size: 10px; background-color: #1F1F1F; border-top: 1px solid #555555;}
#footer a:link, #footer a:visited, #footer a:active {color: #999999; text-decoration: none; font-weight: normal;}
#footer a:hover {color: #FFFFFF; text-decoration: underline; font-weight: normal;}
.footer_left {float: left;}
.footer_right {float: right;}
/*------------------------------------------------------*/

/*-----------------------Links-------------------------------*/
a.more:link, a.more:visited, a.more:active {text-align: left; background-image: url(../images/more_long_white.jpg); background-repeat: no-repeat; display: block; padding: 7px 0px 0px 48px; width: 142px!important;width: 190px; height: 29px!important;height: 36px; color: #5FBCDD; text-decoration: none; font-weight: bold; font-style: italic; font-size: 17px; font-family: Georgia, "Times New Roman", Times, serif;}
a.more:hover {color: #FFFFFF; text-decoration: none; font-weight: bold;}

a.more_green:link, a.more_green:visited, a.more_green:active {text-align: left; background-image: url(../images/more_short_green.jpg); background-repeat: no-repeat; display: block; padding: 7px 0px 0px 52px; width: 64px!important;width: 116px; height: 30px!important;height: 37px; color: #5FBCDD; text-decoration: none; font-weight: bold; font-style: italic; font-size: 17px; font-family: Georgia, "Times New Roman", Times, serif;}
a.more_green:hover {color: #FFFFFF; text-decoration: none; font-weight: bold;}

a.more_dgreen:link, a.more_dgreen:visited, a.more_dgreen:active {text-align: left; background-image: url(../images/more_short_dgreen.jpg); background-repeat: no-repeat; display: block; padding: 7px 0px 0px 52px; width: 64px!important;width: 116px; height: 30px!important;height: 37px; color: #5FBCDD; text-decoration: none; font-weight: bold; font-style: italic; font-size: 17px; font-family: Georgia, "Times New Roman", Times, serif;}
a.more_dgreen:hover {color: #FFFFFF; text-decoration: none; font-weight: bold;}
/*------------------------------------------------------*/


/*-----------------------Home Page-------------------------------*/
#home div {border: 1px solid #A0A0A0; padding: 15px 16px 15px 16px; background-color: #FFFFFF;}
.guarantee {float: left; margin: 0px 20px 0px 0px; width: 420px!important; width: 452px}
.product {float: right; margin-bottom: 20px; width: 268px!important;width: 304px;}

h1.satisfaction_guarantee {margin: 0px 0px 16px 70px; padding: 0px; text-indent: -9999px; background-repeat: no-repeat; background-image: url(../images/guarantee.jpg); height: 164px;}
h2.web2grow {border-bottom: 1px dotted #000000; padding: 0px 0px 20px 0px!important;padding: 0px 0px 30px 0px; margin: 0px 0px 16px 0px!important;margin: 0px 0px 16px 0px; text-indent: -9999px; background-repeat: no-repeat; background-image: url(../images/logo_web2grow.jpg); height: 38px;}
h2.web2go {border-bottom: 1px dotted #000000; padding: 0px 0px 20px 0px!important;padding: 0px 0px 30px 0px; margin: 0px 0px 16px 0px!important;margin: 0px 0px 16px 0px; text-indent: -9999px; background-repeat: no-repeat; background-image: url(../images/logo_web2go.jpg); height: 38px;}
.price_web2grow {position: relative; top: -23px; right: -28px; float: right;}
.price_web2go {position: relative; top: -23px; right: -28px; float: right;}
/*------------------------------------------------------*/

/*-----------------------Internal Page-------------------------------*/
.main_content {border: 1px solid #A0A0A0; padding: 15px 16px 15px 16px; background-color: #FFFFFF;}
h1.web2grow {text-indent: -9999px; background-repeat: no-repeat; background-image: url(../images/h1_web2grow.jpg); height: 41px;}
h1.web2go {text-indent: -9999px; background-repeat: no-repeat; background-image: url(../images/h1_web2go.jpg); height: 46px;}

.left_content {font-size: 14px; float: left; display: inline; margin: 0px 20px 0px 0px; width: 211px!important;width: 243px; border: 1px solid #A0A0A0; padding: 15px 16px 15px 16px; background-color: #FFFFFF;}
.left_content h1 {line-height: normal; font-family: "Century Gothic", Arial, sans-serif; color: #313E31; font-size: 21px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px;}

.right_content {float: left; margin-bottom: 20px; width: 481px!important;width: 513px; border: 1px solid #A0A0A0; padding: 15px 16px 15px 16px; background-color: #FFFFFF;}
.right_content h2 {line-height: normal; font-family: "Century Gothic", Arial, sans-serif; color: #313E31; font-size: 18px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

.left_portfolio {float: left; display: inline; border: 1px solid #A0A0A0; padding: 15px 16px 15px 16px; height: 319px!important;height: 353px; width: 236px!important;width: 268px; background-color: #FFFFFF; margin: 0px 20px 0px 0px;}
.left_portfolio div {height: 300px;}
.back {float: left;}
.next {float: right;}
.right_portfolio img {border: 2px solid #CCCCCC; }
.right_portfolio {float: left; border: 1px solid #A0A0A0; padding: 15px 16px 15px 16px; width: 456px!important;width: 488px; background-color: #FFFFFF; margin-bottom: 20px;}
/*------------------------------------------------------*/

/*-----------------------Horizontal Rule-------------------------------*/
hr {border: 0px; border-bottom: 1px; color: #CCCCCC; border-bottom-style: dotted; height: 0px; clear: both; margin: 0px 0px 10px 0px!important; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px!important; padding: 0px 0px 0px 0px;}
/*------------------------------------------------------*/

/*-----------------------Bullets-------------------------------*/
#content ul {list-style-type: none; margin: 8px 0px 8px 20px; padding: 0px 0px 0px 0px;}
#content li {color: #313E31; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 16px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0px 5px;}
/*------------------------------------------------------*/

/*-----------------------Forms-------------------------------*/
form {padding: 0px; margin: 20px 0px 20px 170px;}
form p {margin: 0px 0px 0px 0px; padding: 12px 0px 12px 0px; clear: both;}
form p label {font-size: 18px; font-weight: bold;}
form input {margin-top: 4px; font-size: 24px; color: #313E31; background-color: #FFFFFF; border: 2px solid #CCCCCC; width: 405px; height: 30px;}
form input.checkbox {color: #313E31; background-color: #FFFFFF; border: 0px; width: 14px; border: 0px;}
form input.submit {margin-top: 20px; width: 283px; height: 84px; border: 0px; background-image: url(../images/form_submit.jpg); background-repeat: no-repeat;}
form img {margin: 0px 0px 0px 0px;}
/*------------------------------------------------------*/


/*-----------------------Tables-------------------------------*/
table, tr, td {font-family: Arial, Tahoma, sans-serif; font-size: 11px;}
table {border-collapse: collapse; margin: 10px 0px 10px 0px;}
td {text-align: left; padding: 5px; border: 1px solid #000000;}
th {font-weight: bold; text-align: left; padding: 10px 5px 10px 5px; border: 1px solid #000000;}
/*------------------------------------------------------*/