* { margin:0; padding:0;}
body{ background:#4f4f4f; line-height:15px}
html, input, textarea{font-family:arial; font-size:12px; color:#333333;}

input, select{ vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;margin-left:20px;  margin-top:0px;}
ul li { list-style:circle; }

.column .column1, .column2, .column3, .column4, .column5, .col1, .col2, .col3, .col4, .col5, .col6, .col7 { float:left} 

.clear { clear:both;}
.right{ float:right}
.right1{ text-align:right}


.title_img{ margin-bottom:10px;}

.indent_image, .indent_image1{ float:left}

p{ margin:0; padding:0;}

a{ color:#234885; }
a:visited{ color:#234885; }


/*form*/
/*form = sign up form*/
#form{ border:solid 1px #ccc; }
/*form1 = contact form*/
#form1{ border:solid 1px #ccc; height:180px; }
#form p, #form1 p{ margin:10px; }
#form label, #form1 label{ text-align:right; font-size:11px; width:80px; padding-top:4px; float:left;}
#form input, #form1 input{ font-size:10px; border:solid 1px #999; padding:4px 2px; margin:2px 0 10px 4px; height:10px; float:left; }
#form .disclaimer, #form1 .disclaimer{ font-size:9px; float:left;}
#form button, #form1 button{ clear:both; float:left; border:0px; margin-left:130px; margin-top:2px; width:104px; height:28px; background-image:url(images/signup-butt.jpg); text-align:center; line-height:20px; color:#FFFFFF; font-size:12px; font-weight:bold;}
.myform{ width:250px; padding:14px;}

/*header*/
#header{ background:url(images/header_bg.jpg) repeat-x; height:378px; width:100% }
#header .head{ width:903px; margin:0 auto}
#header .head .logo{ padding:0px 0px 0px 50px; float:left}
#header .head .blog{ padding:18px 24px 0px 0px; float:right}
#header .head .menu{ background-color:#505050; height:21px; line-height:26px; padding:0px 10px 0px 0px; float:right; color:#fff;}
#header .head .menu a { text-decoration:none; padding-left:18px; padding-right:18px;}
#header .head .menu a:hover { text-decoration:overline; }

#header h3{ color:#6d4a0e; font-size:14px; padding-top:0px; }
#header h2{ color:#6d4a0e; font:"Trebuchet MS", "Times New Roman"; font-size:30px; font-weight:bold; line-height:24pt;}
#header h1{ color:#ffffff; font-size:14px; padding-top:15px; }

#header .head .right{ width:506px; float:left; height:294px; padding-left:0px; background:url(images/right_bg.jpg) no-repeat; color:#ffffff}
#header a{ color:#ffffff; text-decoration:underline}
#header a:hover{ text-decoration:none}

/*footer*/
#footer{ width:903px; margin:0 auto; } 
#footer .row1{background: url(images/lb.gif) no-repeat left bottom; background-color:#35383d; }
#footer .row1 .bg{ background:url(images/rb.gif) no-repeat right bottom; height:54px; padding-left:37px; padding-top:20px; vertical-align:middle; font-size:10px; color:#fff}
#footer .row1 .bg .menu{ float:right;}
#footer .row1 .bg .menu a { color:#fff; text-decoration:none; padding-left:10px; padding-right:10px;}
#footer .row1 .bg .menu a:hover { text-decoration:overline; }

#credits { float:right; padding:2px 20px 4px 0; color:#fff; font-size:10px;}
#credits a{ color:#fff; text-decoration:none;}
#credits a:hover{ text-decoration:underline;}

/*content*/
#wrapper{  width:100%; background:url(images/wrapper.jpg) repeat-x #ffffff}
#wrapper .wrap{ width:903px; margin:0 auto}
#wrapper .wrap_rep{ background: url(images/wrap_rep.gif) repeat-x; width:903px}
#wrapper .lt{ background:url(images/lt.gif) no-repeat; width:903px}
#wrapper .rt{ background:url(images/rt.gif) no-repeat right top; width:903px}

#wrapper h1{ color:#234885; font:"Trebuchet MS", "Times New Roman"; font-size:28px; line-height:24pt; }
#wrapper h2{ color:#666; font-size:18px; line-height:20px; margin-top:0px; margin-bottom:4px; }
#wrapper h3{ color:#666; font-size:14px; line-height:18px; margin-top:0px; margin-bottom:4px;}

#wrapper .title{ color:#234885; font:"Trebuchet MS", "Times New Roman"; font-size:14px; }


/*================== index.php ==================*/
#page1 .title{ color:#666; font-size:18px; line-height:20px; margin-top:0px; margin-bottom:4px;}

#page1 #header .head .left{ width:397px; float:left; height:294px; background:url(images/left_bg.jpg) no-repeat}

#page1 #header .indent{ padding:26px 45px 30px 0; font-size:26px}

#page1 #wrapper .column1 .indent{ padding:22px 37px 20px 23px;}
#page1 #wrapper .column1 .indent div{ padding-top:3px}

#page1 #wrapper .column3 .indent{ padding:18px 28px 20px 17px}
#page1 #wrapper .column3 .indent .img{ margin:0 0px 2px 0px; float:left}
#page1 #wrapper .column3 .indent div{ margin-left:17px; margin-bottom:0px}

#page1 #wrapper .column5 .indent{ padding:23px 43px 20px 11px}


/*=====*/


/*================== why-online-backup.php ==================*/
#page2 #header .head .left{ width:397px; float:left; height:294px; background:url(images/page2-left_bg.jpg) no-repeat}

#page2 #header .indent{ padding:26px 45px 30px 0; font-size:26px}
#page2 #header .title{ margin-bottom:15px}
#page2 #header .img{ float:left; margin:3px 30px 0 0}
#page2 #header strong{ display:block; margin-bottom:16px}
#page2 #header .indent div{ margin-bottom:22px}

#page2 #wrapper .column1 .indent{ padding:23px 10px 20px 22px}
#page2 #wrapper .column1 .indent p{ margin-top:14px}
#page2 #wrapper .column1 .indent .title_top{margin-bottom:21px}

#page2 #wrapper .column3 .indent{ padding:23px 43px 20px 11px}
#page2 #wrapper .column3 .indent p{ margin:15px 0 15px 0}

/*=====*/


/*================== how-online-backup-works.php ==================*/
#page3 #header .head .left{ width:397px; float:left; height:294px; background:url(images/page3-left_bg.jpg) no-repeat}

#page3 #wrapper .column1 .indent ul { list-style:none; margin-left:70px;  margin-top:-30px;}
#page3 #wrapper .column1 .indent ul li { list-style:circle; }

#page3 #header .indent{ padding:26px 45px 30px 0; font-size:26px}

#page3 #wrapper .column1 .indent{ padding:24px 25px 20px 22px}
#page3 #wrapper .column1 .indent .title{ margin-bottom:6px}
#page3 #wrapper .column1 .indent .img { margin:0 10px 20px 0; float:left}
#page3 #wrapper .column1 .indent ol{ margin-top:0px; margin-left:80px; margin-bottom:0px;}

#page3 #wrapper .column3 .indent{ padding:24px 40px 20px 28px}
#page3 #wrapper .column3 .indent .img { margin:0 20px 20px 0; float:left}

 
/*=====*/


/*================== signup-online-backup.php ==================*/
#page4 #header .head .left{ width:397px; float:left; height:294px; background:url(images/page4-left_bg.jpg) no-repeat}

#page4 #header .indent{ padding:26px 45px 30px 0; font-size:26px}

#page4 #wrapper .column1 .indent{ padding:23px 10px 20px 22px}

#page4 #wrapper .column1 .indent .col1{ width:270px; height:230px;}
#page4 #wrapper .column1 .indent .col2{ width:270px; height:230px; padding:0px 0px 0px 10px}
#page4 #wrapper .column3 .indent{ padding:23px 43px 20px 11px}

#page4 #wrapper #price{ font-weight:bold; color:#234885; margin-bottom:0px;}
/*=====*/

 

/*================== online-backup-help-faqs.php ==================*/
#page5 #header .head .left{ width:397px; float:left; height:294px; background:url(images/page5-left_bg.jpg) no-repeat}

#page5 #header .indent{ padding:26px 45px 30px 0; font-size:26px}
#page5 #header .title{ margin-bottom:5px}
#page5 #header .indent p{ margin-bottom:17px; margin-top:16px}

#page5 #wrapper .column1 .indent{ padding:23px 10px 20px 22px}
#page5 #wrapper .column1 .indent p{ margin-top:14px}
#page5 #wrapper .column1 .indent .title_top{margin-bottom:21px}

#page5 #wrapper .column3 .indent{ padding:23px 43px 20px 11px}
#page5 #wrapper .column3 .indent p{ margin:15px 0 15px 0}
/*=====*/


/*================== contact-datadoggies.php ==================*/
#page6 #header .head .left{ width:397px; float:left; height:294px; background:url(images/page6-left_bg.jpg) no-repeat}

#page6 #header .indent{ padding:26px 45px 30px 0; font-size:26px}

#page6 #wrapper .column1 .indent{ padding:22px 22px 20px 26px}
#page6 #wrapper .column3 .indent{ padding:23px 0 20px 20px}
#page6 #wrapper .column3 .indent .img{ float:left; margin:0 10px 32px 8px}
#page6 #wrapper .column3 .indent .col1{ width:8px}
#page6 #wrapper .column3 .indent .col2{ width:277px}
#page6 #wrapper .column3 .indent .col3{ width:255px}
#page6 #wrapper .column3 .indent .row{ height:42px}
#page6 #wrapper .column3 .indent input{ width:264px; height:20px; border:#dbe1e6 1px solid; padding-top:4px; margin:0; color:#3c505c}
#page6 #wrapper .column3 .indent textarea{ width:253px; height:62px; border:#dbe1e6 1px solid; padding:0; padding-top:4px; margin:0; color:#3c505c}
/*=====*/