@charset "UTF-8";


/* Common elements */	

* { 
	margin: 0; 
	padding: 0;	
	}

html,body { height: 100%; }

body
{ 
	font-family:Verdana, Arial, Helvetica;
	background-image: url(/images/background.gif); background-repeat: repeat-x;
	font-size: 62.5%;
	color: #666;
}


table, div {
	font-size: 1em;
}

/* Global link colors */	

a:link {
	color: #336699;
	text-decoration: none;
	}
a:visited {
	text-decoration: none;
	color: #336699;
	}
a:hover {
	text-decoration: underline;
	color: #999;
	}

a:active {
	text-decoration: none;
	color: #336699;
	}


/* Footer link colors */	
	
	
a.footersque:link {
	color: #B5B5B5;
	text-decoration: none;
	}
a.footersque:visited {
	text-decoration: none;
	color: #B5B5B5;
	}
a.footersque:hover {
	text-decoration: underline;
	color: #999;
	}

a.footersque:active {
	text-decoration: none;
	color: #336699;
	}	
	
	
/* Global paragraphs and headlines */	

p { 
	margin-bottom: 15px;
	
	}		
	
h1{
	font-size: 140%;
	}	
	
h2{
	font-size: 100%;
	}			
	
strong {
	font-weight: bold;
	}	


/* Hi there */



p.hithere  {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	padding:10px;
	marging:0;
	font-size:1.4em;	
	background:#ffff00;		
	color:black;
	}	



/* Junky shit */	

.off { color:#999999;}
.foots {color:#B5B5B5; font-size:11px;}
.copy  {font-size:10px; color:#CCCCCC;}

.trans_img {
	line-height: 4px; font-size: 2px;
}



.tag  {font-family:Verdana, Arial, Helvetica; font-size:10px; color:#666666; line-height:18px;}
.news {font-family:Verdana, Arial, Helvetica; font-size:11px; color:#666666; line-height:14px;}
.straight  {font-family:Verdana, Arial, Helvetica; font-size:11px; color:#666666; line-height:18px;}
.content  {font-family:Verdana, Arial, Helvetica; font-size:11px; color:#666666; line-height:18px; text-align:justify;}
.creation  {font-family:Verdana, Arial, Helvetica; font-size:10px; color:#999999; width: 329px; padding: 0 0 0 2px; }
.client {height: 12px;}
.note  {font-family:Verdana, Arial, Helvetica; font-size:11px; color:#999999; line-height:18px;}



img.rightcolumn
{
padding-left: 5px;
}


img.border {
	  border: 1px solid #ccc;
}

ul.tab
{
list-style-type: none;
padding: 0 0 0 10px;
margin: 0;
}

ul
{

list-style-type: none;
padding: 0;
margin: 0;
}

li
{
background-image: url(/images/bullet12x11.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 20px;
}

.vertline {
	padding: 0;
	border-right: 1px solid #e8e8e8;
}

#log .pad
{
padding: 10px 0 0 5px;
}


/*<group=contact>*/

#check {
	margin: 0px; }

#rfp{
	font: normal 11px/14px verdana, tahoma, arial, sans-serif;
	color: #555;
}

#rfp td{
	padding:2px 0 2px 0;
}

#rfp .tdline {
	padding: 15px 0 5px 0;
	border-bottom: 1px solid #ccc;
}


.required {
	font: normal 10px verdana, tahoma, arial, sans-serif;
	color: #999999;
}

#rfp .pad
{
padding:10px 0 2px 0;
}

.textfield{
	font: normal 11px/13px verdana, tahoma, arial, sans-serif;
	padding:2px;
	margin: 0;
	border: 1px solid #FFFFFF;
	background-color: #eee;
	width: 100%;
	color: #666;
}

.textfield2{
	font: normal 11px/13px verdana, tahoma, arial, sans-serif;
	padding:2px;
	margin: 0;
	border: 1px solid #FFFFFF;
	background-color: #eee;
	width: 207px;
	color: #666;
}

	
/*</group>*/

.footer {
	width: 100%;
	color: #bbbbbb;
	border: 1px #cccbcc dashed;
	border-width: 1px 0 0 0;
	height: 39px;
	vertical-align: middle;
}

.footer div {
	float: left;
	border: 1px #cccbcc solid;
	border-width: 0 1px 0 0;
	margin: 14px 10px 14px 0;
	padding: 0 10px 0 0;
	height: 11px;
}

.logo {
	width: 185px;
	height: 68px;
	background: url(/images/logo185x68.gif) no-repeat;
	float: left;
}

disv {
	border: 1px #000 solid;
}

img {
	border: 0px;
}

.nav {
	float: right;
}

.nav div {
	float: left;
	padding: 0 10px;
	background: url(/images/nav2_sep3x30.gif) no-repeat;
	height: 30px;
	border: 0px;
}

#screen,.screen {
	width: 294px;
	height: 270px;
	float: right;
}

.subnav {
	width: 366px;
	height: 229px;
	margin: 49px 0 0 0;
	clear: left;
	float: left;
	border: 1px #cccbcc dashed;
	border-width: 0 1px 0 0;
	padding: 0 43px 0 0;
}

.detail {
	width: 494px;
	float: left;
}

.detail img {
	margin: 0 0 22px 0;
}

.testimonial {
	width: 156px;
	float: right;
	background: url(/images/client107x12.gif) no-repeat;
	background-position: 0 33px;
	padding: 56px 0 0 0;
}

.info {
	clear: both;
}

.objective {
	background: url(/images/objective59x11.gif) no-repeat;
	padding: 23px 27px 23px 0;
	border: 1px #cccbcc dashed;
	border-width: 0 1px 0 0;
}

.solution {
	background: url(/images/solution51x12.gif) no-repeat;
	padding: 23px 27px 23px 0;
	border: 1px #cccbcc dashed;
	border-width: 0 1px 0 0;
}

.result {
	background: url(/images/result43x12.gif) no-repeat;
	padding: 23px 27px 0 0;
	margin: 0 0 23px 0;
	border: 1px #cccbcc dashed;
	border-width: 0 1px 0 0;
}

.sitelink, .sitelinktext {
	margin: 10px 0 0 0;
}

.sitelink {
	float: left;
	padding: 0 5px 0 18px;
	background: url(/images/bullet12x11.gif) no-repeat;
	background-position: 0 50%;
}

.sitelinktext {
	clear: right;
	color: #b4b4b4;
	border: 1px #cfcfcf solid;
	border-width: 0 0 0 1px;
	width: 170px;
	padding: 0 0 0 6px;
}

div.hidden {
	visibility: hidden;
	width: 0px;
	height: 0px;
	display: none;
}

.categories {
	vertical-align: top;
}

.categories .selOn, .categories .selOff {
	height: 23px;
	line-height: 23px;
}

.categories .selOff {
	background: url(/images/subnavback_off163x23.gif) no-repeat;
}

.categories .selOn {
	background: url(/images/subnavback_select163x23.gif) no-repeat;
}

.categories div.selOff:hover {
	background: url(/images/subnavback_on163x23.gif) no-repeat;
}

#projects .selOn div {
	padding: 0 0 0 5px;
	border: 1px #666666 solid;
	border-width: 0 0 0 1px;
}

#projects .selOff div {

}

#projects div.selOff, #projects div.selOn {
	margin: 6px 0 7px 0;
}

#projects a {
	color: #999999;
}

#projects .selOn a {
	color: #666666;
}

.categories .selOff a {
	color: #999999;
}

.categories .selOn a {
	color: #666666;
}

#portfolio_link {
	visibility: hidden;
}