/* CSS Document */

body {
height:100%;
text-align:center;
background:#fff url(/img/bodybg.png) top left repeat-x;
margin: 0 auto; 
padding:0;
}

#header {
height:115px;
position:relative;
display:block;
}

#header a {
display:block;
height:115px;
width:260px;
z-index:999;
outline:none;
}

#header h1 {
margin:0;padding:0;
height:115px;
text-indent:-999em;
background:url(/img/logobg.png) bottom left no-repeat;
}

#page {
height:100%;
 margin: 0 auto; 
padding:0;
position:relative;
text-align:left;
width:62em;
}

#maincontent {
width:60%;
float:left;
margin-top:-35px;
}

#sidebar {
width:30%;
padding:1em;
margin-top:60px;
float:right;
margin-bottom:15px;
}

#sidebar.blue {
background:#DFF0FF;
}

#sidebar.gold {
background:#FFE7BE;
}

#footer {
clear:both;
width:100%;
border-top:1px solid #eee;
}

#nav * {margin:0; padding:0;}

ul#nav {
position:absolute;
right:0px;
top:79px;
margin:0;
margin-left:25px;
list-style:none;
padding:0;  
background:Transparent;
}

#nav li ul {
position:absolute;
left:-999em;
width:10em;
margin:0px 1px;
background:#fff;
border-width:0 1px 1px 1px;
border-color:#cdcdcd;
border-style:solid;
list-style:none;
}

#nav li:hover ul, #nav li.sfHover ul {
left:auto;
}

#nav a {
text-indent:-999em; 
display:block;
width:100%;
background-repeat:no-repeat;
outline:none;
}

#nav ul a {
text-indent:0;
width:9.5em;
padding:.75em;
display:block;
font-size:.9em;
text-decoration:none;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
color:#BE6B3A;
}

#nav ul a:hover {
border-top:1px solid #eee;
border-bottom:1px solid #eee;
font-weight:bolder;
background:#FFEFCF;
}

#nav li {
  float:left;
cursor:pointer;
}

#nav li li {
float:none;
}

#nav a.open {
background-position:0px 0px;
}

a#creativedesign {
height:40px;
width:104px;
background:url(/img/creativedesign.png) 0 0px;
}

a#creativedesign:hover {
background-position:0px -40px;
}

a#websitedesign { 
  height:40px; 
  width: 105px; 
  background: url(/img/websitedesign.png) 0 0px; 
} 

a#websitedesign:hover {
background-position:0px -40px ;
}

a#internetmarketing { 
  height:40px; 
  width: 121px; 
  background: url(/img/internetmarketing.png) 0 0px; 
} 

a#internetmarketing:hover {
background-position:0px -40px ;
}

a#itconsulting { 
  height:40px; 
  width: 105px; 
  background: url(/img/itconsulting.png) 0 0px; 
} 

a#itconsulting:hover {
background-position:0px ;
}

a#adviceinteractive { 
  height:40px; 
  width: 97px; 
  background: url(/img/advice.png) 0 0px; 
} 

a#adviceinteractive:hover {
background-position:0px -40px ;
}