* {margin: 0; padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		    box-sizing: border-box;
}


/*html {background: url('../img/bg_techdraw2.png') no-repeat fixed bottom right;}*/

html { margin: 0; padding: 0;
	background: url('../img/bg4.png') repeat scroll top left}

/*html {background: url('../img/bg_techdraw_tr2.png') no-repeat fixed bottom right,
									url('../img/bg4.png') repeat scroll top left
					; }
*/


body { margin: 0; padding: 0;
	font-family: 'Ubuntu', 'Segoe UI',sans-serif; 
	font-size: 1em;
	min-width: 540px;
}

section, footer {opacity: 0.01;}

br.clear {clear: both;}


div#title {width: 800px; margin: 2em auto;}

img.logo {display: inline-block; margin-right: 2em; margin-top: -2.5em;}

h1 {display: inline-block; 
	text-align: center; 
	font-size: 4.5em;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	vertical-align: bottom;
	}


div#dh_logo {width: 700px; text-align: center; margin: 16px auto 8px; padding: 0; border: 1px dotted red; }


div#email {width: 90%; 
	text-align: center; 
	font-size: 2em;
	color: gray;
	width: 20em;
	margin: -0.25em auto;
	padding: 0.1em 0 0.4em;}

span.email {display: inline;}

div#email a {display: inline; text-decoration: none; color: gray;}

div#email a:hover {text-decoration: underline; color: blue;}

div#phone   {width: 90%; margin: -1.5em auto 0.5em; padding: 0; 
		text-align: center;}

div#phone span.call {	font-size: 2.5em; 
	font-weight: 700;
	/*text-align: center; 
	padding: 0;*/
	width: 16em;
	margin: 0 1em;
	color: rgba(20,20,20,0.9);
	text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
		}

header img {margin-top: 1em ; padding: 0; float: left;}

span.dhtext {
	display: inline-block; float:left;
	height: 128px; margin-top: 44px;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	font-family: 'Ubuntu', sans-serif; font-size: 6.5em;}


/*temp settings for dev use*/

/* div {border: 1px dotted blue; }

/* end of temp stuff */



h2 {font-family: 'Oswald', sans-serif; font-size: 2em; color: gray; 
	margin: 0; padding: 0 0 0.2em 0; }

h3 {font-family: 'Oswald', sans-serif; font-size: 1.75em; color: gray; 
	margin: 0; padding: 0 0 0.2em 0; text-shadow: 1px 1px 3px rgba(0,0,0,0.5);}

.full-width {clear: left; width: 90%;}

hr {clear: both; width: 90%; margin: 2em auto 1em; height: 0px;
	border: none; 
 	border-bottom: 1px solid rgba(220,240,220,0.25);
 	}

section {display: block; float: left; 
	width: 44%; 
	margin: 1em 1em; padding-right: 1em;
	font-size: 1.2em;
	line-height: 1.4em;}

section img.letter {display: block; float: left; padding: 0px 24px 16px 0; }

section#design {/*background: transparent url('../img/design4.png') no-repeat top right;*/}
section#design h2 {}


p.small {font-size: 0.875em; color: gray; clear: left;}

div#wrapper {width: 232px; height: 142px; float: left; margin: 1em 33% 4em 20%;}
/* Override (padded) height of slider controls */
.theme-default .nivo-controlNav {padding: 8px;}


section#hosting {/*background: transparent url('../img/hosting.png') no-repeat top right;*/}

section#hosting h2 {}


div.feature { float: left;
	width: 110px; height: 110px;
	/*background-color: rgba(250,250,250,0.75);
	border: 1px solid silver; border-radius: 4px; box-shadow: 2px 2px 4px gray; */
	margin: 8px;
	}
div.feature a {text-decoration: none;}
div.feature img {display: block; margin: 4px auto; opacity: 0.5;}
div.feature img:hover {opacity: 1.0;}

div.feature span {display: block; width: 100%; text-align: center; font-weight: 900;}

span.logotext {display: block; float: left; width: 30%; padding-top: 32px; margin: 1em;}





.costable {
	width: 80%;
	margin: 1em auto; 
	padding: 0px;
	border: 1px solid #7f7f7f;
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
}.costable table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.costable tr:last-child td:last-child {
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
}
.costable table tr:first-child td:first-child {
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
}
.costable table tr:first-child td:last-child {
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
}.costable tr:last-child td:first-child{
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
}.costable tr:hover td{
	
}
.costable tr:nth-child(odd){ background-color:#ddfcff; }
.costable tr:nth-child(even)    { background-color:#ffffff; }.costable td{
	vertical-align:middle;
	
	
	border:1px solid #7f7f7f;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:4px;
	font-size:12px;
	font-family:Verdana;
	font-weight:normal;
	color:#000000;
}.costable tr:last-child td{
	border-width:0px 1px 0px 0px;
}.costable tr td:last-child{
	border-width:0px 0px 1px 0px;
}.costable tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.costable tr:first-child td{
		background:-o-linear-gradient(bottom, #00ff00 5%, #3f7f00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00ff00), color-stop(1, #3f7f00) );
	background:-moz-linear-gradient( center top, #00ff00 5%, #3f7f00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00", endColorstr="#3f7f00");	background: -o-linear-gradient(top,#00ff00,3f7f00);

	background-color:#00ff00;
	border:0px solid #7f7f7f;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:25px;
	font-family:Helvetica;
	font-weight:bold;
	color:#ffffff;
}
.costable tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #00ff00 5%, #3f7f00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00ff00), color-stop(1, #3f7f00) );
	background:-moz-linear-gradient( center top, #00ff00 5%, #3f7f00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00", endColorstr="#3f7f00");	background: -o-linear-gradient(top,#00ff00,3f7f00);

	background-color:#00ff00;
}
.costable tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.costable tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}











img#webstds {display: block; float: left; margin: 1em 0 0 10%;}

div#quotewrapper {margin: 1em;}

.blockquote {display: block; clear: both; 
	width: 90%; height: auto;  overflow-y: auto; margin: 1em 0 0 1em; 
	border-left: 10px solid rgba(192,192,192,0.5); }

div.testes {display: block; width: 90%; font-size: 1.1em; line-height: 1.5em; margin: 1em 0.5em 1em 2em;}

.blockquote h3 {margin: 0; padding: 0.2em 4px 0.35em 4px; background-color: rgba(192,192,192,0.5); color: white; }

span.signed {display: inline-block; clear: both; float: right; font-style: italic; margin: 0.5em;}

img.client_site {display: inline-block; float: left; margin: 1em 1em 1em 1.5em; 
	width: 45%; min-width: 256px; max-width: 640px; height: auto; 
	border: 1px solid silver;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
}

div#footnote {clear: both; width: 90%; 
	margin: 1em auto; padding: 1em 2em; 
	line-height: 1.75em; background-color: white;
	border: 1px solid silver; border-radius: 4px; box-shadow: 2px 2px 4px rgba(0,0,0,0.5);}


@media (max-width: 779px) {

/*div {border: 1px solid green;}*/
h1 {font-size: 3em;}

div#title {width: 460px ; margin: 0; padding: 0;}

div#dh_logo {width: 360px; text-align: left; margin: 8px 0 4px; padding: 0; }
div#phone   {width: 360px; text-align: left; margin: -1em 0 1em 1em; padding: 0; }
div#email   {width: 360px; text-align: left; margin: 1em 0 0 0.5em; padding: 0; }

div#email a {font-size: inherit; }

header img {margin-top: 1em ; padding: 0; float: left; width: 64px; height: 64px;}

span.dhtext {
	display: inline-block; float:left;
	height: 64px; margin-top: 26px;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	font-family: 'Ubuntu', sans-serif; 
	font-size: 3.5em;
	}

span.call {	font-size: 1.5em; 
	font-weight: 700;
	padding: 0;
	margin: 0.4em 0.35em 0 0.35em;
	color: rgba(80,80,80,0.9);
	text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
		}

section {display: block; float: left; width: 90%; margin: 1em 0.5em; padding-right: 0.5em; 
	font-size: 1.1em;
	line-height: 1.15em;}

p.testes {font-size: 1.0em}

img.client_site {width: 95%; min-width: 0; }

}

@media (max-width: 599px) {

  img.logo {margin: 0;}
  span.call {	font-size: 1.0em; display: block; float: left; }


}