html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
/*vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
strong {font-weight:bold;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* CSS RESET - END */
/* BODY */
body {font-family:Arial; background-image:url(../images/body_bg.jpg); background-position:top; background-repeat:repeat-x; background-color:#FFFFFF;}
img {border:none;}
/* TITLES */
h1 {font-family:Arial; color:#ffffff; font-size:16px; line-height:24px; font-weight:100; position:absolute; top:-100px;}
h2 {font-family:Arial; color:#ffffff; font-size:44px; line-height:45px; font-weight:bold; margin-bottom:25px;}
.contact_h2 {font-family:Arial; color:#ffffff; font-size:40px; line-height:45px; font-weight:bold; margin-bottom:25px;}
h3 {font-family:Arial; color:#004d94; font-size:24px; line-height:28px; font-weight:bold; text-transform:uppercase; margin-bottom:7px;}
h4 {font-family:Arial; color:#ffffff; font-size:28px; line-height:32px; font-weight:bold; margin-bottom:14px;}
h5 {font-family:Arial; color:#ffffff; font-size:18px; line-height:20px; padding-bottom:10px; text-transform:uppercase;}
.whois {font-family:Arial; color:#05243f; font-size:28px; line-height:32px; font-weight:bold; margin-bottom:14px; text-transform:none;}
.title_h4 {font-family:Arial; color:#ffffff; font-size:44px; line-height:45px; font-weight:bold; margin-bottom:25px;}
.title_h2 {font-family:Arial, Helvetica, sans-serif; font-size:30px; line-height:30px; color:#052e79; text-transform:uppercase; font-weight:bold; margin-bottom:4px;}
h3 a{text-decoration:none; color:#004d94;}
h3 a:hover{ border-bottom:1px dashed #004d94;}
.mainbox {color:#05307e; font-family:Arial, Helvetica, sans-serif; font-size:34px; line-height:34px; font-weight:bold; text-transform:none;}
/* PARAGRAPH */
p {font-family:Arial; color:#444444; font-size:14px; line-height:18px; margin-bottom:7px;}
p a{font-family:Arial; color:#444444; text-decoration:none;}
p a:hover{border-bottom:1px dashed #444444;}
.quote {font-family:Arial; font-style:italic; color:#ccd7e0; font-size:14px; line-height:18px;}
.bold {font-weight:bold;}
.what {font-family:Arial; color:#007ac3; font-size:12px; line-height:12px;}
.what a{font-family:Arial; color:#007ac3; text-decoration:underline;}
.black {color:#000000; font-weight:bold;}
.small_note {font-family:Arial; color:#7f7f7f; font-size:11px; line-height:11px;}
.service_title {font-family:Arial; color:#004d94; font-size:24px; line-height:28px; text-transform:uppercase; font-weight:bold;}
.service_title a{font-family:Arial; color:#004d94; text-decoration:none;}
.service_title a:hover{font-family:Arial; color:#004d94; border-bottom:1px dashed #444444;}
.white_note {font-family:Arial; color:#cbd6dc; font-size:12px; line-height:14px; text-align:center;}
.blue {color:#004d94;}
.italic {font-style:italic;}
.big {font-family:Arial; color:#444444; font-size:18px; line-height:22px; margin-bottom:7px;}
.total_payment {font-family:Arial; color:#004d94; font-size:24px; line-height:28px; font-weight:bold;}
.img_border { border:2px solid #158bd5;}
/* INTERIOR */
#wrapper {width:920px; height:100%; margin:0px auto 0px auto; background-color:#013766;}
/* INTERIOR HEADER */
#header {width:920px; height:130px; margin:auto; background-image:url(../images/interior_header.jpg); background-repeat:no-repeat; position:relative;}
#header div#logo {width:174px; height:82px; position:absolute; left:35px; top:15px;}
#header div#title {width:auto; height:auto; position:absolute; left:265px; top:75px;}
/* INTERIOR CONTENT */
#interior {width:920px; height:100%; background-color:#FFFFFF; float:left;}
#interior div#dashed_small {width:820px; height:40px; background-image:url(../images/dashed_small.gif); background-repeat:no-repeat; padding-left:20px; padding-right:20px; padding-top:15px; padding-bottom:45px; margin:auto; float:left;}
#interior div#share {width:920px; height:46px; float:left; position:relative; padding-bottom:20px;}
#interior div#share div#share_btns {
width:287px;
height:26px;
float:left;
left:570px;
position:absolute;
top: 4px;
}
#interior div#page_title {width:920px; height:109px; float:left; position:relative; padding-bottom:10px; padding-top:15px;}
#interior div#page_title div#title_icon {width:80px; height:109px; float:left;}
#interior div#page_title div#title_txt {width:820px; height:74px; float:left; padding-top:35px; padding-left:15px;}
.interior_title {font-family:Arial, Helvetica, sans-serif; font-size:30px; line-height:30px; color:#052e79; text-transform:uppercase; font-weight:bold;}
.interior_subtitle {font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#808080; text-transform:none; font-weight:100;}
/* BLOG DESIGN */
#interior div#blog_main {width:920px; height:382px; background-image:url(../images/blog_main.jpg); background-repeat:no-repeat; float:left; position:relative;}
#interior div#blog_main div#blog_main_btn {width:183px; height:30px; margin:0px; padding-top:12px; padding-left:57px; float:left; position:absolute;}
.blog_main_btn p{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; text-transform:uppercase;}
.blog_main_btn a{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; text-transform:uppercase; text-decoration:none;}
.blog_main_btn a:hover{border-bottom:1px dashed #ffffff;}
.blog_main_green { background-image:url(../images/blog_green_btn.jpg); background-repeat:no-repeat;}
.blog_main_blue { background-image:url(../images/blog_blue_btn.jpg); background-repeat:no-repeat;}
.blog_main_orange { background-image:url(../images/blog_orange_btn.jpg); background-repeat:no-repeat;}
/* TURN KEY */
#interior div#main {width:920px; height:352px; background-image:url(../images/turn_key_main.jpg); background-repeat:no-repeat; float:left; position:relative;}
.note {font-family:Arial; color:#304e61; font-size:15px; line-height:18px;}
#interior div#main div#main_btn {width:160px; height:30px; margin:0px; padding-top:12px; padding-left:40px; float:left; position:absolute;}
.main_btn p{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; text-transform:uppercase;}
.main_btn a{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; text-transform:uppercase; text-decoration:none;}
.main_btn a:hover{border-bottom:1px dashed #ffffff;}
.main_green { background-image:url(../images/turn_green.jpg); background-repeat:no-repeat;}
.main_orange { background-image:url(../images/turn_orange.jpg); background-repeat:no-repeat;}
.main_blue { background-image:url(../images/turn_blue.jpg); background-repeat:no-repeat;}
.main_purple { background-image:url(../images/turn_purple.jpg); background-repeat:no-repeat;}
/* blue bar*/
#blue_bar {width:890px; height:40px; background-image:url(../images/blue_bar_bg.jpg); background-repeat:repeat-x; float:left; padding-left:30px; position:relative;}
/* turn key */
#interior div#compatible {width:920px; height:100px; float:left; position:relative;}
#interior div#compatible div#logos {width:900px; height:58px; top:12px; left:15px; position:absolute;}
#interior div#compatible div#logos img{float:left;}
.blue_title {font-family:Arial; color:#ffffff; font-size:25px; line-height:40px; font-weight:100; margin:0px; text-transform:none;}
.blue_title_b {font-family:Arial; color:#ffffff; font-size:25px; line-height:27px; font-weight:100; margin:0px; text-transform:none;}
.blue_title2 {font-family:Arial; color:#ffffff; font-size:25px; line-height:25px; margin:0px;}
/* gallery*/
#interior div#gallery {width:920px; height:auto; float:left; margin:0px; padding-top:30px; margin-bottom:20px; position:relative;}
#interior div#gallery div#gallery_container {width:820px; height:auto; margin:auto;}
#interior div#gallery div#item {width:410px; height:auto; float:left; padding-bottom:25px;}
#interior div#gallery div#item div#item_img {width:137px; height:230px; float:left;}
#interior div#gallery div#item div#item_desc {width:263px; height:auto; padding-top:5px; padding-left:10px; float:left;}
.item_title {font-family:Arial; color:#004c92; font-size:20px; line-height:28px; margin-bottom:10px; text-transform:none; font-weight:100;}
.item_title a{color:#004c92; text-decoration:none;}
.item_title a:hover{color:#004c92; border-bottom:1px dashed #004c92;}
.item_list ul {width:auto; height:auto;}
.item_list li {font-family:Arial; color:#444444; font-size:14px; line-height:21px; padding-left:15px; background-image:url(../images/bubble_bullet.gif); background-repeat:no-repeat; background-position:left; margin-left:7px;}
.price {font-family:Arial; color:#009900; font-size:22px; line-height:30px; font-weight:bold;}
.price_smaller {font-family:Arial; color:#009900; font-size:18px; line-height:30px; font-weight:bold;}
.detail {font-family:Arial; color:#333333; font-size:12px;}
/* specifications*/
#interior div#specs {width:920px; height:auto; float:left; margin:0px; padding-top:10px; padding-bottom:20px; position:relative;}
#interior div#specs div#specs_container {width:864px; height:auto; margin:auto;}
#interior div#specs div#specs_container div#product {width:864px; height:auto; margin:0px; border-bottom:1px dashed #e5e5e5; padding-bottom:15px; padding-top:15px; float:left;}
#interior div#specs div#specs_container div#product div#icon {width:88px; height:72px; margin:0px; float:left;}
#interior div#specs div#specs_container div#product div#text {width:776px; height:auto; margin:0px; float:left;}
.product_title {font-family:Arial; color:#004d93; font-size:19px; text-transform:none; font-weight:100;}
.product_title a{color:#004d93; text-decoration:none;}
.product_title a:hover{color:#004d93; text-decoration:none; border-bottom:1px dashed #004d93;}
#interior div#specs div#specs_container div#featured {width:864px; height:auto; margin:0px; border-bottom:1px dashed #e5e5e5; border-top:1px dashed #e5e5e5; padding-bottom:15px; padding-top:15px; float:left;}
/* HOME NAV */
#nav {width:auto; height:auto; position:absolute; top:24px; left:240px; width:780px;}
.nav ul {height:auto;}
.nav li {font-family:Arial; color:#ffffff; font-size:16px; line-height:20px; padding-right:15px; padding-left:12px; float:left; border-right:2px dotted #CCCCCC;}
.nav li img{border:none;}
.nav li a{color:#ffffff; text-decoration:none;}
.nav li a:hover{color:#ffffff; border-bottom:1px dashed #FFFFFF;}
#signup {width:96px; height:30px; position:absolute; top:24px; left:820px;}
/* BOTTOM */
#bottom {width:100%; height:auto; margin:0px auto 0px auto; float:left;}
/* bottom call to action */
#bottom_action {width:100%; height:135px; margin:0px auto 0px auto; padding-top:25px; padding-bottom:25px; background-image:url(../images/bottom_action_bg.gif); background-repeat:repeat-x; background-position:top left; background-color:#052440; border-bottom:1px solid #465d6f; float:left;}
#bottom_action div#action_container {width:864px; height:auto; margin:0px auto 0px auto; position:relative;}
#bottom_action div#action_container div#action_left {width:432px; height:auto; margin:0px; float:left; position:relative;}
#bottom_action div#action_container div#action_right {width:432px; height:auto; margin:0px; float:left; position:relative;}
.call_btn p{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; text-transform:uppercase;}
.call_btn a{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; text-transform:uppercase; text-decoration:none;}
.call_btn a:hover{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; text-transform:uppercase; border-bottom:1px dashed #ffffff;}
/* buttons */
#bottom_action div#action_container div#action_left div#call_green_btn {width:145px; height:39px; background-image:url(../images/call_green_btn.jpg); background-repeat:no-repeat; margin:0px; float:left; position:absolute; left:24px; top:50px;}
#bottom_action div#action_container div#action_left div#call_orange_btn {width:116px; height:39px; background-image:url(../images/call_orange_btn.jpg); background-repeat:no-repeat; margin:0px; float:left; position:absolute; left:200px; top:50px;}
#bottom_action div#action_container div#action_right div#call_blue_btn {width:147px; height:39px; background-image:url(../images/call_blue_btn.jpg); background-repeat:no-repeat; margin:0px; float:left; position:absolute; left:101px; top:50px;}
/* bottom links */
#bottom_links {width:100%; height:auto; margin:0px auto 0px auto; background-color:#033665; border-bottom:1px solid #25496d; float:left;}
#bottom_links div#links_container {width:864px; height:auto; margin:0px auto 0px auto;}
#bottom_links div#links_container div#links {width:186px; height:auto; margin:0px auto 0px auto; padding-left:15px; padding-right:15px; padding-top:20px; padding-bottom:20px; float:left;}
#bottom_links div#links_container div#links ul {list-style:none; float:left;}
#bottom_links div#links_container div#links li {font-family:Arial, Helvetica, sans-serif; color:#aed5f4; font-size:12px; line-height:18px; margin-bottom:7px;}
#bottom_links div#links_container div#links li a{font-family:Arial, Helvetica, sans-serif; color:#aed5f4; text-decoration:none;}
#bottom_links div#links_container div#links li a:hover{border-bottom:1px dashed #aed5f4;}
.links_title {font-family:Arial; color:#ffffff; font-size:18px; line-height:20px; padding-bottom:10px; text-transform:uppercase;}
/* footer */
#footer {width:100%; height:40px; margin:0 auto 0 auto; background-color:#012c56; padding-top:10px; float:left;}
#footer div#footer_txt {width:auto; height:auto; margin:auto;}
#footer p{font-family:Arial; color:#ccd4dc; font-size:12px; line-height:18px; text-align:center; clear:left;}
#footer p a{color:#ccd4dc; text-decoration:none; font-weight:bold;}
#footer p a:hover{color:#ccd4dc; border-bottom:1px dashed #ccd4dc;}
/* CONTACT US */
#interior div#description {width:920px; height:80px; float:left; position:relative;}
.description {font-family:Arial; color:#444444; font-size:16px; line-height:18px;}
#interior div#contact {width:920px; height:auto; float:left; position:relative; padding-top:30px; padding-bottom:20px;}
#interior div#contact div#contact_container {width:870px; height:auto; margin:auto; position:relative; clear:left;}
#interior div#contact div#contact_container div#contact_left {width:420px; height:auto; float:left; position:relative;}
#interior div#contact div#contact_container div#contact_right {width:420px; height:auto; float:left; position:relative; margin-left:30px; padding-top:5px;}
.text_field {width:415px; height:102px; background-color:#f0f9ff; border:1px solid #acdcfa; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0181cb; padding-top:10px; padding-left:5px; float:left;}
.input {width:415px; height:25px; background-color:#f0f9ff; border:1px solid #acdcfa; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0181cb; padding-top:10px; padding-left:5px;}
.input2 {width:415px; height:25px; background-color:#f0f9ff; border:1px solid #acdcfa; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0181cb; padding-top:5px; padding-left:5px;}
.captcha {width:145px; height:25px; background-color:#f0f9ff; border:1px solid #acdcfa; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0181cb; padding-top:10px; padding-left:5px;}
.contact {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#0181cb; font-weight:bold;}
#interior div#quick {width:920px; height:133px; margin:0px; padding-bottom:30px; float:left; position:relative;}
#interior div#quick div#quick_contact {width:862px; height:133px; margin:auto; background-image:url(../images/quick_contact.gif); background-repeat:no-repeat; position:relative;}
/* SIGN UP */
#interior div#signup {width:920px; height:auto; margin:auto;}
#interior div#signup div#signup_container {width:860px; height:auto; padding-bottom:20px; margin:auto;}
/* PREVIEW */
#interior div#preview {width:920px; height:auto; margin:auto;}
#interior div#preview div#preview_container {width:860px; height:auto; padding-bottom:20px; margin:auto;}
#interior div#preview div#preview_container div#preview_left {width:350px; height:auto; float:left; margin:0px; padding-top:30px;}
#interior div#preview div#preview_container div#preview_right {width:505px; height:600px; float:left; margin:0px; background-image:url(../images/preview.jpg); position:relative; background-repeat:no-repeat;}
.item_list_2 ul {width:auto; height:auto;}
.item_list_2 li {font-family:Arial; color:#444444; font-size:14px; line-height:21px; padding-left:23px; background-image:url(../images/bubble_bullet_2.gif); background-repeat:no-repeat; background-position:left top; margin-left:7px; margin-bottom:5px;}
div#preview_container div#preview_left div#signup_btn {width:108px; height:30px; margin:0px; padding-top:12px; position:absolute; background-image:url(../images/sign_up_btn.jpg); background-repeat:no-repeat; padding-left:9px;}
div#preview_container div#preview_left div#demo_btn {width:180px; height:30px; margin:0px; padding-top:12px; position:absolute; background-image:url(../images/demo_2_btn.jpg); background-repeat:no-repeat; padding-left:9px;}
.type {font-family:Arial; color:#444444; font-size:17px; line-height:17px; margin:0px; font-weight:bold;}
.type_smaller {font-family:Arial; color:#444444; font-size:12px; line-height:17px; margin:0px; font-weight:bold;}
.sign {font-family:Arial; color:#444444; font-size:20px; line-height:30px; margin:0px; font-weight:bold;}
.price_big {font-family:Arial; color:#009900; font-size:18px; line-height:30px; margin:0px; font-weight:bold;}
.modules {font-family:Arial; color:#444444; font-size:18px; line-height:20px; margin-bottom:10px; font-weight:bold;}
/* HOW IT WORKS */
#interior div#about {width:900px; height:auto; margin:auto; padding-top:50px;}
#interior div#about div#about_left {width:540px; height:auto; float:left;}
#interior div#about div#about_right {width:350px; height:480px; background-image:url(../images/about_box.jpg); background-repeat:no-repeat; float:left;}
#interior div#about div#about_left div#step {width:527px; height:auto; margin:0px; float:left;}
#interior div#about div#about_left div#step div#step_title {width:527px; height:67px; margin:0px; float:left; position:relative;}
#interior div#about div#about_left div#step div#step_title div#title_txt {width:auto; height:auto; margin:0px; position:absolute; left:72px; top:15px;}
#interior div#about div#about_left div#step div#step_txt {width:457px; height:auto; padding-left:70px; margin:0px; float:left;}
.step1 {background-image:url(../images/step1.jpg); background-repeat:no-repeat;}
.step2 {background-image:url(../images/step2.jpg); background-repeat:no-repeat;}
.step3 {background-image:url(../images/step3.jpg); background-repeat:no-repeat;}
.item_list_3 ul {width:auto; height:auto;}
.item_list_3 li {font-family:Arial; color:#444444; font-size:14px; line-height:21px; padding-left:23px; background-image:url(../images/bubble_bullet_2.gif); background-repeat:no-repeat; background-position:left top; margin-left:7px; margin-bottom:15px;}
.item_list_3 li a{font-family:Arial; color:#004d94; font-size:14px; line-height:21px; text-decoration:none;}
.item_list_3 li a:hover{ border-bottom:1px dashed #004d94;}
/* Template pages slider */
#slides_wrapper_t {position:relative; height:460px; background-color:#000000; overflow:hidden;}
#slider_t {position:absolute; left:0px;}
.slide_t {width:320px; float:left;}
#up_down {position:absolute; top:76px; left:456px;}
#up_down a {color:#FFFFFF; text-decoration:none; font-weight:bold;}
#sections { width:320px; height:460px; background:#000000; position:absolute; left:87px; top:81px; overflow:hidden;}
#pf_arrow_left { position:absolute; top:285px; left:0px;}
#pf_arrow_right { position:absolute; top:285px; left:440px;}
#screen{
}
#screen .next, #screen .prev{
}
#screen .prev{
left:10px;
}
#screen .next{
right:10px;
}
#navigation{
width:600px;
text-align:center;
margin-left:62px;
}
#navigation ul{
margin-left:55px !important;
margin-left:35px;
}
#navigation li{
float:left;
margin:0 20px;
padding:10px 20px;
background-color:#EEE;
}
#navigation a{
color:#933;
font-weight:bolder;
text-decoration:none;
}
.footer ul {width:auto; height:auto;}
.footer li {font-family:Arial; color:#ccd4dc; font-size:12px; line-height:18px; text-align:center;}
.footer li a{color:#ffffff; text-decoration:none;}
.footer li a:hover{color:#ffffff; border-bottom:1px dashed #FFFFFF;}
.share a{font-family:Arial; color:#444444; font-size:12px; line-height:14px; text-decoration:none;}
.confirm {width:auto; height:auto; background-color:#edffea; border:1px solid #b1eda5; padding-top:7px; padding-left:7px; padding-right:7px;}
ul.inst_modules {font-size:14px;}
ul.inst_modules li {line-height:18px; list-style:disc; padding-left:15px; margin-left:15px;}
#details_txt {width:100%; height:auto; float:left; position:relative; padding-top:15px;}
#details_txt_2 {width:100%; height:auto; float:left; position:relative; padding-top:40px;}
.small_font {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#880000; font-weight:bold;}
.buy_btn {width:55px; height:23px; float:left; position:absolute; top:68px; left:98px;}
.spacer_10 {clear:left; height:10px; width:10px;}
.spacer_20 {clear:left; height:20px; width:20px;}