.bottom
{
margin-bottom:5em;
}

*
{
list-style-type: none;
margin:0;
text-decoration: none;
border: none;
font-family: verdana, sans-serif;
font-size: 1em;
padding:0;
}

body
{
background:#216d76;
font:62.5% verdana;
color:#414444;
}

a img
{
border:none;
padding-bottom:0;
margin:0;
}

p 
{ 
font: 1.1em/1.3em verdana; 
color:#414444;
margin-bottom:1em
}

p a
{
color: #216d76;
}

p a:hover
{
text-decoration:underline;
}

h1 
{ 
font: bold 1.2em/1.8em verdana; 
color: #414444;
float:left;
padding-left:14px;
padding-right:8px;
}


h1 span 
{ 
color: #216d76;
}


h2 
{ 
font: bold 1.1em verdana; 
color: #216d76;
margin-bottom:1em;
}




h3 
{
float:left; 
height:auto;
font: 1.1em/1em verdana; 
color: #e2f8fa;
padding-bottom:8px;
padding-top:6px;
padding-left:7px;
background: #878787;
width:145px;
}




h4 
{ 
font: bold 1em verdana; 
color: #414444;
}

#explanation h4
{ 
color: #216d76;
}







img 
{
border:none;
padding:0;
margin:0;
}


img a 
{
border:none;
padding:0;
margin:0;
}


#container
{
height:auto;
width:912px; 
margin:auto;
margin-top:45px;
margin-bottom:45px;
background:#fff;
}


#nav
{
float:left;
width:912px;

background:#216d76;
}


#nav ul
{
float:left;
width:911px;
background:#216d76;

}


#nav li
{
float:left;
text-align:center;
background: url("../images/tab_gray.jpg") no-repeat;
width:152px;
height:auto;
}

#nav li:hover
{
background-position: -152px 0;
}


#nav li a
{
float:left;
background: url("../images/tab_gray.jpg") no-repeat;
font: 1.2em/2.3em verdana;
color:#e2f8fa; 
width:152px;
height:2.5em;
}


#nav li a:hover
{
background-position: -152px 0;

}

#nav li.selected 
{
background: url("../images/tab_white.gif") top no-repeat;
color:#216d76;

}

#nav li.selected a
{
background: url("../images/tab_white.gif") top no-repeat;
color:#216d76;
font-weight:bold;
}

#nav li.selected:hover
{
background: url("../images/tab_white.gif") top no-repeat;
color:#216d76;

}

#nav li.selected a:hover
{
background: url("../images/tab_white.gif") top no-repeat;
color:#216d76;
font-weight:bold;
}


#l_content 
{
float:left;
height:auto;
width:352px;
border-right:1px solid #a9afaf;
}




#logo
{
float:left;
margin-top:30px;
margin-left:16px;
_margin-left:8px;
}


#text
{
float:left;
width:200px;
margin-left:121px;
_margin-left:60px;
}


#r_content 
{
float:left;
height:auto;
width:559px;
border-left:1px solid #a9afaf;
margin-left:-1px;
padding-bottom:20px;
}

#bg_r 
{
float:left;
height:62px;
width:559px;
background: url("../images/drops_bg.jpg") top repeat-y;
}

#sub_nav
{
float:left;
display:inline;
margin-top:60px;
border-bottom:1px solid #a9afaf;
width:559px;
}


#sub_nav ul
{
float:left;
width:556px;
background:#fff;
}


#sub_nav li
{
float:left;
padding-left:.45em;
border-right:1px solid #a9afaf;
padding-right:.4em;
}



#sub_nav li a
{
float:left;
font: 1.1em/1.96em verdana; 
color:#414444;
}


#sub_nav li a:hover
{
color:#414444;
text-decoration:underline;
}


#sub_nav li.selected a
{
text-decoration:underline;
color:#216d76;
font-weight:bold;
}


#sub_nav li.selected a:hover
{
text-decoration:underline;
color:#216d76;
font-weight:bold;
}


#thumbs
{
float:left;

margin-left:19px;
_margin-left:9px;
margin-top:6px;
}


.large h3
{width:494px;}


.thumbs
{
float:left;
height:auto;
width:152px;
margin-top:20px;
margin-right:20px;
_margin-right:19px;
border:1px solid #a9afaf;
}

.large
{
float:left;
height:auto;
width:501px;
margin-top:20px;
border:1px solid #a9afaf;
}

.thumbs:hover h3,.large:hover h3 
{

background: #7b7b7b;
}



#explanation
{
border-top:1px solid #a9afaf;
border-left:1px solid #a9afaf;
border-right:1px solid #a9afaf;
float:left;
padding:7px;
margin-left:-1px;
padding-bottom:0px;
width:334px;
}


#text2
{
border-top:1px solid #a9afaf;
border-left:1px solid #a9afaf;
float:left;
padding:7px;
margin-left:-1px;
padding-bottom:0px;
width:334px;
}


#form
{
border-top:1px solid #a9afaf;
border-left:1px solid #a9afaf;
background:#d5ecf0;
float:left;
padding:7px;
margin-left:-1px;
padding-bottom:0px;
width:334px;
}



#linklist p
{
font: 1em/1.2em verdana; 
}

#linklist h2
{
font: bold 1em verdana;
}


#linklist
{
float:left;
margin-top:26px;
margin-left:19px;
_margin-left:9px;
border-left:1px solid #a9afaf;
border-right:1px solid #a9afaf;

}

.linklist
{
float:left;
border-top:1px solid #a9afaf;
border-left:1px solid #a9afaf;
border-right:1px solid #a9afaf;
margin-left:-1px;
height:auto;
width:160px;
padding:7px;
padding-bottom:0;
background:#fff;
}

.linklist2
{
float:left;
border-top:1px solid #a9afaf;
border-left:1px solid #a9afaf;
margin-left:-1px;
height:auto;
width:160px;
padding:7px;
padding-bottom:0;
background:#fff;
}


#linklist ul 
{
margin:0;
margin-bottom:.7em;
padding-left:0;
list-style:none;
}



#linklist li.web
{

list-style:none;
background: url("../images/corner.gif") left no-repeat;
padding-left:16px;
}

#linklist li.portfolio
{

list-style:none;
background: url("../images/corner1.gif") left no-repeat;
padding-left:16px;
}

#linklist li.clients
{

list-style:none;
background: url("../images/corner2.gif") left no-repeat;
padding-left:16px;
}

#linklist li
{

background: url("../images/corner3.gif") left no-repeat;
padding-left:16px;
color: #216d76;
}



#linklist li a 
{
font: 1em verdana; 
color: #216d76;
margin-left:-2px;
}

#linklist li a:hover 
{
text-decoration:underline;
color:#216d76;
}








#clear{clear:both}