/* CSS Document */

*, body, html, h1, h2, h3, h4, h5, table, tr, td, ul, li{	margin:0;	padding:0;}

body {font-family:"News Gothic Std","Lucida Sans Unicode", "Lucida Grande","Helvetica", "Arial", sans-serif; background-color:#000000; color:#808080;font-size:15px;}
table td {vertical-align:top;}
h1 { font-size:21px; font-weight:normal;margin:0px 20px; padding:0px 0px 5px 5px;border-bottom:1px solid #e7e7e7; }

h2 { font-size:23px; font-weight:normal;padding-bottom:15px;}
h3 { font-size:19px; font-weight:normal;color:#000;padding-bottom:15px;}
h4 { font-size:15px; font-weight:normal;padding-bottom:5px;}
h5 { font-size:11px; font-weight:normal;padding-bottom:15px;}

h1 .sub {float:right;padding-right:20px;}
em {font-style:normal;}
a {text-decoration:none;color:#888888;}
hove {text-decoration:underline;}
p {font-wieght:normal;font-size:14px;}
.quoted p  {padding-bottom:0px;font-style:italic;}
/*defines highlight colors for each individual page category*/
#what-we-do h1, #what-we-do em, #what-we-do .ldquo , #what-we-do .rdquo, #what-we-do .selected, #what-we-do a:hover , #what-we-do h4,#what-we-do .questions li a{color:#000;}
#products   h1, #products em, #products .ldquo , #products .rdquo, #products .selected, #products a:hover, #products h4,#products questions li a {color:#fd8b04;}
#clients    h1, #clients em, #clients .ldquo , #clients .rdquo, #clients .selected, #clients a:hover, #clients h4,#clients .questions li a   {color:#50ba0a;}
#contact    h1, #contact em, #contact .ldquo , #contact .rdquo, #contact .selected, #contact a:hover, #contact h4,#contact .questions li a   {color:#c70101;}
#products.business    h1, #products.business em, #products.business .ldquo , #products.business .rdquo, #products.business .selected, #products.business a:hover , #products.business h4,#products.business .questions li a {color:#69006e;}
#products.people    h1, #products.people em, #products.people .ldquo , #products.people .rdquo, #products.people .selected, #products.people a:hover , #products.people h4,#products.people .questions li a {color:#FF9900;}

#logo {width:284px;height:108px;text-align:left;}
#logo a {width:284px;height:108px;}
#page { background-image: url(/wp-content/themes/digitalagua/images/bg/middle.png); background-repeat: repeat-y;background-position: center top;background-color:#000;}

#pageContent {	width:956px;	margin:0 auto;	background-image: url(/wp-content/themes/digitalagua/images/bg/top.png);	background-repeat: no-repeat;	background-position: center top;}

#home h2 ,#home h1 {color:#fff; font-size:20px; font-weight:normal;margin-bottom:10px;}
#home-temp h2 ,#home-temp h1 {color:#fff; font-size:20px; font-weight:normal;margin-bottom:10px;}
#home h2 {padding:10px 0px 0px 12px;}
#home h1 {padding:10px 0px 0px 12px;border:none;}
#home-temp h1 {padding:10px 0px 0px 12px;border:none;}
#home #header {height:120px;}
#home-temp #header {height:120px;}

#pageContent  #header { text-align:left;}
#header { height:125px;width:954px;}
#header ul { float:right;margin:80px 05px 0px 0px ;width:420px;height:20px;list-style: none;font-size:16px;}
#header ul li { float:left;width:100px;height:20px;text-align:center; }
#header ul li a {z-index: 100;float:left;display:block;color:#fff;text-align:center; padding-top:0px; width:100px; height:20px;text-decoration:none; background-repeat: no-repeat; background-position: center top;}
/*
#header ul li.about a { background-image: url(/img/icons/icon-green.png);} 
#header ul li.contact a { background-image: url(/img/icons/icon-red.png);}
#header ul li.clients a { background-image: url(/img/icons/icon-blue.png);}
#header ul li.products a { background-image: url(/img/icons/icon-orange.png);}
*/
#header ul li.selected {font-weight:bold;}
#body { margin:0px 24px;}

#footer { clear:both;width:956px;margin:0px auto 40px auto;color:#fff; background-color:#000;	padding-top:35px;background-image: url(/wp-content/themes/digitalagua/images/bg/bottom.png);background-repeat: no-repeat;	background-position: center top;}

#footer ul { list-style:none;margin-left:25px;}
#footer ul li { float:left;}
#footer ul li a { color:#fff;text-decoration:none;margin-right:30px;}
#footer ul li a:hover { text-decoration:underline;}

#footer .copyright { float:right;font-size:10px;margin-right:25px;}

.quote { margin:0px 40px -20px 70px;}
.quote span.ldquo { display:block;float:left;height:200px;font-size:180px;margin-left:-70px;margin-top:-40px;margin-bottom:-140px;	}
.quote span.rdquo { display:block;float:right;font-size:180px;height:20px;/*margin-left:280px;*/	margin-top:-55px;margin-bottom:-180px;	}

.quoted  { font-size:12px;float:left;	margin:0px 0px 0px 70px;	}

#copy    { height:475px; min-height:475px;height:auto; }
#copy p  { padding-bottom:20px; }
#copy ul { list-style:none; margin:0px 0px 20px 10px;}

#template1 #copy  { margin-left:25px;width:480px; }
#template1 .image { float:right;width:356px;margin-right:20px; }

#template2 #copy  { margin-left:335px;width:480px; }
#template2 .image { float:left;width:335px; }

#template3 #copy  { margin-left:25px;width:350px;}
#template3 .image { float:right;width:506px;margin-right:20px;}
#news .image { float:right;margin-right:20px;}

#side-nav {width:200px;}
#side-nav ul{list-style:none;margin:28px 0px 0px 25px;line-height:2.2em;}

#layout-table {width:100%}
#layout-table #copy{padding:0px 20px;}

#products #layout-table #col1 {
width:50%;
height:416px;
background-image: url(/wp-content/themes/digitalagua/images/products/bg_business.jpg);
background-repeat: no-repeat;
background-position: right top;}
#products #layout-table #col1 div {margin:100px 15px 0px 245px;}
#products #layout-table #col2 div {margin:25px 40px 0px 40px; text-align:right;}
#products #layout-table #col1 h3 {color:#69006e;}
#products #layout-table #col2 h3 {color:#FF9900;}
#products #layout-table em {font-weight:bold;}
#products #layout-table #col1 .btn { margin-left:70px;margin-top:30px;}
#products #layout-table #col2 .btn { margin-left:70px;margin-top:30px;}

#products #layout-table #col2 {
	width:50%;
	border-left:1px solid #e7e7e7;
	height:416px;
	background-image: url(/wp-content/themes/digitalagua/images/products/bg_people.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#copy .nav3 {list-style:none;margin:30px 0px 00px 0px;padding-bottom:20px;}
#copy .nav3 li {float:left;margin:0px;padding:0px;margin-right:20px;}
#copy .nav3 li.talk {
	display:block;
	float:right;
	vertical-align:middle;
	padding-right:20px;
	background-image: url(/wp-content/themes/digitalagua/images/talk.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#copy .nav3 li.talk a{	color:#0081d3;}

.feature-table td {padding-bottom:20px;}
.feature-table .col1{width:180px;}

.screens-table .col1 {width:210px;}
.screens-table .col1 ul {list-style:none;}
.screens-table .col1 li {float:left;width:93px;}
.screens-table .col2 {text-align:center;}

.news-table .col1 {width:100px;color:#333;font-size:10px;vertical-align:top;}
.news-table .col2 {font-size:14px;vertical-align:top;}
.questions,.questions li {padding:0; margin:0;}
.mtop10 {margin-top:10px;}
.mtop20 {margin-top:20px;}
.mtop30 {margin-top:30px;}
.ptop20 {padding-top:10px;}
.ptop20 {padding-top:20px;}
.ptop20 {padding-top:30px;}
.mtop-15 {margin-top:-15px;}

code {
	display:block;
	font-size:11px;
	margin:10px 0px 20px 0px;
	padding:10px;
	background-color:#eee;
	border:1px solid #ccc;
	}
	
	.cats li {font-size:15px;}