/* Layout */
/*-------------------------------*/
body {
font-size: 70%; 
padding: 0 0 0 0px; 
margin:0 0 0 0px;
background-color:#ffffff;
font-family:Arial, Helvetica, sans-serif
}
#container {
width: 763px;
padding:0 0 0 0px;
margin: 0px auto;
background-color:#ffffff;
}

/* header */
/*-----------------------------------*/
b
{
color:#666666;
font-weight:normal;
}
#web-design-header{
clear: both; 
width: 763px; 
height: 190px; 
border-bottm: 20px solid #ffffff;
text-align:right;
background-image:url(../media/images/header-graphic-1.jpg);
background-position:bottom;
background-repeat:no-repeat;
}
#web-design-about-header{
clear: both; 
width: 763px; 
height: 192px; 
border-bottm: 20px solid #ffffff;
text-align:right;
background-image:url(../media/images/header-graphic-1.jpg);
background-position:bottom;
background-repeat:no-repeat;
}
#web-design-services-header{
clear: both; 
width: 763px; 
height: 192px; 
border-bottm: 20px solid #ffffff;
text-align:right;
background-image:url(../media/images/header-graphic-1.jpg);
background-position:bottom;
background-repeat:no-repeat;
}
#web-design-web-header{
clear: both; 
width: 763px; 
height: 192px; 
border-bottm: 20px solid #ffffff;
text-align:right;
background-image:url(../media/images/header-graphic-1.jpg);
background-position:bottom;
background-repeat:no-repeat;
}
#web-design-brand-header{
clear: both; 
width: 763px; 
height: 192px; 
border-bottm: 20px solid #ffffff;
text-align:right;
background-image:url(../media/images/header-graphic-1.jpg);
background-position:bottom;
background-repeat:no-repeat;
}
#web-design-it-header{
clear: both; 
width: 763px; 
height: 192px; 
border-bottm: 20px solid #ffffff;
text-align:right;
background-image:url(../media/images/header-graphic-1.jpg);
background-position:bottom;
background-repeat:no-repeat;
}
#web-design-approach-header{
clear: both; 
width: 763px; 
height: 192px; 
border-bottm: 20px solid #ffffff;
text-align:right;
background-image:url(../media/images/header-graphic-1.jpg);
background-position:bottom;
background-repeat:no-repeat;
}
#web-design-clients-header{
clear: both; 
width: 763px; 
height: 192px; 
border-bottm: 5px solid #ffffff;
text-align:right;
background-image:url(../media/images/header-graphic-1.jpg);
background-position:bottom;
background-repeat:no-repeat;
}
#web-design-latest-header{
clear: both; 
width: 763px; 
height: 192px;  
border-bottm: 20px solid #ffffff;
text-align:right;
background-image:url(../media/images/header-graphic-1.jpg);
background-position:bottom;
background-repeat:no-repeat;
}
#web-design-contact-header{
clear: both; 
width: 763px; 
height: 192px;  
border-bottm: 20px solid #ffffff;
text-align:right;
background-image:url(../media/images/header-graphic-1.jpg);
background-position:bottom;
background-repeat:no-repeat;
}
/*-----------------------------------*/

/* hoizontal top menu */
/*-----------------------------------*/

.topmenu {
clear: both;
width:770px; 
float: left; 
padding-top:30px;
padding-left:5px;
height: 32px; 
background-image:url(/media/images/web-design-menubg.jpg);
background-position:top right;
background-repeat:no-repeat;
display:inline;
direction:ltr;
margin:0 0 0 0px;
}
.topmenu a {
color:#666666;
text-decoration:none;
}
.topmenu ul{
color:#333333;
text-decoration:none;
display:inline;
direction:ltr;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
.topmenu li{
color:#333333;
text-decoration:none;
display:inline;
direction:ltr;
padding-right:0px;
padding-left:10px;
list-style-position:outside;

}
/*-----------------------------------*/
/* vertical left menu */
/*-----------------------------------*/

#menu {
clear: both;
width:298px; 
float: right; 
background-image:url(/media/images/web-design-menu-bg.jpg);
background-position:top right;
background-repeat:no-repeat;
padding-top:44px;
margin:0 0 0 0px;
}
#menu a {
color:#666666;
text-decoration:none;
}
#menu ul{
color:#333333;
text-decoration:none;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#menu li{
color:#333333;
text-decoration:none;
padding-right:0px;
padding-left:10px;
list-style-position:outside;
background-image:url(/media/images/menu-button-bg.jpg);
background-position:top right;
background-repeat:no-repeat;
height:20px;
list-style-type:none;
list-style-image:none;
font-family:"Trebuchet MS";
}
#menu li a{
list-style-type:none;
list-style-image:none;
color:#0099CC
}
#menu li a:hover{
color:#00688A;
text-decoration:none;
}
/*-----------------------------------*/

/* hoizontal mid menu */
/*-----------------------------------*/
#midmenu {
clear: both; 
width: 100%; 
height: 61px; 
background-color:#AED1F9;
}
#midmenu a {
color:#333333;
text-decoration:none;
}
/*-----------------------------------*/

/* title bar */
/*-----------------------------------*/
#titlebar {
clear: both; 
width: 100%; 
height: 105px; 
background-image:url(/media/images/title-left.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:#1374E2;
text-align:right;
border-bottom:solid 5px #ffffff;
}
#titlebar a {
color:#333333;
text-decoration:none;
}
/*-----------------------------------*/

/* Left Options*/
/*------------------------------------*/
.navleft {
clear: both; 
float: left; 
width: 163px; 
border-left:10px white solid;
border-bottom:5px white solid;
background-color:#D3E6FC;
height:250px;
}
.navleft ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
.navleft li {
list-style-type:none;
list-style-position:outside;
padding-left: 12px;
background-image:url(/media/images/menu-Bg.jpg);
background-repeat:repeat-x;
background-position: bottom;
padding-top:6px;
padding-bottom:2px;
height: 18px;
}
.navleft li a {
text-decoration:none;
color:#0B4280;
cursor:pointer;
}
.navleft li a:hover {
text-decoration:underline;
color: #66B1DB; 
}


/* Content */
/*--------------------*/
.content {
float: left;
width:430px;
padding-left:13px;
padding-right:5px;
background-color:#ffffff;
height:auto;
}
.content p {
color:#666666;
line-height:13px;
font-size:100%
}
.content a {
color: #0DC2FF; 
text-decoration:none;
font-weight:normal;
}
.content a:hover{
color:#0099CC;
text-decoration:underline
}
.content a:hover{
color: #0DC2FF; 
text-decoration:underline
}
.content hr{
color:#999999;
width:380px;
text-align:left;
}
.content li {
color:#666E83;
line-height:13px;
font-size:100%;
text-transform:lowercase;
}
/*-------------------------------*/

/*Right options */
/*-----------------------------------------------*/
#navright{
float: right; 
width: 311px; 
margin: 0px ; 
height:auto;
background-image:url(/media/images/nav-right-bg.jpg);
background-repeat:repeat-y;
background-position: top;
border-top: solid 5px white;
}
#navrighthome{
float: left; 
width: 256px; 
margin-top: 5px ;
padding-top:71px;
}
#navrightnews{
float: left; 
width: 256px; 
margin-top: 5px ;
padding-top:71px;
}
#suboption{
float: left; 
width: 256px; 
padding-top:6px;
padding-bottom:2px;
height: 24px;
}
#suboption a {
padding-left:10px;
color:#04609B;
text-decoration:none;
font-weight:normal;
}
#suboption a:hover {
color:#003366;
text-decoration:none;
font-weight:normal
}
/*-----------------------------------------------*/

/* Footer */
/*-------------------------------*/

#footer {
clear: both;
width: 430px; 
text-align: left;
background-color:#ffffff;
color:#0099CC;
background-image:url(../media/images/footer-copyright.jpg);
background-position:top;
background-repeat:no-repeat;
padding-top:40px;
margin:0 0 0 0px;
}
#footer p {
color:#0099CC;
text-decoration: none;
font-size:90%;
}
#footer ul {
display:inline;
direction:ltr;
}
#footer li {
display:inline;
direction:ltr;
list-style-image:none;
list-style-type:none;
list-style-position:inside;
}
#footer a{
list-style-type:none;
list-style-image:none;
color:#0099CC;
text-decoration:none;
}
#footer a:hover{
color:#00688A;
text-decoration:none;
}
/*-------------------------------*/

/*Banner */
/*-----------------------------------------------*/

#services-sub {
position:relative;
clear:both;
width: 426px;
display:inline;
direction:ltr;
}
#internet-sub {
position:relative;
clear:both;
width: 430px;
padding-top:89px;
background-image:url(../media/images/internet-sub-head.jpg);
background-position:top;
background-repeat:no-repeat;
}
#brand-sub {
position:relative;
clear:both;
width: 430px;
padding-top:89px;
background-image:url(../media/images/brand-sub-head.jpg);
background-position:top;
background-repeat:no-repeat;
}
#gvolve-sub {
position:relative;
clear:both;
width: 430px;
padding-top:89px;
background-image:url(../media/images/gvovle-sub-head.jpg);
background-position:top;
background-repeat:no-repeat;
}
#google-sub {
position:relative;
clear:both;
width: 430px;
padding-top:89px;
background-image:url(../media/images/google-sub-head.jpg);
background-position:top;
background-repeat:no-repeat;
}
#se-sub {
position:relative;
clear:both;
width: 430px;
}
.sesub-body {
position:relative;
clear:both;
width: 398px;
background-image:url(../media/images/SEsub-body.jpg);
background-position:top;
background-repeat:repeat-y;
padding-left:18px;
padding-right:14px;
padding-top:4px;
padding-bottom:4px;
}
.sesub-body p{
color:#003366;
}
.sesub-body a{
color:#0099CC;
}
.sesub-body a:hover {
color:#00688A;
}
.sub-body {
position:relative;
clear:both;
width: 398px;
background-image:url(../media/images/sub-body.jpg);
background-position:top;
background-repeat:repeat-y;
padding-left:18px;
padding-right:14px;
padding-top:4px;
padding-bottom:4px;
}
.sub-body p{
color:#666666;
}
.sub-body a{
color:#0099CC;
}
.sub-body a:hover {
color:#00688A;
}

/*-----------------------------------------------*/

/* News
/*-----------------------*/

#news{
width:298px; 
float: right; 
padding-top:32px;
background-image:url(/media/images/latest-news-head.jpg);
background-repeat:no-repeat;
background-position: top;
}
#news ul{
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#news li{
color:#0099CC;
text-decoration:none;
padding-right:0px;
padding-left:10px;
list-style-position:outside;
background-image:url(/media/images/menu-button-bg.jpg);
background-position:top right;
background-repeat:no-repeat;
height:20px;
list-style-type:none;
list-style-image:none;
}
#news li a{
list-style-type:none;
list-style-image:none;
color:#0099CC;
text-decoration:none;
}
#news li a:hover{
color:#00688A;
text-decoration:none;
}
#homenews{
width:429px; 

}
#homenews ul{
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#homenews li{
color:#0099CC;
text-decoration:none;
padding-right:0px;
list-style-position:outside;
list-style-type:none;
list-style-image:none;
padding-bottom:25px;
}
#homenews li a{
list-style-type:none;
list-style-image:none;
color:#0099CC;
text-decoration:none;
}
#homenews li a:hover{
color:#00688A;
text-decoration:none;
}
/* Sites
/*-----------------------*/

#sites{
width:298px; 
float: right; 
padding-top:32px;
background-image:url(/media/images/latest-sites-head.jpg);
background-repeat:no-repeat;
background-position: top;
}
#sites ul{
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#sites li{
color:#333333;
text-decoration:none;
padding-right:0px;
padding-left:10px;
list-style-position:outside;
background-image:url(/media/images/menu-button-bg.jpg);
background-position:top right;
background-repeat:no-repeat;
height:20px;
list-style-type:none;
list-style-image:none;
font-family:"Trebuchet MS";
}
#sites li a{
list-style-type:none;
list-style-image:none;
color:#0099CC;
text-decoration:none;
}
#sites li a:hover{
color:#00688A;
text-decoration:none;
}
/* Newsletter
/*-----------------------*/

/* Generic styling */
/*-------------------------------*/
p {
color:#cccccc;
}
hr {
height:1px;
width:300px;
color:#66B1DB;
margin-bottom:6px;
}
h1 {
font-weight: normal;
font-size: 100%;
color:#00688A;
width:100%;
height:20px;
padding-top:5px;
}
h2 {
font-weight: normal;
font-size: 100%;
color:#0099CC;
}
h3 {
font-weight: bold;
font-size: 100%;
color:#66B1DB;
margin:0 0 0 0px;
}
h4 {
font-weight: bold;
font-size: 110%;
color:#666666;
line-height:10px;
margin:0 0 0 0px;
}
#pagetag{
width: 543px;
height:45px;
text-left:left;
background-image:url(/media/images/page-tag-web-bg.jpg);
background-position:top right;
background-repeat:no-repeat;
padding-top:50px;
padding-left:220px;
color:#ffffff;
font-size:90%;
font-family:Arial, Helvetica, sans-serif;
}
#pagetag-about{
width: 638px;
height:51px;
text-left:left;
background-image:url(/media/images/page-tag-web-bg.jpg);
background-position:top right;
background-repeat:no-repeat;
padding-top:44px;
padding-left:125px;
color:#ffffff;
font-size:90%;
font-family:Arial, Helvetica, sans-serif;
}
#pagetag-services{
width: 638px;
height:51px;
text-left:left;
background-image:url(/media/images/page-tag-web-bg.jpg);
background-position:top right;
background-repeat:no-repeat;
padding-top:44px;
padding-left:125px;
color:#ffffff;
font-size:90%;
font-family:Arial, Helvetica, sans-serif;
}
#pagetag-web{
width: 638px;
height:51px;
text-left:left;
background-image:url(/media/images/page-tag-web-bg.jpg);
background-position:top right;
background-repeat:no-repeat;
padding-top:44px;
padding-left:125px;
color:#ffffff;
font-size:90%;
font-family:Arial, Helvetica, sans-serif;
}
#pagetag-brand{
width: 638px;
height:51px;
text-left:left;
background-image:url(/media/images/page-tag-web-bg.jpg);
background-position:top right;
background-repeat:no-repeat;
padding-top:44px;
padding-left:125px;
color:#ffffff;
font-size:90%;
font-family:Arial, Helvetica, sans-serif;
}
#pagetag-it{
width: 638px;
height:51px;
text-left:left;
background-image:url(/media/images/page-tag-web-bg.jpg);
background-position:top right;
background-repeat:no-repeat;
padding-top:44px;
padding-left:125px;
color:#ffffff;
font-size:90%;
font-family:Arial, Helvetica, sans-serif;
}
#pagetag-approach{
width: 638px;
height:51px;
text-left:left;
background-image:url(/media/images/page-tag-web-bg.jpg);
background-position:top right;
background-repeat:no-repeat;
padding-top:44px;
padding-left:125px;
color:#ffffff;
font-size:90%;
font-family:Arial, Helvetica, sans-serif;
}
#pagetag-clients{
width: 638px;
height:51px;
text-left:left;
background-image:url(/media/images/page-tag-web-bg.jpg);
background-position:top right;
background-repeat:no-repeat;
padding-top:44px;
padding-left:125px;
color:#ffffff;
font-size:90%;
font-family:Arial, Helvetica, sans-serif;
}
#pagetag-latest{
width: 638px;
height:51px;
text-left:left;
background-image:url(/media/images/page-tag-web-bg.jpg);
background-position:top right;
background-repeat:no-repeat;
padding-top:44px;
padding-left:125px;
color:#ffffff;
font-size:90%;
font-family:Arial, Helvetica, sans-serif;
}
#pagetag-contact{
width: 638px;
height:51px;
text-left:left;
background-image:url(/media/images/page-tag-web-bg.jpg);
background-position:top right;
background-repeat:no-repeat;
padding-top:44px;
padding-left:125px;
color:#ffffff;
font-size:90%;
font-family:Arial, Helvetica, sans-serif;
}