/*
Author: Drukhost
Site: www.drukhost.com
Color codes:
Blue: #006ba9
Grey: #e6e6e6
Darker Grey Font: #9d9e9f
Grey Lines: #cdcdcc
*/
body{
background:#e6e6e6;
margin:0;
color:#474645;
}
a{
color:#006ba9;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
img{
border:none;
}
#layoutwrapper{
width:900px;
margin:0 auto;
background:left url(../images/layout/leftshadow.jpg) repeat-y #fff;
}
#layoutwrapper2{
background:right url(../images/layout/rightshadow.jpg) repeat-y #fff;
position:relative;
margin-left:15px;
}
#contentwrapper{
position:relative;
width:870px;
overflow:hidden;
}
#masthead{
width:100%;
}
#masthead h2{
padding:0;
margin:0;
color:#9a9898;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
#customer{
float:right;
width:200px;
font:12px arial;
color:#666666;
padding:5px 15px 0 0;
}
#customer a, #customer a:visited{
color:#006ba9;
text-decoration:none;
}
#customer a:hover{
text-decoration:underline;
}
#logo{
clear:both;
border-top:#cdcdcc 1px solid;
padding:10px 3px;
}
#topmenu{
overflow:hidden;
margin:0 auto;
clear:both;
width:750px;
border-top:#cdcdcc 1px solid;
/*border-bottom:#e5e4e4 2px solid;*/
}
#topmenu ul{
list-style:none;
padding:5px 0 5px 5px;
margin:0;
}
#topmenu li{
padding:0 15px 0 15px;
display:block;
float:left;
}
#topmenu a, #topmenu a:visited{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
letter-spacing:1px;
color:#7b7c7d;
font-weight:bold;
text-transform:uppercase;
}
#topmenu a:hover{
color:#006ba9;
text-decoration:underline;
}
#topmenu a.active{
color:#006ba9;
}
#wrapper{
overflow:hidden;
width:850px;
margin:5px auto 0 auto;
}
#wrapper p{
font-family:"Trebuchet MS", Tahoma, Arial;
font-size:12px;
color:#474645;
line-height:18px;
text-align:justify;
}
#wrapper h1{
padding-top:10px;
font-family:Tahoma, Arial, verdana;
font-size:20px;
font-weight:100;
color:#006ba9;
border-bottom:1px dotted;
}
#wrapper h1 a{
color:#006ba9;
text-decoration:none;
}
#wrapper h1 a:hover{
color:#de8c21;
}
#wrapper a.more{
font-family:"Lucida Sans Unicode";
font-size:12px;
height:20px;
background:url(../images/layout/arrow.gif) no-repeat;
padding-left:24px;
display:block;
color:#006ba9;
text-decoration:none;
}
#wrapper a.more:hover{
background:url(../images/layout/arroworange.gif) no-repeat;
color:#de8c21;
}
#contentleft{
width:272px;
float:left;
padding:5px 10px 5px 5px;
}
#contentmiddle{
width:272px;
float:left;
padding:5px 10px 5px 10px;
}
#contentright{
float:right;
width:238px;
padding:5px 5px 5px 10px;

}
#contentright ul{
padding:0;
margin:0;
list-style:none;
}
#contentright ul li{
padding:3px 0 3px 18px;
margin:0;
font-family:Arial;
font-size:12px;
color:#686a6b;
background:url(../images/tick.gif) no-repeat;
display:block;
border-bottom:#cdcdcc 1px dotted;
}
.contentrightgreen{
background:url(../images/layout/rightroundgreen.gif) bottom no-repeat;
padding-bottom:5px;
}
.contentrightorange{
background:url(../images/layout/rightroundorange.gif) bottom no-repeat;
padding-bottom:5px;
}
#contentright h1.h1orange{
color:#de8c21;
font-size:15px;
}

#hostingplansbox{
clear:both;
overflow:hidden;
background:url(../images/hostingcontainer.gif) no-repeat;
width:850px;
margin:0 auto;
height:167px;
}
#hostingplansbox .innerbox{
width:200px;
border-right:1px solid #cdcdcc;
margin-top:15px;
padding:0px 5px 0px 5px;
float:left;
}
#hostingplansbox h2{
padding-left:20px;
font-family:Arial;
color:#de8c21;
font-size:15px;
margin:0;
}
#hostingplansbox ul{
list-style:none;
margin:0 0 0 10px;
padding:3px 0 0 0;
}
#hostingplansbox ul li{
margin:0;
font-family:Tahoma;
font-size:13px;
color:#474645;
padding:0 0 0 20px;
background:url(../images/star.gif) no-repeat;
}
#hostingplansbox .noborder{
border:0;
}
#hostingplansbox ul li.price{
margin:0;
background:none;
padding:1px 0 0 2px;
color:#006ba9;
font-weight:bold;
}
#news{
clear:both;
}
#news h1{
border-bottom:none;
padding:10px 0 5px 0;
margin:0;
}
#news h2{
color:#de8c21;
font-size:14px;
margin:0;
padding-top:10px;
font-family:Tahoma, Arial, Tahoma;
border-bottom:1px dotted;
}

#footer{
width:850px;
margin:0 auto;
padding:10px 0 0 0;
text-align:center;
}
#innerfoot{
margin-top:15px;
border-top:1px solid #cdcdcc;
}
#innerfoot p{
font-family:Arial, Tahoma;
font-size:11px;
color:#666666;
text-align:center;
}
#innerfoot ul{
padding:8px 0;
margin:0;
list-style:none;
}
#innerfoot ul li{
margin:0;
padding:0 15px;
float:left;
display:block;
}
#innerfoot ul li a{
font-family:Arial, Tahoma;
font-size:11px;
color:#666666;
text-decoration:none;
}
#innerfoot ul li a:hover{
text-decoration:underline;
color:#006ba9;
}

/* CSS for sub pages starts here */
#contentleft1{
width:560px;
float:left;
}
#contentleft1 h2{
color:#de8c21;
font-family:arial, tahoma, verdana;
font-size:14px;
}
.portfolio{
float:left;
margin:10px 40px;
padding:5px;
line-height:20px;
background:#f0f6fb;
text-align:center;
font-weight:bold;
border:1px solid #c5c2c2;
width:175px;
font-family:tahoma, arial;
font-size:11px;
}
.portfolio a, .portfolio a:visited{
color:#de8c21;
}
.contact{
font-family:Arial, tahoma, verdana;
font-weight:bold;
}
#mainform{
overflow:hidden;
border:1px #cdcdcc dotted;
padding:10px;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-weight:bold;
font-size:11px;
}
.form{
width:200px;
}
#formleft{
width:230px;
float:left;
}
#formleft input{
margin:3px 0 10px 0;
}
#formleft select{
height:22px;
margin:3px 0 10px 0;
}
#formright{
width:300px;
float:left;
}

#formright textarea{
width:290px;
height:175px;
}