/************************************************************************ General */

body{
/* behavior:url('/csshover.htc'); */
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999;
background-image:url(../images/background_stip.jpg);
background-repeat:repeat-x;
}

a, a:visited{
text-decoration:none;
color:#ddd;
font-weight:normal;
}

a:hover{
color:#f70;
text-decoration:underline;
}

hr{color:#f70;}
ul{text-align:justify;color:#ddd;}
img{border-style:none;}
form{margin:0;padding:0;}
div{margin:0;padding:0;}

h1, h2, h3{
color:#f70;
margin:15px 0px 15px 15px;
padding:0;
text-align:left;
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:normal;
}

h4, h5, h6{
color:#f70;
padding-top:5px;
margin:0;
text-align:left;
}

p{
padding-top:5px;
padding-bottom:8px;
margin:0;
text-align:justify;
color:#ddd;
}

.bottom-corner{
float:left;
width:799px;
height:4px;
}

/************************************************************************ Default */

#logo, #nav, #content, #footer{
float:left;
width:799px;
height:283px;
margin-top:1px;
background-color:#20201f;
}

/************************************************************************ Flowing content */

#content.flowing{
height:100%;
background-color:#20201f;
}

#content.flowing .left{
float:left;
width:196px;
}

#content.flowing .right{
width:600px;
float:right;
}

#content.flowing p, ul{
margin:0px 20px 5px 10px;
}

#content.flowing a, #content.flowing a:visited,
#content.about-us .text a, #content.about-us .text a:visited{
color:#f70;
font-weight:bold;
}

#content.flowing a:hover, #content.about-us .text a:hover{
color:#ddd;
}

/************************************************************************ Main */

#main{
width:799px;
font-size:12px;
margin:0 auto;
}

/************************************************************************ Logo */

#logo{
background:url(/images/header.jpg) no-repeat;
height:68px;
margin-top:12px;
}

#logo a.home-link{
display:block;
float:left;
width:320px;
height:66px;
}

#logo a.contact-link{
display:block;
float:right;
width:210px;
height:66px;
}

/************************************************************************ Navigation Bar */

#nav{
height:25px;
}

#nav .cap{
float:left;
width:9px;
height:25px;
border-right:1px solid black;
background:url(/images/menu-sprite.gif) repeat-x 0 0;
}

#nav .end{
border-right:none;
}

#nav a, #nav a:visited{
float:left;
display:block;
padding-top:5px;
width:129px;
height:20px;
text-align:center;
background-color:#7e7e7e;
color:#fff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background:url(/images/menu-sprite.gif) repeat-x 0 0;
border-right:1px solid #000;
}

#nav a:hover {
text-decoration:none;
background-color:#ffa100;
background-position:0 -25px;
}

/************************************************************************ Footer */

#footer {
height:250px;
background-color:#fff;
}

#footer .adverts{
float:left;
width:799px;
height:232px;
background:url(/images/new_bottom_boxes.jpg) no-repeat;
}

#footer a.image{
display:block;
float:left;
width:195px;
height:195px;
margin-right:6px;
}

#footer a.last{
margin-right:0;
}

#footer .links{
float:left;
height:28px;
width:799px;
}

#footer .links .left{
float:left;
width:200px;
color:#999;
text-align:left;
}

#footer .links .right{
float:right;
width:595px;
text-align:right;
}

#footer .links a, #footer .links a:visited{
color:#999;
}

#footer .links a:hover{
color:#f70;
}

#footer .links .right span{
color:#999;
}

/************************************************************************ Home*/

#content.home{
background-image:url(../images/main_banner.jpg);
}

.home .text{
float:left; 
width:435px;
height:80px;
color:#ddd;
font-size:9pt;
padding:0;
margin:55px 0px 0px 340px;
}

.home .bullets{
float:left;
width:320px;
margin:12px 0px 0px 338px;
text-align:left;
color:#ddd;
}

.blue{color:#54bcd5;}
.green{color:#95ae2f;}
.orange{color:#f70;}
.yellow{color:#fef81e;}
.left-margin{margin-left:6px;}

/************************************************************************ About Us */

#content.about-us{
background-image:url(../images/about_us.jpg);
}

#content.about-us .text{
float:left;
width:482px;
height:215px;
margin:57px 0px 0px 295px;
}

#content.about-us .text p{
color:#ddd;
}

/************************************************************************ Examples */

#content.examples{
float:left;
width:746px;
height:253px;
margin-top:1px;
padding:20px 33px 10px 20px;
}

.plus{
background:url(../images/examples_plus.jpg) no-repeat;
}
.store{
background:url(../images/examples_store.jpg) no-repeat;
}
.logos{
background:url(../images/examples_logos.jpg) no-repeat;
}

#content.examples .samples{
float:right;
text-align:right;
width:100%;
margin-top:144px;
padding:0;
}
#content.examples .samples a{
float:right;
width:120px;
margin-left:14px;
text-align:center;
}

#content.examples .button{
display:block;
float:right;
width:94px;
height:20px;
margin-top:16px;
}

/************************************************************************ Gallery */

#content.gallery{
width:759px;
height:100%;
padding:20px;
}

#content.gallery .thumbnail{
float:left;
margin:5px;
width:175px;
padding:2px;
background-color:#888;
}

#content.gallery .thumbnail img{
float:left;
width:175px;
height:175px;
text-align:center;
}

#content.gallery .thumbnail p{
float:left;
margin:0;
padding:2px;
width:171px;
height:32px;
text-align:center;
background-color:#000;
}

/************************************************************************ Compare Options */

#content.compare-options{
background-image:url(../images/options_page.jpg);	
}

#content.compare-options div{
float:left;
width:185px;
height:183px;
margin:90px 5px 0px 7px;
}

#content.compare-options div p{
line-height:15px;
text-align:left;
margin:0px 5px 0px 15px;
color:#ddd;
}

#content.compare-options div ul{
text-align:left;
}

#content.compare-options ul.blue{
list-style-image:url(../images/tick-blue.gif);
margin:5px 0px 0px -8px;
}

#content.compare-options ul.green{
list-style-image:url(../images/tick_green.gif);
margin:5px 0px 0px -10px;
}

#content.compare-options ul.orange{
list-style-image:url(../images/tick_orange.gif);
margin:19px 0px 0px 3px;
}

#content.compare-options ul.yellow{
list-style-image:url(../images/tick_yellow.gif);
margin:5px 0px 0px -1px;
}

/************************************************************************ Testimonials */

#content.flowing .testimonial{
border-bottom:1px solid #f70;
margin:0px 10px 20px 10px;
padding:0;
}

.testimonial .text{
color:#4b4a4a;
color:#ddd;
}

.testimonial .customer{
text-align:right;
line-height:5px;
color:#ddd;
}

.page-numbers{
text-align:right;
margin:0px 10px 0px 0px;
}

/************************************************************************ Contact Us */

#content.contact-us{
background-image:url(../images/contact_us.jpg);
}

#content.contact-us .left{
float:left;
width:230px;
margin:60px 10px 0px 245px;
}

#content.contact-us .right{
float:right;
width:300px;
margin:50px 5px 0px 0px;
text-align:left;
}

#content.contact-us p{
color:#ddd;
}

#content.contact-us span{
color:#f70;
}

/************************************************************************ Contact Us Form */

#content.contact-us label{
float:left;
width:100px;
padding:3px 5px 0px 0px;
margin:10px 0px 0px 10px;
color:#ddd;
}

#content.contact-us .input{
float:left;
width:165px;
margin:10px 0px 0px 0px;
padding:0;
background-color:#b0b0b0;
}

#content.contact-us textarea{
float:left;
width:165px;
margin:10px 0px 0px 0px;
padding:0;
background-color:#b0b0b0;
}

#content.contact-us .button{
float:right;
width:96px;
height:18px;
padding:0;
margin:10px 16px 0px 0px;
}

/************************************************************************ Thank You */

#content.thankyou{
background-image:url(../images/thank_you.jpg);
}

#content.thankyou p{
float:left;
width:540px;
margin:60px 10px 0px 245px;
}

/************************************************************************ Products */

#content.product p{
word-spacing:-0.7px;
color:#ddd;
}

#content.product ul{
list-style-type:none;
line-height:15px;
text-align:center;
margin:2px 0px 0px -10px;
}

#content.product .left{
float:left;
width:350px;
height:90px;
margin:50px 0px 0px 14px;
}

#content.product .right{
float:left;
width:260px;
height:62px;
margin:42px 0px 0px 110px;
}

#content.site-builder{
background-image:url(../images/smart_builder_page.jpg);
}
#content.site-plus{
background-image:url(../images/smart_site_plus_page.jpg);
}
#content.site-store{
background-image:url(../images/smart_site_store_page.jpg);
}
#content.site-pro{
background-image:url(../images/smart_site_pro_page.jpg);
}

/************************************************************************ F.A.Q. */

#question{
padding:5px 0px 5px 0px;
margin-left:10px;
text-align:left;
clear:both;
}

/************************************************************************ Sitemap */

#content.flowing .right div{
margin:0px 10px 20px 10px;
}

/************************************************************************ Log In */

#login, #login label, #login p{
color:#ddd;
}

#login fieldset{
width:210px;
margin:40px auto;
padding:20px;
}

#login label, #login input{
width:100px;
}