html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background:#eee url(../imgs/main-bg.gif);
 font: normal 14px/20px Candara, Microsoft Sans Serif, Tahoma, Arial, Helvetica, sans-serif;
	color:#181818;
} 

/** HOME STYLE **/

body.home #homekey {
position:absolute;display:block;bottom:-10px;right:-88px;width:391px;height:250px;background:url(../imgs/home-key.gif) 0 0 no-repeat;}

#homekey {
display:none;
}

 /*** LINK STYLES ****/
a
{
	outline:none;
	color:#000;
}



a:visited
{
	color:#777;
}

a:hover
{
	color:#777;
}


a img
{
	border:0;
}



/**** GENERAL HTML RESTYLES ****/

* {
padding:0; /* removing all default padding from styles	*/
margin:0;
} 

ul, ol {position:relative;}	/* For disappearing bullets in IE 6.0	*/

p
{
	padding:8px 0;


}

ul, ol
{
	margin: 20px 40px 15px 40px;
	padding: 0 5px;
	clear:both; /* this is so that the lists don't wrap around images */
}


ul ul, ul ol,  ol ol
{
	margin: 10px 40px 5px 30px;
	padding: 0 5px;	
}

#content ul li, #content ol ul li 
{
	margin: 0;
	list-style-type:none;
	padding: 0 20px 5px 15px;
	background:url(../imgs/bullet.gif) 0% 1px no-repeat;
}

form, input, textarea
{
	font-family:Candara, Microsoft Sans Serif, Tahoma, Arial, Helvetica, sans-serif;

}


/***HEADLINES *****/

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 140%;
	padding:8px 0;
	color:#ff6c00;
}

body.home h1 {
font-size:26px;
font-weight:normal;
}

h1 {
	font-size:28px;
	font-weight:normal;
}

h2 {
	font-size:22px;
	font-weight:normal;
}

h2.subhead {
	padding:0 0 10px 0;
	margin-top:-10px;
	color:#333;
}

h3 {
font-size:18px;
}

h4 {
font-size:16px;
}

h5 {
font-size:14px;
}

h6 {
font-size:12px;
}

.indent {
padding:0 0 10px 50px!important;
margin:-5px 0 0 0;
}

h2.indent {
font-weight:normal;
}

 /******************* LOGO *********************/ 

#logo
{
	position:relative;
	width:437px;
	height:259px;
	display:inline;
	overflow:hidden;
	padding:0;
}

#logowrap
{
	position:absolute;
	top:0;
	left:448px;
	width:437px;
	height:259px;
	z-index:100000;
}

#logo a
{
	float:left;
	overflow:hidden;
	padding:259px 0 0;
	width:437px;
	height:0 !important;
	background:url(../imgs/logo.gif) no-repeat;
}

/* IMAGES */

img.f-right
{
	float:right;
	margin:10px 30px 10px 15px;
}

img.f-left
{
	float:left;
	margin:10px 15px 10px 30px;

}

p img.f-right
{
	float:right;
	margin:5px 0 10px 15px;
}

p img.f-left
{
	float:left;
	margin:5px 15px 10px 0;

}

img.f-left, img.f-right {
border:1px solid #ddd;
background:#fff;
}

img.noborder {
border:0px;
padding:0;
}

img.img-no-float {
border:0px;
margin:10px auto;
}

 /******************* LAYOUT *********************/ 

#pagewidth{ 
 width:885px; 
 text-align:left;  
margin:0 auto;
background:url(../imgs/content-bg.gif) repeat-y;
}

body.home #wrapper {
background:url(../imgs/key-content-footer.gif) 100% 100% no-repeat;padding:0 0 50px 0;
}


#wrapper {
background:url(../imgs/content-footer.gif) 100% 100% no-repeat;padding:0 0 50px 0;
}

#bodywrapper {
text-align:center;
width:100%;
background:url(../imgs/main-bg-repeat.gif) repeat-x;
}

#header{
 position:relative; 
 height:259px; 
 width:100%;
} 
 
#content{
 float: left; 
 display:inline; 
 position: relative; 
 width:538px; 
 padding:40px 50px 10px 68px;
 background:url(../imgs/squares.gif) 0 50px no-repeat;
 }
 
#innerwrapper {background:url(../imgs/top-img.gif) 0 0 no-repeat;}

#rightcol {
float:right;
margin:0;
padding:0 0 15px 0;
width:209px;
}

#rightcol h3.phone {
color:#333;
font-size:24px;
padding:10px 0;
border:1px solid #ddd;
border-left:0px;
border-right:0px;
margin-right:7px;
border-top-width:3px;
}


#empower {
padding:20px 15px 0 0;
}

#rightcol #empower h2 {
color:#333;
}

#rightcol #empower h3 {
color:#777;
}


#rightcol #empower h3 {
font-weight:normal;
padding:0px;
font-size:26px;
}

#rightcol #empower h2 {
font-weight:700;
padding:0px;
font-size:26px;
}


#footer {
clear:both;
width:845px;
height:30px;
padding:0 20px;
margin:0 auto;
text-align:left;
background:url(../imgs/footer-body.gif) repeat-y;
}

#footer p {
color:#ddd;
font-size:11px;
padding:5px 0 0 0;
}

#footer a, #footer a:visited {
text-decoration:none;
color:#ddd;
}

#footer a:hover {
text-decoration:none;
color:#fff;
}

#footertop {clear:both;margin:0 auto;width:885px;height:10px;overflow:hidden;display:block;background:url(../imgs/footer-top.gif) no-repeat;}
#footerbottom {margin:0 auto;display:block;width:885px;margin:auto;height:7px;background:url(../imgs/footer-btm.gif) no-repeat;}


 /* Testimonials / Blockquotes */
 
 
#content div.blockquotewrap blockquote
{
	background:transparent url(../imgs/quote-left.gif) 0 12px no-repeat;
	margin:10px 0;
	border-top:1px solid #ddd;
}

#content div.blockquotewrap blockquote div p
{
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;

}

#content blockquote div
{
	text-align:left;
	font-size:14px;
	background:transparent url(../imgs/quote-right.gif) 98% 12px no-repeat;
	padding:10px 40px 10px 45px;
		border-bottom:1px solid #ddd;

}

#content .blockquotewrap
{
	position:relative;
	margin:10px 30px 10px 30px;
}

#content .blockquotewrap p {
	padding:0 0 15px 0;
	margin:0;
}

 #content div.blockquotewrap blockquote div p.attrib
{
	font-size:12px;
	font-style:italic;
	text-align:right;
	padding:0;
}


/* Blocks of Info */

#homeblock {clear:both;float:left;width:320px;height:1%;padding:0 0 0 12px;border-left:5px solid #dfdfdf;margin:10px 0;}
#homeblock h4 {padding:0 0 10px 0;}
#homeblock p {padding:10px 0 0 0;font-size:14px;line-height:20px;}

 /* NAVIGATION */
 
#mainMenu {
	margin: 0;
	padding:0 0 15px 0;
	background:url(../imgs/bg-nav.gif);

}
#mainMenu li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#mainMenu ul {
	margin: 0;
	padding:0 0 20px 0!important;
}
#mainMenu a {
	display: block;
	text-decoration: none;
	background-color: #FFFFFF;
	padding: 4px 10px;
	color: #666666;
	line-height:1;
}
#mainMenu a:hover, #mainMenu a:active, #mainMenu a:focus {
	letter-spacing: .01px;
}

/* Top level menu width */
#mainMenu {
	width: 202px;
}

 /******************* NAVIGATION *********************/ 

 
 a#homebt, a#aboutbt, a#webdevbt, a#softwarebt, a#interactivebt, a#contactbt {
 height:30px;
 background-repeat:no-repeat;
 background-position: 0 0;
 text-indent:-3000px;
 padding:0;
 margin:0;
 display:block;
 width:202px;

 }
 
  
a#homebt:hover, body.home a#homebt,
a#aboutbt:hover, body.aboutus a#aboutbt,
 a#webdevbt:hover, body.webdevelopment a#webdevbt,
 a#softwarebt:hover, body.software a#softwarebt,
 a#interactivebt:hover, body.interactive a#interactivebt,
 a#contactbt:hover, body.contact a#contactbt {
 background-position: 0 -30px;
 
 }


 /****** LEFT NAVIGATION *****/ 
 
 a#homebt {
 background-image:url(../imgs/home.gif);
}

a#aboutbt {
 background-image:url(../imgs/about-us.gif);
}

 a#webdevbt {
 background-image:url(../imgs/web-dev.gif);
 }
 
 a#softwarebt {
 background-image:url(../imgs/software.gif);
}
 
  a#interactivebt {
 background-image:url(../imgs/interactive.gif);
}
 
a#contactbt {
background-image:url(../imgs/contact.gif);
}


 

 
 /************* Global Forms ****************/


div.form{
	width:538px;
	margin:20px 0;
}

p.required {
	font-size:11px;
	padding:0;
	text-align:right;
}

span.required {
	color:#FF6C00;
	font-size:12px;
}

div.form-row {
  clear: both;
  padding-top: 10px;
  }



div.form-row span.formw {
  float: right;
  width: 538px;
  text-align: left;
  } 


div.form input.text, div.form .textarea, div.form .select
{
	width:538px;
}

div.form div.form-row span.formw {
  display:block;
  float:none;
  text-align: left;
  clear:both;
  }


div.form div.form-row span.label {
  display:block;
  float:none;
  text-align: left;
  clear:both;
  margin:0 0 3px 0;
  font-weight:700;
  }
  
  
/* textinput */
input.text, .textarea, select.select
{
	font-weight:400;
	border:1px solid #ddd;
	border-bottom-width:2px;
	border-right-width:2px;
	color:#333;
	background:#fff url(../imgs/formbg.gif) !important;
	padding:4px 3px;
}

select.select
{
	background:#fff;
	background-image:none!important;
}

input.text:hover, .textarea:hover, select.select:hover
{
	border:1px solid #ccc;
	border-top-width:2px;
	border-left-width:2px;
}

input.button
{
	background:#FF6C00;
	color:#fff;
	font-weight:700;
	font-size:14px;
	padding:5px 7px;
	border:0px;

}

a.button
{
	background:#FF6C00;
	color:#fff!important; /* IE 6 has issues */
	font-weight:700;
	text-decoration:none;
	font-size:14px;
	margin:15px 0 0;
	font-family:Candara, Microsoft Sans Serif, Tahoma, Arial, Helvetica, sans-serif;
	padding:9px 8px;
}

input:hover
{
	background:#666;
}

a.button:hover
{
	background:#666;
	color:#fff!important;  /* IE 6 has issues */
}


 
 /* *** Float containers fix: *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#content{width:100%; float:none;}
}