@charset "UTF-8";
/* CSS Document */

body {
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;

font-family:"Lucida Grande",Tahoma,Verdana,sans-serif;
font-size:11px;
}
img{
behavior:url('../css/pngHack.htc');
}
a{
color:#5d301b;

}


select,input,textarea{
font-family:"Lucida Grande",Tahoma,Verdana,sans-serif;
font-size:11px;
}

h1{
font-family:"Lucida Grande",Tahoma,Verdana,sans-serif;
font-size:30px;
font-weight:normal;
color:#097aa0;
letter-spacing:-1px;
}

.spacer{
clear:both;
}

.shadow{
height:8px;
background-image:url(../images/misc/shadow.png);
background-repeat:repeat-x;
}

#topbar{
height:42px;
min-width:769px;
background-color:#984b27;
background-image:url(../images/topbar/bg.png);
background-repeat:repeat-x;
}
#topbar .right{
float:right;
width:71px;
height:31px;
}
#topbar .contact{
width:769px;
height:42px;
margin:0px auto;
text-align:right;
background-image:url(../images/topbar/shading.png);
background-repeat:no-repeat;
background-position:0px 31px;
}
#topbar .shading{
clear:both;
width:769px;
height:11px;
margin:0px auto;
}

#containerNav{
width:769px;
min-width:769px;
margin:0px auto;
}


#topNav .nav{
float:right;
font-family:Helvetica,Arial,sans-serif;
font-size:13px;
font-weight:bold;
letter-spacing:-1px;
}
#containerNav #topNav .nav ul{
margin:0px;
margin-top:6px;
padding:0px;
list-style:none;
}
#containerNav #topNav .nav li{
float:left;
margin-right:10px;
}

#containerNav #topNav .nav a{
display:block;
color:#FFFFFF;
text-decoration:none;
padding-left:8px;
padding-right:8px;
padding-top:4px;
padding-bottom:4px;
}


#containerNav #topNav .nav .brown a{
color:#9f4d28;
background-color:#FFFFFF;
}
#containerNav #topNav .nav .brown a:hover{
color:#FFFFFF;
background-color:#9f4d28;
}
#containerNav #topNav .nav .red a{
color:#bc1111;
background-color:#FFFFFF;
}
#containerNav #topNav .nav .red a:hover{
color:#FFFFFF;
background-color:#bc1111;
}
#containerNav #topNav .nav .green a{
color:#8ba511;
background-color:#FFFFFF;
}
#containerNav #topNav .nav .green a:hover{
color:#FFFFFF;
background-color:#8ba511;
}
#containerNav #topNav .nav .blue a{
color:#188bb1;
background-color:#FFFFFF;
}
#containerNav #topNav .nav .blue a:hover{
color:#FFFFFF;
background-color:#188bb1;
}
#containerNav #topNav .nav .purple a{
color:#9c1ab3;
background-color:#FFFFFF;
}
#containerNav #topNav .nav .purple a:hover{
color:#FFFFFF;
background-color:#9c1ab3;
}
#containerNav #topNav .nav .black a{
color:#000000;
background-color:#FFFFFF;
letter-spacing:0px;
}
#containerNav #topNav .nav .black a:hover{
color:#FFFFFF;
background-color:#000000;
}


#containerMain{
width:900px;
margin:0px auto;
background-image:url(../images/contentArea/bg.png);
}
#containerShadow{
width:900px;
margin:0px auto;
background-image:url(../images/contentArea/footer.png);
height:50px;
}

#containerMain .main{
width:769px;
margin-left:60px;
}
#containerMain .mainServices{
width:769px;
margin-left:60px;
background-image:url(../images/misc/greenBar.png);
background-repeat:repeat-x;
background-position:bottom;
}

.pageTitleGreen{
width:769px;
height:119px;
background-image:url(../images/contentArea/pageTitles/bgGreen.png);
}
.pageTitleBlue{
width:769px;
height:119px;
background-image:url(../images/contentArea/pageTitles/ourWork.png);
}
.pageTitleRed{
width:769px;
height:119px;
background-image:url(../images/contentArea/pageTitles/bgRED.png);
}
.pageTitlePurple{
width:769px;
height:119px;
background-image:url(../images/contentArea/pageTitles/bgPurple.png);
}
.pageTitleBlack{
width:769px;
height:119px;
background-image:url(../images/contentArea/pageTitles/bgBlack.png);
}

.pageTitleWin{
width:769px;
height:119px;
background-image:url(../images/contentArea/pageTitles/win.jpg);
}

.theTitle{
float:left;
padding-left:20px;
padding-top:53px;
}
.navDropdown{
float:right;
margin-right:57px;
margin-top:65px;
}
.navDropdown select{
width:150px;
}
.navDropdown .label{
color:#FFFFFF;
padding-bottom:4px;
text-align:right;
text-shadow:#333333 2px 2px 2px;
}



.pageContentWebdesign{
background-image:url(../images/services/picWebdesign.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}
.pageContentEcommerce{
background-image:url(../images/services/picEcommerce.jpg);
background-position:bottom left;
background-repeat:no-repeat;
height:400px;
}
.pageContentHosting{
background-image:url(../images/services/picHosting.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}
.pageContentHosting li{
padding-bottom:6px;
}
.pageContentFlash{
background-image:url(../images/services/picFlash3.jpg);
background-position:bottom left;
background-repeat:no-repeat;
height:450px;
}
.pageContentWhoAreWe{
height:auto;
background-color:#FFFFFF;
/*background-image:url(../images/whoAreWe/theBg.jpg);
background-repeat:no-repeat;
background-position:bottom;*/

}

.pageContentContact{
height:550px;
background-color:#ffffff;
background-image:url(../images/contact/BG.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}

.pageContentOptimisation{
background-image:url(../images/services/picOptim.jpg);
background-position:bottom left;
background-repeat:no-repeat;
height:450px;
}


.subNav{
height:31px;
padding-left:30px;
background-image:url(../images/misc/shadow.png);
background-repeat:repeat-x;
padding-bottom:20px;
}

.subNav a{
display:inline-block;
font-weight:bold;
height:23px;
background-image:url(../images/subnav/bgOff.png);
padding-left:10px;
padding-right:10px;
padding-top:8px;
color:#FFFFFF;
text-decoration:none;
}
.subNav a:hover{
background-image:url(../images/subnav/bgOn.png);
color:#7f980b;
}

.subNav .on{
display:inline-block;
font-weight:bold;
height:23px;
background-image:url(../images/subnav/bgOn.png);
padding-left:10px;
padding-right:10px;
padding-top:8px;
color:#7f980b;
text-decoration:none;
}

.pageContentWork .subNav a{
background-image:url(../images/subnav/bgBlueOff.png);
}
.pageContentWork .subNav a:hover{
background-image:url(../images/subnav/bgBlueOn.png);
color:#003366;
}


.theContent{
float:right;
width:290px;
margin-right:45px;
padding-bottom:40px;
}

.pageTitle{
margin-left:30px;
width:310px;
}