* { margin:0; padding:0;}
body{ background:url(../images/body.gif) ; line-height:15px}
html, input, textarea{font-family:verdana; font-size:12px; color:#343434;}

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

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

a{ color:#1373B1; text-decoration:underline}
a:hover{ text-decoration:none}

.title_top, .title_bot, .title { display:block}
.indent_image, .indent_image1{ float:left}

p{ margin:0; padding:0;}


#header .row2 ul{margin:0px; padding:0px; list-style:none; line-height:24px; margin:7px 0 0 15px}
#header .row2 ul li a{ color:#676767;  text-decoration: underline}
#header .row2 ul li a:hover{ text-decoration: none}

/*header*/
#header .logo{ padding:30px 290px 21px 55px; float:left}
#header .menu{ width:330px; float:left; padding-top:75px}
#header .menu a{ color:#676767; text-decoration:underline; background:url(../images/marker.gif) no-repeat left top; height:30px; padding-top:13px; font-size:13px}
#header .menu a:hover{ text-decoration:none}
#header .row2 img{ display:block}
#header .row2 .col2 ul li { background:url(../images/marker1.gif) no-repeat 0 8px; padding-left:18px}
#header .row2 .col3 ul li { background:url(../images/marker2.gif) no-repeat 0 8px; padding-left:18px}
#header .row2 .col4 ul li { background:url(../images/marker3.gif) no-repeat 0 8px; padding-left:18px}
#header .row2 .col5 ul li { background:url(../images/marker4.gif) no-repeat 0 8px; padding-left:18px}
#header .row2 .col4 { margin:0; padding:0}

/*footer*/

#footer{ background:url(../images/footer.gif) repeat-x; margin-top: 0;}
#footer .col1 img{ margin:25px 0 0 42px}
#footer .col2 { vertical-align:middle; font-size:16px; color:#797979; padding-top:43px}
#footer .col2 strong{ color:#232323} 
#footer .col3, .col4{ color:#676767; padding-top:45px}
#footer .col3 a{ color:#676767; text-decoration:none}
#footer .col3 a:hover{ text-decoration:underline}
#footer .col3 span a, .col4 span a{ color:#1373B1; text-decoration:underline}
#footer .col3 span a:hover, .col3 span a:hover{ text-decoration:none}
.style1 {color: #666666}
.style2 {font-size: 14}

/*content*/
#wrapper .row1, .row2{ width:1023px}
h1 {font-size:20px; padding-bottom:12px;}
h1.design {font-size:20px; padding-bottom:12px; color:#ff9900;}
h1.dev {font-size:20px; padding-bottom:12px; color:#72bb11;}
h1.hosting {font-size:20px; padding-bottom:12px; color:#126eae;}
h1.marketing {font-size:20px; padding-bottom:12px; color:#bb3c49;}
h2 {font-size:16px; padding-bottom:12px; line-height: 20px;}
.emphasis {font-style: italic; color: #669900; font-weight: bold;}
.designemphasis {font-style: italic; color: #ff9900; font-weight: bold;}
.devemphasis {font-style: italic; color: #72bb11; font-weight: bold;}
.hostingemphasis {font-style: italic; color: #126eae; font-weight: bold;}
.marketingemphasis {font-style: italic; color: #bb3c49; font-weight: bold;}
.leftnav {margin-bottom: 12px; font-weight: bold;}
.quote {color: #bb3c49; font-style: italic; font-size: 14px; line-height: 24px; }

/*curved corner box*/
.curvy {position:relative; width:200px; height:70px; background:#eeb51a; color:#000; margin:1em auto;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#eeb51a; background:#ffffff;overflow:hidden;}
#ctl {top:0px; left:0px;}
#cbl {top:50px; left:0px;}
#ctr {top:0px; left:180px;}
#cbr {top:50px; left:180px;}
#quadtl, #quadtr, #quadbl, #quadbr {position:absolute; font-size:150px; font-family:arial; color:#eeb51a;line-height:40px;}
#quadtl {left:-8px;}
#quadtr {left:-25px;}
#quadbl {left:-8px; top:-18px;}
#quadbr {left:-25px; top:-18px;}
#text {position:absolute; top:5px; left:5px; width:180px; height:70px; color:#ffffff;}

/*tip*/
#sptipfeedtype { color:#666666; font-weight: bold;}
#sptipfeedtext {}
#sptiplink {}



/*==================index.html==================*/
#page1 #wrapper .row1{ background:url(../images/top.gif) no-repeat; height:23px}
#page1 #wrapper .row2{ background:url(../images/repeat.gif) repeat-y}
#page1 #wrapper .row2 .col1 .indent{ padding:0 35px 74px 37px}
#page1 #wrapper .row2 .col1 .title_top{ margin-bottom:19px}
#page1 #wrapper .row2 .col1 .title_bot{ margin-bottom:19px; margin-top:27px}
#page1 #wrapper .row2 .col1 .indent1{ margin-left:4px} 
#page1 #wrapper .row2 .col1 .indent1 img{ margin-right:8px}
#page1 #wrapper .row2 .col1 .indent1  p{ margin-top:13px}

#page1 #wrapper .row2 .col2 { color:#676767; margin-left:10px; margin-right:10px;}
#page1 #wrapper .row2 .col2 .indent{ padding:0 50px 7px 38px}
#page1 #wrapper .row2 .col2 .title_top{ margin-bottom:14px}
#page1 #wrapper .row2 .col2 .picture_indent{ margin-bottom:9px}
#page1 #wrapper .row2 .col2 p{ margin-left:3px; margin-bottom:33px}
#page1 #wrapper .row2 .col2 ul{padding-left:20px; line-height:20px}
#page1 #wrapper .row2 .col2 ul li { background:url(../images/list_bg.gif) no-repeat 0 7px; padding-left:12px; padding-bottom: 15px; }

#page1 #wrapper .row2 .col3 .indent{ padding:0 70px 30px 25px}
#page1 #wrapper .row2 .col3 .title_top{ margin-bottom:28px}
#page1 #wrapper .row2 .col3 .picture_indent{ margin-right:8px}
#page1 #wrapper .row2 .col3 p{ margin-top:13px; margin-bottom:40px}
/*=====*/

/*==================page2col==================*/
#page2col #wrapper .row1{ background:url(../images/top.gif) no-repeat; height:23px}
#page2col #wrapper .row2{ background:url(../images/repeat2.gif) repeat-y}
#page2col #wrapper .row2 .col1 .indent{ padding:0 35px 74px 37px}
#page2col #wrapper .row2 .col1 .title_top{ margin-bottom:19px}
#page2col #wrapper .row2 .col1 .title_bot{ margin-bottom:19px; margin-top:27px}
#page2col #wrapper .row2 .col1 .indent1{ margin-left:4px} 
#page2col #wrapper .row2 .col1 .indent1 img{ margin-right:8px}
#page2col #wrapper .row2 .col1 .indent1  p{ margin-top:13px}

#page2col #wrapper .row2 .col2 { color:#676767; margin-left:10px; margin-right:10px;}
#page2col #wrapper .row2 .col2 .indent{ padding:0 50px 7px 38px}
#page2col #wrapper .row2 .col2 .title_top{ margin-bottom:14px}
#page2col #wrapper .row2 .col2 .picture_indent{ margin-bottom:9px}
#page2col #wrapper .row2 .col2 p{ margin-left:3px; margin-bottom:33px}
#page2col #wrapper .row2 .col2 ul{padding-left:20px; line-height:20px}
#page2col #wrapper .row2 .col2 ul li { background:url(../images/list_bg.gif) no-repeat 0 7px; padding-left:12px; padding-bottom: 15px; }

#page2col #wrapper .row2 .col3 .indent{ padding:0 70px 30px 25px}
#page2col #wrapper .row2 .col3 .title_top{ margin-bottom:28px}
#page2col #wrapper .row2 .col3 .picture_indent{ margin-right:8px}
#page2col #wrapper .row2 .col3 p{ margin-top:13px; margin-bottom:40px}
/*=====*/

/*==================index-1.html==================*/
#page2 #wrapper .row1{ background:url(../images/top1.gif) no-repeat; height:23px}
#page2 #wrapper .row2{ background:url(../images/repeat1.gif) repeat-y}
#page2 #wrapper .row2 .col1 .indent{ padding:0 40px 62px 38px}
#page2 #wrapper .row2 .col1 ul{margin:0px; padding:0px; list-style:none; line-height:20px; margin-top:18px}
#page2 #wrapper .row2 .col1 ul li { background:url(../images/list_bg.gif) no-repeat 0 11px; padding-left:8px}
#page2 #wrapper .row2 .col1 li a{ color:#1373B1;  text-decoration: underline}
#page2 #wrapper .row2 .col1 ul li a:hover{ text-decoration: none}

#page2 #wrapper .row2 .col2 { color:#676767}
#page2 #wrapper .row2 .col2 .indent{ padding:0 50px 7px 38px} 
#page2 #wrapper .row2 .col2 .title{ margin-bottom:11px}
#page2 #wrapper .row2 .col2 .column1{ width:340px; float:left}
#page2 #wrapper .row2 .col2 .column2{ width:305px; float:left}
#page2 #wrapper .row2 .col2 .column1 img, .column2 img{ display:block}
#page2 #wrapper .row2 .col2 .column1 p, .column2 p{ margin:7px 35px 21px 2px}
#page2 #wrapper .row2 .col2 .column1 p a, .column2 p a{ display:block; margin-bottom:4px}
#page2 #wrapper .row2 .col2 ul{padding-left:20px; line-height:20px}
#page2 #wrapper .row2 .col2 ul li { background:url(../images/list_bg.gif) no-repeat 0 11px; padding-left:8px; padding-bottom: 15px; }
/*=====*/


/*==================index-2.html==================*/
#page3 #wrapper .indent{ padding:23px 70px 55px 38px}
#page3 #wrapper .title{ margin-bottom:16px}
#page3 #wrapper p{ margin-bottom:15px}
/*=====*/


/*==================index-3.html==================*/
/*=====*/



/*==================index-4.html==================*/
/*=====*/


/*==================index-5.html==================*/
/*=====*/


/*==================index-5.html==================*/
/*=====*/