body, html{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:xx-small;
text-align:justify;
height:100%;
}

a:link, a:visited{
color:#3366FF;
text-decoration:none;
}

a:hover, a:hover:visited{
color:#FF3300;
text-decoration:none;
}

h1{
font-size:medium;
}

h2{
font-size:x-small;
}

h3{
font-size:small;
font-weight:bold;
}

h4{
font-size:xx-small;
margin-bottom:0;
}

.largeText, .largeText li, .largeText ul{
font-size:small;
}

.error{
color:#FF0000;
font-weight:bold;
}

input {
 display:block;
 width:250px;
 float:left;
 margin-bottom:10px;
}

label{
 display:block;
 text-align:right;
 float:left;
 width: 75px;
 padding-right:20px;
}

.submit{
width:75px;
margin-left:95px;
margin-bottom:20px;
}

.resultBox{
clear:left;
width:350px;
padding:10px;
background-color:#CCCCCC;
border:1px solid #FF0000;
margin: 10px 0 10px 0;
}


#contentHolder{
width:800px;
margin:auto;
}

#header{
margin-bottom:20px;
}

#columnLeft{
width:200px;
float:left;
background-color:#CCCCCC;
}

#columnMain{
width:400px;
float:left;
}

.columnMainContent{
padding:10px;
}

#columnRight{
width:200px;
float:left;
}

#footer{
clear:both;
border-top:1px solid #CCCCCC;
width:800px;
margin:0 auto;
}

#footer p{
text-align:center;
margin-top:20px;
clear:left;
}

#topmenu {
width: 400px; 
height: 30px;
background-image:url(images/topmenu.gif); 
padding: 0;
margin: 0;
position: relative;
}

#topmenu li {
margin: 0;
padding: 0; 
list-style: none;
position: absolute; 
top: 0;
}

#topmenu li, #topmenu a {
height: 30px; 
display: block;
}

#topmenu span{
display:block;
width:0;
height:0;
overflow:hidden;
} 

#whoweare {left: 0; width: 100px;}
  
#whatwedo {left: 100px; width: 100px;}

#philosophy {left: 200px; width: 100px;}

#links {left: 300px; width: 100px;}

#whoweare_over {
    left: 0; width:100px;
    background: transparent url(images/topmenu.gif)
    0 -31px no-repeat;}
	
#whatwedo_over {
    left: 100px; width:100px;
    background: transparent url(images/topmenu.gif)
    -100px -31px no-repeat;}

#philosophy_over {
    left: 200px; width:100px;
    background: transparent url(images/topmenu.gif)
    -200px -31px no-repeat;}

#links_over {
    left: 300px; width:100px;
    background: transparent url(images/topmenu.gif)
    -300px -31px no-repeat;}

#whoweare a:hover {
    background: transparent url(images/topmenu.gif)
    0 -31px no-repeat;}
#whatwedo a:hover {
    background: transparent url(images/topmenu.gif)
    -100px -31px no-repeat;}
#philosophy a:hover {
    background: transparent url(images/topmenu.gif)
    -200px -31px no-repeat;}
#links a:hover {
    background: transparent url(images/topmenu.gif)
    -300px -31px no-repeat;}



#mediamenu {
width: 400px; 
height: 108px;
background-image:url(images/mediamenu.gif); 
padding: 0;
margin: 0;
margin-top: 10px;
position: relative;
}

#mediamenu li {
margin: 0;
padding: 0; 
list-style: none;
position: absolute; 
top: 0;
}

#mediamenu li, #mediamenu a {
height: 108px; 
display: block;
}

#mediamenu span{
display:block;
width:0;
height:0;
overflow:hidden;
} 

#video {left: 0; width: 100px;}
  
#sound {left: 100px; width: 100px;}

#photo {left: 200px; width: 100px;}

#testimonials {left: 300px; width: 100px;}

#video_over{
	left:0;
	width:100px;
	background: transparent url(images/mediamenu.gif) 0 -109px no-repeat;
}

#sound_over{
	left:100px;
	width:100px;
	background: transparent url(images/mediamenu.gif) -100px -109px no-repeat;
}

#photo_over{
	left:200px;
	width:100px;
	background: transparent url(images/mediamenu.gif) -200px -109px no-repeat;
}

#testimonials_over{
	left:300px;
	width:100px;
	background: transparent url(images/mediamenu.gif) -300px -109px no-repeat;
}

#video a:hover {
    background: transparent url(images/mediamenu.gif)
    0 -109px no-repeat;}
#sound a:hover {
    background: transparent url(images/mediamenu.gif)
    -100px -109px no-repeat;}
#photo a:hover {
    background: transparent url(images/mediamenu.gif)
    -200px -109px no-repeat;}
#testimonials a:hover {
    background: transparent url(images/mediamenu.gif)
    -300px -109px no-repeat;}

#d4menu {
width: 180px; 
height: 59px;
background-image:url(images/d4menu.gif); 
padding: 0;
margin: 0;
position: relative;
}

#d4menu li {
margin: 0;
padding: 0; 
list-style: none;
position: absolute; 
top: 0;
}

#d4menu li, #d4menu a {
height: 59px; 
display: block;
}

#d4menu span{
display:block;
width:0;
height:0;
overflow:hidden;
} 

#d4b {left: 0; width: 60px;}
  
#d4f {left: 60px; width: 60px;}

#d4e {left: 120px; width: 60px;}

#d4b a:hover {
    background: transparent url(images/d4menu.gif)
    0 -60px no-repeat;}
#d4f a:hover {
    background: transparent url(images/d4menu.gif)
    -60px -60px no-repeat;}
#d4e a:hover {
    background: transparent url(images/d4menu.gif)
    -120px -60px no-repeat;}

#newsBox{
background-image:url(images/news.gif);
background-position:bottom right;
background-repeat:no-repeat;
padding:15px 0 2px 120px;
}

#clientList{
float:left;
width:300px;
margin-left:30px;
}

.clientListRC{
float:left;
clear:right;
display:block;
width:150px;
margin-bottom:5px;
}

.clientListLC{
float:left;
display:block;
width:150px;
margin-bottom:5px;
}

#logos{
background-color:#FFFFFF;
padding:10px;
}

.sideBox{
margin:10px;
}

.flashBox{
margin:0px 10px 0px 10px;
}