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

body { margin:0; padding:0px;
font: normal 11px/1.5em "lucida grande", Verdana, Arial, Helvetica, sans-serif;
background:#a5a5a5;
color:#808080;
}

h1 {font-size:22px;}
h2 {font-size:17px;}
strong {font-weight:bold;}
em {font-style:italic;}



/*----------------------------------- Container -------------------------------------------*/

#container { position:static;background-color:#DCDEE0;}


/*----------------------------------- Branding -------------------------------------------*/

#mobile_brand {display: inline;background:url(images/dtp_logo_mobile.gif) no-repeat; height:50px;width:176px;}
#branding {height:50px;width:176px; margin:0; padding:0px; text-align:center;}
#branding h1 {
text-align:center;
background: none;
height:50px;
width: 176px;
margin:0px;
text-indent:0px;
}

#branding h1 a {
display:block;
width:176px;
height:50px;
background:none }

/*----------------------------------- Content and Content_port (for portfolio section) -------------------------------------------*/



#content { 
margin:0 auto;
padding:0 0 20px 0;}

#content_port {
margin:0;
padding:0;
position:static;
height:200px;}



#content h1, #content_port h1 {color:#00AEEF;}
#content a, #content_port a {color:#00AEEF;}
#content h3, #content_port h3 {font-size:15px; font-style:italic;}
#content h4, #content_port h4 {font-size:13px; font-weight:bold;}

#container.news h2 { margin:5px 0 0px 0px; padding:3px 0 2px 0; font-size:14px; border-top:1px dotted #CCCCCC;color:#00AEEF; font-weight:bold; clear:left; }
#container.news p {margin:0 0 0 0px; }
#container.news #list_indent p {padding: 0px 0px 0px 10px;}

body.home #content {padding:0 0 5px 0;}
body.home #content img {float:left; padding:0 5px 5px 0;}

#about1 {padding:0 0 5px 0; margin:0; }
#about2 {padding:1px 0 5px 5px; margin:0;}


#image_right {padding:5px; margin:0 5px 0 0;}


/*----------------------------------- Planetary Thoughts -------------------*/


body.home #content #thoughts img {
display: block;
margin: 0 auto;
padding: 3px;
}

p.caption {
margin: 0 auto;
padding: 0;
text-align: center;
font-style: italic;
font-weight: bold;
}

/*----------------------------------- SubContent - this is the info at the bottom of the home -------------------*/


#subcontent {bottom:0px; margin:0 5px;
no-repeat; height:160px; overflow:hidden;
background:none }

#subcontent h2 { color:#00AEEF;}


#subcontent div {padding:5px 2px 2px 2px;margin:0px; }
#subcontent #sub_port {}
#subcontent #sub_news {padding-left:3px;}
#subcontent #sub_blog {padding-right:1px;}

#subcontent p {line-height:1.2;}

#subcontent p a {padding:0 0px 0 0;color:#00AEEF ; text-decoration:none;}
#subcontent p a:hover {color:#808080;text-decoration:underline;}

#subcontent h2 a {padding:0 0px 0 0;color:#00AEEF ; text-decoration:none;}

/*----------------------------------- All Navigation -------------------------------------------*/

/*----------------------------------- Main Nav and quicklinks to port section-------------------*/

#nav_main, #nav_port { 
list-style:none;
margin:0px;
padding:0px;}

#nav_port { }

#nav_main li, #nav_port li { display:block; list-style:none;}
#nav_main li a, #nav_port li a { display:block;}

li#li_services { }
li#li_services a {background: none; }
li#li_services a:hover {background: none;
li#li_about { }
li#li_about a {background: none;}
li#li_about a:hover {background: none;}

li#li_news { }
li#li_news a {background: none;}
li#li_news a:hover {background: none;}

li#li_work { }
li#li_work a {background: none;}
li#li_work a:hover {background: none;}




li#print_tab { }
li#print_tab a {background: none; }
li#print_tab a:hover {background: none;}


li#web_tab { }
li#web_tab a {background: none;}
li#web_tab a:hover {background: none; }


li#id_tab { }
li#id_tab a {background: none; }
li#id_tab a:hover {background: none; }


li#ad_tab { }
li#ad_tab a {
 background: none; }
li#ad_tab a:hover {
 background: none;  }


li#brand_tab {  }
li#brand_tab a {
background: none; }
li#brand_tab a:hover {
background: none;
}


/*----------------------------------- Nav that contains contact and testimonials, also includes home link -------------------*/


#nav_sub { }

#nav_sub li {
 display:block; 
 list-style:none; }

#nav_sub li a {display:block; }


li#contact { }
li#contact a { 
 background: none;}
li#contact a:hover {
 background: none;
 }


li#testimonials {  }
li#testimonials a {background: none;}
li#testimonials a:hover {background: none; }


li#gohome {  }
li#gohome a {background: none;
}
li#gohome a:hover {background: none; }


/*----------------------------------- Shaun link -------------------*/
a#recycle {background: none;
height:84px;
display:block;
 }

a:hover#recycle { background: none;}

#shaunlarge {
margin:2px 1px 0 0;
height:97px;
}



/*----------------------------------- Site info - text links and other site info -------------------*/

#siteinfo {color:#616161;  }

#siteinfo p {margin:0px 3px 0 0;
text-align:right; font-size:11px; line-height:1.1em;}

#sitemap {margin:2px auto 0 auto;}
#sitemap li {list-style:none; display:inline; padding:0 5px;}
#siteinfo a {color:#616161; text-decoration:none;}

#siteinfo a:hover { color:#333333; text-decoration:underline;}

a#abc {
height:45px;background: none;
text-indent:-9999px;
margin:3px 0 0 5px;}

a:hover#abc {background: none;
height:45px;
text-indent:-9999px;}


/*----------------------------------- Sitemap - differently styled links -------------------*/
#content.sitemap {font-family: "lucida grande", Verdana, Arial, Helvetica, sans-serif;  }
#content.sitemap h2 {font-size:12px; font-weight:bold; margin:10px 0 5px 0; font-family: "lucida grande", Verdana, Arial, Helvetica, sans-serif; }
#content.sitemap  ul {margin-top:5px; font-family: "lucida grande", Verdana, Arial, Helvetica, sans-serif;}
#content.sitemap  a {color:#616161; text-decoration:none; border-bottom:#616161 dotted 1px; 
font-family: "lucida grande", Verdana, Arial, Helvetica, sans-serif;}
#content.sitemap  a:hover { color:#333333; text-decoration:none; border-bottom:#333333 solid 1px;
 font-family: "lucida grande", Verdana, Arial, Helvetica, sans-serif;}

#content.sitemap ul li {font-weight:bold; margin:2px 0px;}
#content.sitemap ul li ul li {font-weight:normal;}
#container.sitemap #branding a {border:none;}

#col1 { }
#col2 { padding:2px 0 0 3px; }


/*----------------------------------- other styles -------------------------------*/

#content.testimonials em {display:block; margin:0 0 0 3px; padding:0 0 1px 0;}