* { margin : 0; padding : 0; }

html {

margin: 0 auto;
padding: 0;
background-color: #838383;
height:100%;

}

html, body, { height:100%; }


body  {
margin : 0px;
padding : 0px;
font : 80%/160% Arial, Verdana, sans-serif;
color : #999999; 
letter-spacing : -0.025em;
text-align : center;
overflow:hidden; 

}

div#altContent {

height:100%;
position:absolute; 
width:100%; }

div#alternate{ 
width : 900px;
margin : 0 auto;
padding : 0;
text-align : center; } 

div#content { 
z-index : 0;
width : 900px;
margin : 0 auto;
background-color: #fafafa;
padding : 0px;
text-align : left;
overflow : auto; }

div#section_content { 
z-index : 1;
width : 846px;
margin : 0 auto;
text-align : left;
padding : 0px;}




div#branding_header h1 { 
text-indent : -9999px; }

div#branding_header h2 { 
text-indent : -9999px; }

div#branding_header { 
width : 900px;
height : 134px;
background : url(images/logo.gif) no-repeat; }

div#navbar ul { 
width : 900px;
height : 37px; }

div#navbar ul { 
list-style-type: none; }

div#navbar li#phone { 
position : relative;
float : left;
top: 0px ;
left: 25px ;
width: 191px;
height : 37px;
text-indent : -9999px;
background : url(images/hed_tel.gif) no-repeat; }


div#navbar li#email { 
position : relative;
float : right;
top: 0px ;
right: 18px ;
width: 249px;
height : 37px;
text-indent : -9999px;
background : url(images/hed_email.gif) no-repeat; }

div#navbar li#email a { 
display : block;
position : absolute;
width: 249px;
height : 37px;
text-indent : -9999px;}

div#navbar li#email a:hover { 
width: 249px;
height : 37px;
text-indent : -9999px;
background : url(images/hed_email.gif) no-repeat; }

div#slideshow { 
width : 846px;
height : 330px;
margin-top : 25px;
margin-bottom : 32px; }


div#services { 
width : 846px; }

div#services_title { 
width : 846px;
height : 46px; 
background : url(images/service_title.gif) no-repeat; }

div#services_title h1 { 
text-indent : -9999px; }

div#services_sub { 
width : 846px;
height : 31px; 
background : url(images/service_sub.gif) no-repeat; }

div#services_sub h2 { 
text-indent : -9999px; }

div#services_para { 
width : 846px; 
margin-top : 10px;
margin-bottom : 32px;}

div#services ul { 
	margin-left : 15px;
	margin-top : 10px;
 }

div#about { 
width : 846px; }

div#about_title { 
width : 846px;
height : 46px; 
background : url(images/about_title.gif) no-repeat; }

div#about_title h1 { 
text-indent : -9999px; }

div#about_sub { 
width : 846px;
height : 31px; 
background : url(images/about_sub.gif) no-repeat; }

div#about_sub h2 { 
text-indent : -9999px; }

div#about_para { 
width : 846px; 
margin-top : 10px;
margin-bottom : 32px;}


div#contact { 
width : 846px; }

div#contact_title { 
width : 846px;
height : 46px; 
background : url(images/contact_title.gif) no-repeat; }

div#contact_title h1 { 
text-indent : -9999px; }

div#contact_sub { 
width : 846px;
height : 31px; 
background : url(images/contact_sub.gif) no-repeat; }

div#contact_sub h2 { 
text-indent : -9999px; }

div#contact_para { 
width : 846px; 
margin-top : 10px;
margin-bottom : 32px;}





div#footer {
margin: 0 auto;
background-color: #333333;
width: 100%;
height: 90px;
padding : 0;
text-align:left;

}

div#footer ul {
list-style-type : none;
font-weight : normal; 
font-size : 80%;
margin-top : 8px;
line-height : 120%;
}

div#footer ul li#site, li#neueoutput {
margin-left : 10px;
}

div#footer ul li {
color: #ffffff;
}

div#footer ul li a {
color: #ffffff;
}

div#footer ul li a:hover {
color: #ffffff;
}

div#footer ul li#copyright {
float:left;
margin-top : 67px;
margin-left : 15px;
}



div#footer ul li#site{
float:right;
margin-top : 67px;

}


div#footer ul li#neueoutput {
float:right;
}

div#footer ul li#neueoutput {
position : relative;
top: -2px;
margin-bottom : 0px;
margin-top : 65px;
margin-right : 10px;
width: 20px;
height : 20px;
text-indent : -9999px;
background : url(images/neueoutput.png) no-repeat;
}

div#footer ul li#neueoutput a {
display : block;
position : absolute;
width: 20px;
height : 20px;
text-indent : -9999px;
}


div#footer ul li#mediatemple {
float:right;
}

div#footer ul li#mediatemple {
position : relative;
top: -2px;
margin-bottom : 0px;
margin-top : 65px;
margin-right : 10px;
width: 40px;
height : 20px;
text-indent : -9999px;
background : url(images/mt.png) no-repeat;
}

div#footer ul li#mediatemple a {
display : block;
position : absolute;
width: 40px;
height : 20px;
text-indent : -9999px;
}






/*#links*/

a { 
color:#838383;  
text-decoration: none; }

a:hover { 
color:#838383;
text-decoration: none; 
border-bottom: 0px solid #509eb2; }


/*#type styles*/
p { 
color: #838383;
font-size : 130%; 
margin-top : 0px;
margin-bottom : 0px;  
line-height : 140%; 
padding : 0.5em 0; }

ul { 
font-family:Arial, Helvetica, sans-serif;
color: #009ddf;
font-size : 110%;
font-weight : bold;
line-height : 5px;
text-indent: 5px; }

ul p {
font-family:Arial, Helvetica, sans-serif;
font-size : 110%;
color: #838383;
line-height : 5px;
margin:5px 0;
}

h1 { 
font-size : 100%; }

h2 { 
font-family: Arial, sans-serif;
color: #509eb2;/*blue*/
font-size : 260%;
letter-spacing: -0.5px; 
font-weight : normal; 
line-height : 30px; }

h3 { 
color: #509eb2;/*blue*/
font-size : 2.85em;
margin-top : 5px;
font-weight : normal; 
letter-spacing : -0.5px; 
line-height : 130%; }

h4 { 
color : #cccccc; 
font-weight : normal;
margin-top : 0px;
margin-bottom : 5px;
line-height : 120%; 
font-size : 170%; }

h5 { 
font-size : 100%; }

h6 { 
color:#cccccc; 
font-weight : normal; 
line-height : 170%; 
font-size : 170%; }

blockquote { 
font-size : 110%; 
white-space : pre; }

div#dl { 
margin-top : 30px;
margin-bottom : 40px;
border-bottom: 1px solid #cccccc; }

div#hl { 
border-bottom: 1px solid #cccccc; }

div#h2_hl { 
border-bottom: 1px solid #cccccc; }

div#h2_hl_ab { 
border-bottom: 1px solid #9d9d9d; }

bd { 
font-weight : bold; }

