@charset "utf-8";
/*  Main CSS Document */
/*
******************************************************************************************************

Title:            main.css
Browser(s):     All 

Website:        http://www.innova.gi
Company:        

******************************************************************************************************
*/
/*-------------------------------DEFINE BODY PROPERTIES----------------------------------------*/
* { margin: 0 auto 0 auto; /* GLOBAL RESET */ padding: 0; }
body { margin: 0; font-size: 62.5%; font-family: Helvetica, Arial, Sans-Serif; /*change font*/ color: #4b4d4a; /*change font color*/ background: #F2F2F2 url(i/bg_sub.png) repeat-x top center; }
div, p, ul, img { padding: 0px; margin: 0px; border: none; }
ul { list-style-type: none }
.spacer { clear: both; font-size: 0px; line-height: 0px; }
a { outline: none; /* Remove Firefox's dotted borders */ text-decoration: none; color: #2F83C3; padding: 0; margin: 0; }
a img { border: none } /* Remove IE's blue borders */
h1 { font-size: 2.4em }
h2 { font-size: 2.2em; line-height: 1.2em; font-weight: normal; border: none; margin: 0 0 35px 0; padding: 0; color: #333; }
h3 { font-size: 2.5em; line-height: 1.2em; font-weight: normal; border: none; margin: 0; color: #09C; margin-left: 45px; }
h4 { font-size: 1.6em }
h5 { font-size: 1.8em }
h6 { font-size: 1.2em }
.hr { border-bottom: 1px solid #fff; border-left: none; border-right: none; border-top: none; margin: 5px 0 17px 0; }
.left { float: left }
.left_margin_right { float: left; margin: 0 10px 0 0; font-size: 1.2em; }
.left_margin_right_top { float: left; margin: 4px 10px 0 0; }
.right { float: right }
.right_margin_top { margin: 20px 0 0 0 }
.right_margin_right { float: right; margin: 0 20px 0 0; }
/*------------------------------GLOBAL TYPOGRAPHY--------------------------------*/
p { font-size: 1.2em; padding: 0; line-height: 1.4em; }
p.services { font-size: 1.3em; line-height: 1.5em; text-align: justify; }
.gray { color: #666; font-size: 1em; font-style: normal; }
.fat { font-weight: bold }
.small { font-size: 1.1em; padding: 0; line-height: 1.4em; }
.big { font-size: 1.8em; padding: 0; line-height: 1.2em; color: #666; padding: 10px 10px 0 0; margin: 0 0 22px 0; }
.big3 {
	font-size: 1.8em;
	padding: 0;
	line-height: 1.2em;
	color: #FFF;
	padding: 10px 10px 0 0;
	margin: 0 0 22px 0;
	text-align: center;
}


.quote1 { font-size: 1.8em; line-height: 1.0em; padding: 0; color: #666; }
.white { font-size: 1.2em; padding: 0 10px 0 0; line-height: 1.4em; color: #fff; }
.title { font-size: 1.1em; font-style: italic; color: #227ab0; padding-left: 30px; }
.stroke { border: 0px solid #fff }
.just-text { text-align: justify }
/*------------------------------CONTENT--------------------------------*/
#header { background: url(i/bg_header.png) top center repeat-x; height: 100px; }
#featured { background: url(i/bg_featured_sub.png) top center repeat-x; height: 100px; }
#footer { background: url(i/bg_footer.png) top center repeat-x; height: 357px; }
#footer_nav { background: url(i/bg_footernav.png) top center repeat-x; height: 52px; }
#page_seo #main { background: url(i/bg_main.png) top center repeat-x; height: auto; }
#page_ppc #main { background: url(i/bg_main.png) top center repeat-x; height: auto; }
#page_portfolio #main { background: url(i/bg_main.png) top center repeat-x; height: 1850px; }
#page_web-design #main { background: url(i/bg_main.png) top center repeat-x; height: auto; }
#page_website-hosting #main { background: url(i/bg_main.png) top center repeat-x; height: auto; }
#page_consulting #main { background: url(i/bg_main.png) top center repeat-x; height: auto; }
#page_contact .big { font-size: 2.4em; line-height: 1.2em; color: #fff; padding: 10px 10px 0 0; margin: 0 0 22px 0; font-weight: bold; float: right; }
#page_contact .big2 { font-size: 2.4em; line-height: 1.2em; color: #fff; padding: 10px 10px 0 0; margin: 0 0 22px 0; font-weight: bold; float: left; padding-left: 10px; }
#page_contact #main { background: url(i/bg_main.png) top center repeat-x; height: auto; font-family: Helvetica, Arial, Sans-Serif; }
#page_testimonials #main { background: url(i/bg_main.png) top center repeat-x; height: auto; }
#page_testimonials .big2 { font-size: 2.4em; line-height: 1.2em; color: #fff; padding: 10px 10px 0 0; margin: 0 0 22px 0; font-weight: bold; float: left; padding-left: 10px; }
#page_website-hosting .portofolio_main { width: 918px; padding: 20px; margin: 10px 0 0 0; overflow: hidden; border: 1px solid #cdcbcb; background-color: #f0f0f0; }
#page_website-hosting h3 { padding-top: 10px; font-size: 2em; padding-left: 10px; }
#page_consulting .portofolio_main { width: 895px; padding: 20px; margin: 10px 0 0 0; overflow: hidden; border: 1px solid #cdcbcb; background-color: #f0f0f0; }
.center { width: 960px; height: 100%; margin: 0 auto; padding: 0; }
.center  h2 { float: left; color: #2F83C3; font-family: Helvetica, Arial, sans-serif; font-size: 23px; margin: 5px 0 10px 10px; text-shadow: 1px 1px 0px #CCC; }
.center1 { width: 960px; height: 100%; margin: 0 auto; padding: 0; }
.center_footer { width: 960px; height: 100%; margin: 0 auto; padding: 0; background: transparent url(i/overlay_footer.jpg) top center no-repeat; }
h1 a { float: left; margin: 18px 0px 0px 5px; display: block; width: 230px; height: 75px; background: transparent url(../images/logo.png) no-repeat; text-indent: -9999px; overflow: hidden; }
.csw { width: 100%; height: 460px; background: #fff; overflow: scroll; }
.csw .loading { margin: 200px 0 300px 0; text-align: center; }
.pricing_header_right { float: right; width: 200px; padding: 0 0 0 65px; }
 
 /* Menu Body */
ul#menu { width: 100%; height: 32px; list-style: none; margin: 0; padding: 0; }
/* Float LI Elements - horizontal display */
ul#menu li { float: left }
/* Link - common attributes */
ul#menu li a { background: url(i/sprite-ie.png) no-repeat scroll top left; display: block; position: absolute; top: 10px; left: 70px; height: 33px; position: relative; }
ul#menu li a.webdesign { width: 200px }
ul#menu li a.seo { width: 200px; background-position: -200px 0px; }
ul#menu li a.hosting { width: 200px; background-position: -400px 0px; }
ul#menu li a.consulting { width: 200px; background-position: -600px 0px; }
ul#menu li a span { background: url(i/sprite-ie.png) no-repeat bottom left; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; opacity: 0; }
ul#menu li a span:hover { cursor: cursor }
ul#menu li a.webdesign span { background-position: 0px -33px }
ul#menu li a.seo span { background-position: -200px -33px }
ul#menu li a.hosting span { background-position: -400px -33px }
ul#menu li a.consulting span { background-position: -600px -33px }
ul#menu li a span:active { cursor: cursor }
ul#menu li a.webdesign.active span { background-position: 0px -33px }
ul#menu li a.seo.active span { background-position: -200px -33px }
ul#menu li a.hosting.active span { background-position: -400px -33px }
ul#menu li a.consulting.active span { background-position: -600px -33px }
 
/*NAVIGATION*/
.nav ul { font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin: 7px 0 0 0; padding: 0; list-style: none; float: right; }
.nav ul li { font-family: Helvetica, Arial, sans-serif; font-weight: bold; float: left; display: block; margin: 0 15px 0 0; padding: 0; }
.nav ul li a.navbutton { /* Sliding right image */ display: block; float: left; height: 71px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin-right: 0px; padding-right: 9px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */: ; /* FONT PROPERTIES */ text-decoration: none; color: #fff; font-size: 1.2em; font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 0px #600; }
.nav ul li a.navbutton span { /* Background left image */ display: block; line-height: 71px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding: 13px 0 0 7px; }
.nav ul li a.navbutton:hover { /* Sliding right image */ background: transparent url(i/button_nav_right.png) no-repeat scroll top right; display: block; float: left; height: 71px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin-right: 0px; padding-right: 9px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */: ; /* FONT PROPERTIES */ text-decoration: none; color: #fff; font-size: 1.2em; font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 0px #039; }
.nav ul li a.navbutton:hover span { /* Background left image */ background: transparent url(i/button_nav_left.png) no-repeat; display: block; line-height: 71px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding: 13px 0 0 7px; }
.nav ul li.selected a { /* Sliding right image */ background: transparent url(i/button_nav_right.png) no-repeat scroll top right; display: block; float: left; height: 71px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin-right: 0px; padding-right: 9px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */: ; /* FONT PROPERTIES */ text-decoration: none; color: #fff; font-size: 1.2em; font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 0px #039; }
.nav ul li.selected a span { /* Background left image */ background: transparent url(i/button_nav_left.png) no-repeat; display: block; line-height: 71px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding: 13px 0 0 7px; }
/* END OF NAVIGATION */
/* 
    FOOTER CONTENT
*/
div.feedburnerFeedBlock ul li span.headline { font-weight: bold; display: block; margin: 10px 0 5px 0; font-size: 1.3em; }
.column  a { color: #fff }
.column  a:hover { color: #BFBFBF }
div#creditfooter { display: none; text-align: justify; margin: -5px; }
/* Latest Blog Posts */
.columnb  a { color: #fff }
.columnb  a:hover { color: #BFBFBF }
div#creditfooter { display: none; text-align: justify; margin: -5px; }
/* Latest Blog Posts */
.columnb { width: 460px; padding: 0 15px 0 0; margin: 14px 0; float: left; color: #2F83C3; }
.columnb h5 { font-size: 1.2em; letter-spacing: 1px; color: #FFF; text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; text-shadow: 1px 1px 0px #06C; }
.columnb h6 { margin: 0 0 5px 0 }
.columnb h6 a { margin: 0 0 5px 0; font-size: 1.0em; letter-spacing: 1px; color: #d8f4ff; text-transform: uppercase; font-family: Helvetica, Arial, sans-serif;}
.columnb h6 a:hover { margin: 0 0 5px 0; color: #FFF; }
.columnb .date { float: left; width: 60px; height: 17px; padding: 2px 0 0 4px; margin: 5px 10px 0 0; background: transparent url(i/ico_date.png) no-repeat; font-size: 1.1em; font-weight: 100 ; color: #FFF; letter-spacing:normal; }
.columnb p { font-size: 1.0em; color: #FFF; }
.columnb p.lead { font-size: 1.0em; margin: 0 0 8px 0; letter-spacing:1px; }
/* END Latest Blog Posts */
.column { width: 225px; padding: 0 15px 0 0; margin: 14px 0; float: left; color: #f0f0f0; }
.column h5 { font-size: 1.2em; letter-spacing: 1px; color: #FFF; text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; text-shadow: 1px 1px 0px #06C; }
.column h6 { margin: 0 0 5px 0 }
.column h6 a { margin: 0 0 5px 0; color: #fafafa; }
.column h6 a:hover { margin: 0 0 5px 0; color: #BFBFBF; }
.column .date { float: left; width: 60px; height: 17px; padding: 2px 0 0 4px; margin: 5px 10px 0 0; background: transparent url(i/ico_date.png) no-repeat; font-size: 1.1em; font-weight: bold; }
.column p { font-size: 1.1em }
.column p.lead { font-size: 1em; margin: 0 0 8px 0; }
/* END Latest Blog Posts */
.column_odd { width: 225px; padding: 0; margin: 14px 0; float: left; color: #f0f0f0; }
.column_odd p { font-size: 1.1em }
.column_odd h5 { font-size: 1.2em; letter-spacing: 1px; color: #FFF; text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; text-shadow: 1px 1px 0px #06C; }
.column_odd #twitter { width: 190px; height: 210px; padding: 15px 20px 10px 20px; position: relative; font-size: 1.2em; color: #333; font-family: Helvetica, Arial, sans-serif; font-style: italic; line-height: 18px; }
.column_odd #twitter a.twitter { font-weight: bold; margin: 80px 0px 5px 5px; }
.column_odd #twitter a.follow { position: absolute; bottom: 70px; left: 0; padding: 0 0 0 20px; color: #fff; font-family: Helvetica, Arial, Sans-Serif; text-decoration: underline; font-size: 0.8em; }
.column_odd #twitter a.follow:hover { position: absolute; bottom: 70px; left: 0; padding: 0 0 0 20px; color: #C00; font-family: Helvetica, Arial, Sans-Serif; text-decoration: underline; font-size: 0.8em; }
.column_odd #twitter p.posted { font-size: 0.8em; margin: 2px 0 0 0; color: #999; }
.column .fport { float: left; display: block; width: 213px; height: 125px; padding: 3px 3px 3px 3px; margin: 0 0 8px 4px; background: #FFF; }
.column .fport:hover { float: left; display: block; width: 213px; height: 125px; padding: 3px 3px 3px 3px; margin: 0 0 8px 4px; background: #d8f4ff; }
.column a.comment { display: block; font-size: 0.9em; margin: 5px 0 0 0; color: #f0f0f0; }
.column a.comment:hover { display: block; font-size: 0.9em; margin: 5px 0 0 0; color: #d05606; }
/* TAG CLOUD */
.tags ul { text-align: justify }
.tags li { margin: 0; padding: 0; list-style: none; display: inline; line-height: 1.3em; }
.tags li a { text-decoration: none; color: #fff; }
.tags li a:hover { color: #d05606 }
.tag1 { font-size: 100% }
.tag2 { font-size: 120% }
.tag3 { font-size: 140% }
.tag4 { font-size: 160% }
.tag5 { font-size: 180% }
/* // TAG CLOUD */
/* 
    FOOTER NAVIGATION
*/
#footer_nav .center a.footer_logo { float: left; display: block; width: 70px; height: 20px; padding: 35px 0px 0px 35px; background: transparent url(../images/footer_logo.png) no-repeat; background-position: 0% 50%; text-indent: -9999px; overflow: hidden; }
#footer_nav .center p { float: left; font-size: 1.1em; color: #848484; padding: 20px 0 0 0; }
#footer_nav .center ul { float: right }
#footer_nav .center ul li { float: left; margin: 20px 20px 0 0; }
#footer_nav .center ul li a { font-size: 1.1em; text-transform: uppercase; color: #848484; }
#footer_nav .center ul li a:hover { color: #505457 }
#footer_nav .center ul li a:active { color: #505457 }
/*  _____________________________________________________________________________

    05 IMAGES
    _____________________________________________________________________________  */
/* 1. Image Containers */
.img_minithumb_container { background: url("../images/img_minithumb.png") no-repeat; margin-left: -2px; width: 48px; height: 48px; padding: 4px; }
.img_thumbnail_container { background: url("../images/img_thumbnail.png") no-repeat; margin-left: -2px; width: 64px; height: 64px; padding: 4px; }
.img_small_container { background: url("../images/img_small.png") no-repeat; margin-left: -4px; width: 262px; height: 166px; padding: 15px 12px 17px 12px; }
.img_medium_container { background: url("../images/img_medium.png") no-repeat; margin-left: -4px; width: 404px; height: 258px; padding: 15px 12px 17px 12px; }
.img_large_container { background: url("../images/img_large.png") no-repeat; margin-left: -4px; width: 854px; height: 425px; padding: 19px 12px 25px 12px; }
.img_post_container { background: url("../images/img_post.png") no-repeat; margin-left: -4px; width: 554px; height: 254px; padding: 15px 12px 21px 12px; margin-bottom: 21px; }
.avatar_container { background: url("../images/avatar_bg.png") no-repeat; width: 75px; height: 75px; padding: 5px 5px 6px 5px; }
.imgshadow { background: #FFF; padding: 4px; border: 1px solid #333; margin-top: 5px; -moz-box-shadow: 0px 0px 5px #333333; -webkit-box-shadow: 0px 0px 5px #333333; box-shadow: 0px 0px 5px #333333; }
.img_left { width: auto; float: left; margin: 0 15px 0 0; }
.img_right { width: auto; float: right; margin: 5px 0px 5px 15px; }
/* 5. Filterable Gallery */
ul#portfolio-filter { float: left; list-style: none; position: absolute; top: 145px; padding-left: 90px; }
ul#portfolio-filter li { display: inline }
ul#portfolio-filter a { margin-right: 18px; padding: 8px 12px 8px 12px; font-family: Helvetica, Arial, sans-serif; color: #FFF; font-size: 12px; text-transform: uppercase; font-weight: bold; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow: 1px 1px 0px #00608F; }
ul#portfolio-filter a.current { background-color: #FFF; color: #35A7DC; text-shadow: none; }
ul#portfolio-filter a:hover { text-shadow: none }
ul#portfolio-list { width: 920px; margin: 0 0 0 40px; padding: 0; list-style: none; }
ul#portfolio-list li { width: 270px; height: 198px; display: block; float: left; margin: 0px 30px 30px 0px; }
.portfolio_link { font-family: Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase; font-weight: bold; float: left; position: relative; text-shadow: 1px 1px 0px #FFF; width: 270px; text-align: center; }
.center_box { width: 939px; margin: 0 auto; padding: 10px 10px 35px 10px; overflow: hidden; background-color: #fff; background: #FFF; }
.center_right { float: left; width: 760px; padding: 20px 50px 0 70px; }
.center_right h3 { font-size: 1.8em; color: #4b4d4a; padding: 0 0 4px 0; margin: 0px; }
.center_right .title { font-size: 1.8em; line-height: 20px; color: #d56b26; font-weight: normal; padding: 25px 0 20px 0; font-style: normal; }
.center_right p { font-size: 1.2em; line-height: 20px; font-weight: normal; padding: 0 0 10px 0; }
.center_right .publish { font-size: 1.1em; line-height: 28px; color: #4b4d4a; padding: 0 0 30px 0; margin: 0px; }
.center_right .publish a { color: #db8146; font-weight: bold; }
/*Contact*/
#contact p, label, legend { font-size: 1.2em; font-family: Helvetica, Arial, sans-serif; }
#contact { margin-bottom: 10px }
#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }
#contact { display: block; width: 570px; height: auto; margin: 0 10px 10px 10px auto; padding: 15px; border: 1px solid #cbcbcb; background-color: #FFF; -webkit-border-radius: 5px; font-family: Helvetica, Arial, Sans-Serif; }
/* Form style */
#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1em; -webkit-border-radius: 5px; }
#contact input, textarea, select { width: 300px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font-size: 1.0em; font-family: Helvetica, Arial, sans-serif; webkit-border-radius: 5px; }
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color: #333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background: #333; color: #fff; }
#contact input.submit:hover { background: #444 }
#contact input[type="submit"][disabled] { background: #888 }
#contact fieldset { padding: 20px; border: 1px solid #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 1.0em; }
#contact legend { padding: 7px 10px; font-weight: bold; color: #000; border: 1px solid #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-bottom: 0 !important; margin-bottom: 20px; }
#contact img { border: 1px solid #cdcbcb; margin-right: 30px; }
#contact span.required { font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */
#message { margin: 10px 0; padding: 0; }
.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color: #8a1f11; border: 1px solid #FBC2C4; -webkit-border-radius: 5px; }
.loader { padding: 0 10px }
#contact #success_page h1 { background: url('../images/success.gif') left no-repeat; padding-left: 22px; }
acronym { border-bottom: 1px dotted #ccc }
/*Pricing*/
.pricing_main { width: 918px; padding: 20px; }
.pricing_main h2 { margin: 0 0 10px 0; font-size: 2.8em; font-weight: bold; }
.pricing_main .subscribe { padding: 30px 0 30px 0; font-size: 1.4em; font-weight: bold; color: #4b4d4a; }
.pricing_main p { padding: 0px 0 20px 0 }
.pricing_header { overflow: hidden; width: 100%; }
.pricing_header_left { float: left; width: 630px; }
.pricing_header_left .title { font-size: 2.2em; line-height: normal; color: #7d807c; padding: 0 0 20px 0; font-style: normal; }
.creditcards-image { float: right; padding: 0 45px 0 0; }
.pricing_header_right .card { font-size: 1.4em; line-height: normal; color: #7d807c; font-weight: bold; padding: 0 0 10px 0; }
.pricing_table { width: 915px; margin: 20px 0 20px 0; padding: 20px 10px 15px 10px; overflow: hidden; border: 1px solid #cdcbcb; background-color: #f3f3f3; }
.pricing_table .thumb { float: left; width: 195px; padding: 10px 10px 10px 15px; border-right: 1px solid #cdcbcb; }
.pricing_table .thumb .subtitle { font-size: 1.3em; color: #5c6458; padding: 0 0 15px 0; }
.pricing_table .thumb_last .subtitle { font-size: 1.3em; color: #5c6458; padding: 0 0 20px 0; }
.pricing_table .thumb_last { float: left; width: 195px; padding: 10px 10px 10px 15px; }
.pricing_table .thumb .price { font-size: 2.2em; font-weight: bold; color: #d15806; line-height: normal; }
.pricing_table .thumb_last .price { font-size: 2.2em; font-weight: bold; color: #d15806; line-height: normal; }
.pricing_table .thumb .price span { font-size: 11px; font-weight: normal; color: #b1b1b1; line-height: normal; }
.pricing_table .thumb_last .price span { font-size: 11px; font-weight: normal; color: #b1b1b1; line-height: normal; }
.thumb a, .thumb_last a { float: left; width: 160px; height: 40px; display: block; margin: 20px 0 10px 0; background: url(i/buynow.png) top left no-repeat; text-indent: -9999px; }
.pricing_table .thumb ul.listing, .pricing_table .thumb_last ul.listing { float: left; padding: 30px 0px 0px 0px; margin: 0; }
.pricing_table .thumb ul.listing li { list-style-image: none; background-image: url(i/ico_li.png); background-repeat: no-repeat; background-position: left center; padding: 0 0 5px 30px; margin: 0 0 5px 0; font-size: 1.2em; }
.pricing_table .thumb_last ul.listing li { list-style-image: none; background-image: url(i/ico_li.png); background-repeat: no-repeat; background-position: left center; padding: 0 0 5px 30px; margin: 0 0 5px 0; font-size: 1.2em; }
.pricing_table .thumb ul.listing li.no { list-style-image: none; background-image: url(i/no.png); background-repeat: no-repeat; background-position: left center; padding: 0 0 5px 30px; margin: 0 0 5px 0; font-size: 1.2em; }
.pricing_table .thumb_last ul.listing li.no { list-style-image: none; background-image: url(i/no.png); background-repeat: no-repeat; background-position: left center; padding: 0 0 5px 30px; margin: 0 0 5px 0; font-size: 1.2em; }
.pricing_table h4.professional { width: 100%; float: left; line-height: 47px; margin: 0 0 0 0; padding: 0; background: url(i/professional.png) center left no-repeat; text-indent: -9999px; }
.pricing_table h4.basic { width: 100%; float: left; line-height: 47px; margin: 0 0 35px 0; padding: 0 0 0 0; background: url(i/basic.png) center left no-repeat; text-indent: -9999px; }
.pricing_table h4.advanced { width: 100%; float: left; line-height: 47px; margin: 0 0 0 0; padding: 0; background: url(i/advanced.png) left center no-repeat; text-indent: -9999px; }
.pricing_table h4.nitro { width: 100%; float: left; line-height: 47px; margin: 0 0 0 0; padding: 0; background: url(i/nitro.png) center left no-repeat; text-indent: -9999px; }
.pricing_table_footer { font-size: 1.2em; color: #949494; font-style: italic; }
/*GOOGLE MAP*/
.map { width: 710px; height: 300px; border: 10px solid #273035; overflow: hidden; }
.tooltip { font-family: Helvetica, Arial, Sans-Serif; font-size: 9pt; width: 170px; overflow: hidden; }
.tooltip .top { background: url(../images/bubble.png) no-repeat; height: 5px; overflow: hidden; }
.tooltip .middle { background: url(../images/bg.png) repeat; background-position: -173px top; padding: 0px 5px; color: #FFF; }
.tooltip .middle img { margin: 5px 0px; clear: both; }
.tooltip .bottom { background: url(../images/bubble.png) no-repeat; height: 25px; background-position: left bottom; overflow: hidden; }
.tooltip .IE6 { background: url(../images/bubble.gif) no-repeat }
.tooltip .BOTTOMIE6 { background: url(../images/bubble.gif) no-repeat left bottom }
.tooltip .MIDDLEIE6 { background: #1A1A1A }
/* Clearing floats without extra markup  */
.clearfloat { display: inline-block }
.clearfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfloat { height: 1% }
.clearfloat { display: block }
/* End Clearing floats without extra markup  */
#container { background: #FFF; padding: 15px 40px; }
.rounded-top { background: url(../images/top_slider.gif) no-repeat; width: 968px; height: 14px; }
.rounded-bottom { background: url(../images/bottom_slider.gif) no-repeat; width: 968px; height: 14px; }
#slogan { width: 846px; height: 43px; background: url(../images/slogan_bg.gif) no-repeat; padding: 20px; margin-bottom: 15px; }
#slogan #text { float: left; width: 640px; margin-right: 30px; }
#slogan #text p { width: 640px; font-size: 16px; text-shadow: 1px 1px 0px #fff; line-height: 22px; }
#slogan-narrow { width: 540px; height: 43px; background: url(../images/slogan_bg_narrow.gif) no-repeat; padding: 20px; margin-bottom: 15px; }
#slogan-narrow #text { float: left; width: 340px; margin-right: 30px; }
#slogan-narrow #text p { width: 340px; font-size: 16px; text-shadow: 1px 1px 0px #fff; line-height: 22px; }
#main-content { float: left; width: 580px; }
/*//////////////////////////// BEGIN SERVICES ////////////////////////////////////////////////*/
.service { width: 245px; float: left; margin-right: 65px; display: inline; }
.service-last { margin-right: 0 }
.icon { float: left; margin: 10px; margin-top: 0; display: inline; }
.service-wrapper { margin-bottom: 40px }
.dotted-line { height: 5px; border-bottom: 1px dotted #999; margin-bottom: 10px; }
.service-desription { float: left; width: 576px; line-height: 1.4em; }
.service-another { margin-bottom: 30px }
.breadcrumbs { margin-left: 10px }
.breadcrumbs a { color: #666; text-shadow: 1px 1px 0 #F9F9F9; text-decoration: none; font-size: 11px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; }
.breadcrumbs a:hover { color: #2F83C3 }
/*//////////////////////////// END SERVICES ////////////////////////////////////////////////*/
/*//////////////////////////// BEGIN BUTTONS ////////////////////////////////////////////////*/
a.button2 { background: url(../images/free_quote.png) no-repeat top left; display: block; width: 168px; height: 51px; text-indent: -99999px; float: left; }
a.button2:hover { background-position: 0 -51px }
/*//////////////////////////// END BUTTONS ////////////////////////////////////////////////*/
/*//////////////////////////// BEGIN SIDEBAR ////////////////////////////////////////////////*/
#sidebar { width: 270px; float: right; }
.box { width: 270px; margin-bottom: 30px; }
.box-top { background: url(../images/box_top.gif) no-repeat; width: 255px; padding-left: 15px; line-height: 42px; }
.box-top h4 { font-family: Helvetica, Arial, sans-serif; color: #666; text-shadow: 1px 1px 0px #fff; }
.box-bottom { background: url(../images/box_bottom.gif) no-repeat; width: 270px; height: 30px; }
.box-body { background: url(../images/box_body.jpg) repeat-y }
.box-body2 { background: url(../images/box_body.jpg) repeat-y; width: 240px; padding: 15px; padding-bottom: 0; }
.box-body ul { border-bottom: 1px solid #fff }
.box-body ul li { border-bottom: 1px solid #c1c1c1; border-top: 1px solid #fff; }
.box-body ul li.first { border-top: none }
.box-body ul li a { display: block; line-height: 34px; font-size: 12px; color: #727272; text-decoration: none; margin-left: 15px; padding-left: 15px; background: url(../images/arrow2.gif) no-repeat 0 50%; }
.latest-post { width: 99%; padding: 5px 0; border-bottom: 1px solid #d8d7d7; }
.latest-post img.thumb { float: left; padding: 3px; background: #fff; border: 1px solid #d8d7d7; margin-right: 7px; display: inline; }
.latest-post .latest-text { float: left; width: 150px; }
.latest-post .latest-text a { color: #727272; text-decoration: none; }
.latest-post .latest-text span.date { display: block; font-size: 11px; text-transform: uppercase; color: #9e9e9e; }
/*//////////////////////////// END SIDEBAR ////////////////////////////////////////////////*/