html,body,div,span,h1,h2,h3,h4,p,a,abbr,acronym,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th {margin: 0;padding: 0;border: 0;vertical-align: baseline;}

html {overflow:auto;}
body {line-height: 1.2;background-color: #fff;color: #000;font: 80% verdana, arial, helvetica, sans-serif, non-serif;height: 100%;}
ol,ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
.skip   {  position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden; }

#top { background: #fff url(../images/t_head.gif) bottom repeat-x;padding: 2px;}
#top a{	color: #660000;}
#top a:visited{	color: #000;}
#top a:active{	background-color: #f5caaf;	color: #000;}
#head1{	background: #EA8A51 url(../images/fade1.gif) left;	font-size: 75%;}

#face {	background: #fff url(../images/faces1.jpg) 41% 0% no-repeat;font-size: 75%;	line-height:2;height:180px;}

@media all and (max-width: 740px) {
#face {	background: #fff url(../images/faces1.jpg) 45% 30% no-repeat;	font-size: 75%;	line-height:2;	height:80px;}
}

#head2 h1
{

	color: #cc0000;
	font-size: 146%;
	font-weight: bold;

	letter-spacing: 6px;
	padding: 0;
	right: 1px;
	text-align: center;
	margin:0 0 0 1.5em;
	width: auto;
}
#site
{
	background: #fff;
	right: 1px;
	text-align: right;
}

#thisone
{
	left: 6px;
	position: absolute;
	top: 12em;
	width: 19.5em;
}

#title
{
	line-height: 2;
	border-left: 1px solid #cc0000;
	border-right: 1px solid #cc0000;
	border-top: 3px dashed #cc0000;
	width: auto;
	background: rgb(54, 25, 25); /* Fall-back for browsers that don't support rgba */
    background: rgba(54, 25, 25, .5);color:#fff;padding-left:.5em;
}

	
#title h2
{
	margin: 0 6px;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	letter-spacing: 6px;
	width:auto;
}
#leftcontent
{
	background: #f8dfcf; /* Old browsers */
		background: -moz-linear-gradient(top,  #f8dfcf 0%, #f6ceb6 17%, #f0ae85 33%, #ea8b52 67%, #f47b33 83%, #f76914 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,f8dfcf), color-stop(17%,#f6ceb6), color-stop(33%,#f0ae85), color-stop(67%,#ea8b52), color-stop(83%,#f47b33), color-stop(100%,#f76914)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f8dfcf 0%,#f6ceb6 17%,#f0ae85 33%,#ea8b52 67%,#f47b33 83%,#f76914 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f8dfcf 0%,#f6ceb6 17%,#f0ae85 33%,#ea8b52 67%,#f47b33 83%,#f76914 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f8dfcf 0%,#f6ceb6 17%,#f0ae85 33%,#ea8b52 67%,#f47b33 83%,#f76914 100%); /* IE10+ */background: linear-gradient(top,  #f8dfcf 0%,#f6ceb6 17%,#f0ae85 33%,#ea8b52 67%,#f47b33 83%,#f76914 100%); /* W3C */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8dfcf', endColorstr='#f76914',GradientType=0 ); /* IE6-9 */		height: 100%;	border: 3px dashed #cc0000;	width: 97%;overflow:hidden;}

#leftcontent ul
{
	clear: both;
	font: bold 134% verdana, arial, sans-serif;
	list-style-type: none;
	margin: .25em 0 0 .7em;
	padding: 10px 0 0 0;
	text-align: left;
}
#leftcontent ul li
{
	background: transparent url(../images/pointer.gif) no-repeat;
	margin: 2px 2px 1.5em 2px;
	padding: 0 2px 0 10px;
	text-align: left;
}



#leftcontent ul li a:hover
{
	border-bottom: 3px dotted #cc0000;
	color: #cc0000;
	text-decoration: none;
}
#leftcontent ul li a
{
	border-bottom-style: none;
	color: #2D0F02;
	font: bold 90% verdana, arial, sans-serif;
	text-align: left;
	text-decoration: underline;
}

@media all and (max-width: 740px) {
 #site {clear:both;text-align: right;	margin: .2em .1em .7em 0;overflow:hidden;line-height:1.3;}

 #thisone
{
	margin: 6em auto 0 auto;
	width: 96%;
}
#title
{
	border:0;
	width: 95%;
	background:transparent;
	white-space:nowrap;
	position:relative;margin:-2.5em 0 0 ;padding:0;
}
#head2 h1
{
	color: #cc0000;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 6px;
	padding: 2px 0;
	right: 1px;
	text-align: center;
	margin:0;
	width: auto;
}
#title h2
{
	margin: 0 6px;
	color: #130ee9;
	font-size: 85%;
	font-weight: bold;
	letter-spacing: 3px;
	-moz-text-shadow: .2em .2em .4em #fff;
	-webkit-text-shadow: .2em .2em .4em #fff;
	text-shadow: .2em .2em .4em #fff;
}
#leftcontent
{
	background: transparent;
	padding: 0 2px 2px;
	width: auto;
	border:0;
}
#leftcontent ul
{
	font: bold;
	list-style-type: none;
	margin: 0 0 0 .1em;
	padding: 2px 0 0 0;
	text-align: left;
}
#leftcontent ul li
{
	background: transparent url(../images/pointer.gif) no-repeat;
	margin: 2px 2px 1.5em 2px;
	padding: 0 2px 0 10px;
	text-align: left;float:left;
}

}

body.home #leftcontent ul li a.home1, body.home1 #tabs a.home1, 
body.design #leftcontent ul li a.design1, body.design #leftcontent ul a.design1,
body.develop #leftcontent ul li a.develop1, body.develop #leftcontent ul a.develop1,
body.manage #leftcontent ul li a.manage1, body.manage #leftcontent ul a.manage1,
body.cms #leftcontent ul li a.cms1, body.cms #leftcontent ul a.cms1,
body.use #leftcontent ul li a.use1, body.use #leftcontent ul a.use1,
body.quick #leftcontent ul li a.quick1, body.quick #leftcontent ul a.quick1,
body.nonprofit #leftcontent ul li a.nonprofit1, body.nonprofit #leftcontent ul a.nonprofit1
body.art #leftcontent ul li a.art1, body.art #leftcontent ul a.art1
{
	border-bottom: 3px dotted #cc0000;
	color: #cc0000;
	text-decoration: none;
}
#centercontent
{
	overflow:hidden;
	margin-left: 20em;
	margin-right: .5em;
	padding: 0 4px 4px;
}

#rightcontent
{
	background: transparent url(../images/backgrd1.png) repeat-y;
	border-bottom: 2px dashed #C13902;
	border-top: 2px dashed #C13902;
	float: right;
	font-size: 70%;
	margin: .5em 1em .5em .8em;
	padding: 6px 0 0 3px;
	width: 17.6em;
}

@media all and (max-width: 740px) {
#centercontent
{

	width:auto;
	background: transparent;
	height: 100%;
	margin:12em .5em .3em 1em;
	min-height: 100%;
	padding: 0 4px 4px;

}


}
#rightcontent p
{
	font-size: 110%;
}
#rightcontent p:first-line
{
	color: #130ee9;
	font-size: 120%;
	letter-spacing: 0;
}
#footer{background: #EA8A51 url(../images/t_head.gif); 	text-align: center;width: 100%;margin-top:2em;overflow:hidden;clear:both;margin-bottom:2em;}

#footer a {	background: transparent url(../images/icon.gif) no-repeat;margin: 2px 2px .5em 2px;	padding: 0 2px 0 2.5em;	text-align: left; font-size:85%;color:#fff;text-decoration:none;}

@media all and (max-width: 740px) {
	#footer
{
	clear:both;
	background: #EA8A51;
	background-image: none;
	margin-bottom: 2.5em;
	font-size: 100%;
	text-align: center;
	width: 100%;
}
	.one { width: 200px}
	.footLink { display:none; }
}
#right
{
	float: right;
	font-size: 90%;
	right: 10px;
}
#left
{
	float: left;
}
#left a
{color:#fff !important;}
#clear
{
	clear: both;
}
p,h1,pre
{
	margin: 0 10px 10px 10px;
}
h1
{
	color: #130ee9;
	font-size: 170%;
	font-weight: bold;
	letter-spacing: 6px;
}
#statement h2
{
	color: #cc0000;
	font-size: 130%;
	font-weight: bold;
	left: 20px;
	letter-spacing: 8px;
	margin-bottom: 6px;
	margin-top: 6px;
	text-indent: 6px;
}
h3
{
	color: #cc0000;
	font-size: 120%;
	font-weight: bold;
	left: 20px;
	letter-spacing: 8px;
	margin-bottom: 6px;
	margin-top: 6px;
	text-indent: 6px;
}
h4
{
	color: #000;
	font-family: verdana,arial, helvetica, sans-serif, non-serif;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 8px;
}
hr
{
	border: 1px inset;
}

.sitemap
{

	width:80%;
	margin:1.5em auto;
}
#centercontent ul
{
	margin-left: 1em;
}
#centercontent ul li
{
	margin-left: 1em;
	padding: .5em;
}
#leftcontent li:first-line
{
	color: #990000;
	font-size: 80%;
	font-weight: bold;
	letter-spacing: 0;
}
caption
{
	color: #990000;
	font-size: 75%;
	letter-spacing: 2px;
}
table
{
	border: 2px solid #990000;
	padding: 4px;
	width: 98%;
}
th
{
	background: transparent;
	border-bottom: 2px solid #990000;
	color: #da980a;
	text-align: left;
	vertical-align: bottom;
}
td
{
	border-bottom: 2px solid #000;
	margin: 2px;
	padding: 2px;
	vertical-align: top;
}
a:link
{
	color: #990000;
	text-decoration: underline;
}
a:visited
{
	color: #000;
	text-decoration: underline;
}
a:active
{
	color: #cc0000;
	text-decoration: underline;
}
a:hover
{
	color: #ff0000;
	text-decoration: underline;
}


a:visited.home1
{
	color: #ffcc33;
	font-size: 80%;
	text-decoration: none;
}
a:link.home1
{
	color: #fff;
	font-size: 80%;
	text-decoration: none;
}
a.home1:hover
{
	color: #ffffff;
	font-size: 80%;
	text-decoration: underline;
}
#statement
{
	background-color: #cc0000;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 8px;
	line-height: 1.9em;
	vertical-align: middle;
	width: auto;
}

#statement h2
{
	color: #fff;
	font-size: 100%;
	padding: 2px;
}
#statement h2:first-letter
{
	color: #000;
	font-size: 230%;
	letter-spacing: 0;
	padding-top: 4px;
}
#statement p:first-letter
{
	color: #000;
	font-size: 230%;
	letter-spacing: 0;
	padding: 2px;
}

img.i
{
	margin-top: 2px;
}
.emph
{
	font-size: 90%;
	font-variant: small-caps;
}
#method
{
	width: 70%;
}
#subject
{
	width: 90%;
}
legend
{
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 6px;
}
.button
{
	background-color: #EA8A51;
	border-bottom: 1px #cc0000 solid;
	border-left: 1px #2D0F02 solid;
	border-right: 1px #2D0F02 solid;
	border-top: 1px #aac7e5 solid;
	color: #fff;
	font-size: 7pt;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 20px 0 0 5px;
}
.emp
{
	font-size: 131%;
	padding-top: .5em;
}


ul.gallery {
	width: 98%;
	list-style: none;
	margin: 1em auto;
}

ul.gallery li {
	float: left;
	margin: .2em auto;
	text-align: center;
	border: 2px solid #cc0000;
	-moz-border-radius: 5px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 5px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 5px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery li a.thumb {
	width: 280px; /*--Width of image--*/
	height: 150px; /*--Height of image--*/
	padding: .3em 0 0;
	border-bottom: 1px solid #333;
	border-top: 1px solid #fff;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 280px;
	height: 150px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.gallery li h2 {
	font-size: 130%;
	font-weight: normal;
	padding: .3em;
	background: #000;
	border-top: 1px solid #666; 
}
ul.gallery li a {text-decoration: none; color: #fff; display: block;}

.return  {  font-size:120%;font-weight:bold;  }
.cloud   {   padding:.4em;float:left;border:2px solid #cc0000;-moz-border-radius: 5px;-khtml-border-radius:5px;-webkit-border-radius: 5px;margin:.3em .3em 0 0;  }

.cloudHolder   {  margin-left:1em;padding:.7em;overflow:hidden;  }

#thisone2  {  left: 6px;
	position: absolute;
	top: 7em;
	width: 19.25em;margin-top:5em; }

#container  { display:inline-block; margin-top:1em; }

form  {
	width:63%;
	float:left;
	margin:1em 0;
	}		
	

legend   {
	font-size:140%;
	background-color:#fff;
	margin:0 0 1.5em .5em;
	}
	
input.length   {
	width:90%;
	margin-left:.5em;	
	}

textarea   {
	width:90%;
	margin-left:.5em;	
	}
	
label  {
	font-weight:bold;
	margin-left:.5em;
	}
	
	
.smallBR  { font-size:1%;line-height:.01  }
	
.button {
	background-color: #d07e6e;
	border-bottom: 2px #d07e6e solid;
	border-left: 2px #ccccff solid;
	border-right: 1px #000 solid;
	border-top: 1px #000 solid;
	color: #fff;
	font-size: 75%;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 10px 0 0 2em;
	Padding:1px;
	}		
	
@media all and (max-width: 500px) {	
#centercontent
{

	width:auto;
	background: transparent;
	height: 100%;
	margin:14em .5em .3em 1em;
	min-height: 100%;
	padding: 0 4px 4px;

}


#leftcontent
{
	background: transparent;
	padding: 0 2px 2px !important;
	width: auto;
	border:0;
}
#leftcontent ul
{
	font: bold;
	list-style-type: none;
	margin: 0;
	padding: 2px 0 0 0 !important;
	text-align: left;
}
#leftcontent ul li
{
	background-image:none;
	margin: 2px;
	padding: 0 2px 0 2px !important;
	text-align: left;float:none;
}
#thisone
{
	left: 6px;
	position: absolute;
	top: 9em;
	width: 19.5em;
	margin-bottom:1.5em;
}
#title
{
	border:0;
	width: 95%;
	background:transparent;
	white-space:nowrap;
	margin:0 !important;padding:0;
}

#title h2
{
	margin: 0 6px;
	color: #130ee9;
	font-size: 85%;
	font-weight: bold;
	letter-spacing: 3px;
	-moz-text-shadow: .2em .2em .4em #fff;
	-webkit-text-shadow: .2em .2em .4em #fff;
	text-shadow: .2em .2em .4em #fff;
}
#footer{background-image: none; 	text-align: center;width: 100%;margin-top:2em;overflow:hidden;clear:both;margin-bottom:2em;}
}