/* ================ @ CSS Reset ================ */

@import 'reset.css';


/* ================ @ HTML Elements ================ */

body {font:13px  Verdana, Georgia, Helvetica, Arial, serif; 
	background-color:#ffffff;

	color:#444444;
	background-image: url(../images/nav_background.gif);
	background-position:top left;
	background-repeat:repeat-x;


	/*color:#366732; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-style:normal; line-height: 18px;*/

}

img, div { behavior: url(iepngfix.htc) }

.left { float:left; }
.right { float:right; }
.clear { clear:both; display:block; font-size:1px; height:1px; overflow:hidden; }

a img {border:none; padding: 0px; margin: 0px;}

a:link {color: #ea0cbf;text-decoration:none;}
a:hover {color:#ea0cbf;text-decoration:underline;}
a:visited {color: #ea0cbf;text-decoration:none;}
h1, h2,h3, h4 {
	margin:0;
	padding:0;
}


p {margin:10px 0 5px 0;}


a.moreLink {
	font-size: 12px; 
	font-family:Verdana, Arial, sans-serif;
}

a.moreLink:link {color: #ea0cbf;text-decoration:none;}
a.moreLink:hover {color:#ea0cbf;text-decoration:underline;} !important;
a.moreLink:visited {color: #ea0cbf;text-decoration:none;}


.connectContainer a.button, #contact-area input.submit-button, a.button {
	display: block;
	background-color: transparent;
	background-image: url(../images/button.gif);
	background-repeat: no-repeat;
	width: 122px;
	height: 34px;
	/*margin: 5px auto;*/
	padding: 7px 0 0 10px;
	text-align: left;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	font-size: 100%;
/*	font-weight: bold;*/
	text-decoration: none;
	color:#ffffff;
}

.header {
	overflow:hidden;
	height: 177px;
	clear: both;
	display:block; margin:0 auto; width:960px; text-align:left;
}
/*Primary Nav */	
	       .logo {
			  float:left;
			padding-right: 60px;
			/*margin-left:18px;*/
		}
		#nav {
					
						  height: 134px;
						  margin: 0 auto;
						  padding:0px; margin: 0px;
						   padding-top: 3px;
						  overflow: hidden;
						}
							#nav li {
							  display: inline;
							}
							#nav a {
							  float: left;
							  height: 134px;
							  text-align: left;
					         		color: #ffffff;
							  position: relative;

							}
							#nav a:link, #nav a:visited, #nav a:hover {
	                    				text-decoration:none;
					       		 color: #ffffff;
							text-indent: -9999px;
							}							
						/*IE trigger*/
						#nav li a:hover, #nav li a:active {
						  visibility: visible;/*it doesn't really matter what you say, so I picked something that cannot change appearance*/
						} 
/*Switches out the navigation backround images */						
						/*begin sprites-n-doors trick: http://www.fiftyfoureleven.com/weblog/web-development/css/doors-meet-sprites */
							#nav a span {
							  position: absolute;
							  height: 134px;
							  top:  0;
							  left: 0;
							  background: url(../images/primaryNavSprite.png) 0 -134px no-repeat;
							  border: 0;
							}

	/*English Nav */
								#nav a span.index {
							   background: url(../images/primaryNavHome.jpg) 0 -134px no-repeat;
							}		
								#nav a span.portfolio {
							   background: url(../images/primaryNavWork.jpg) -80px -134px no-repeat;
							}			
								#nav a span.about {
							   background: url(../images/primaryNavAbout.jpg) -160px -134px no-repeat;
							}		
								#nav a span.service {
							   background: url(../images/primaryNavServices.jpg) -241px -134px no-repeat;
							}	
							#nav a span.contact {
							   background: url(../images/primaryNavContact.jpg)-321px -134px no-repeat;
							}	
/*Off state*/
							#nav .Welcome, #nav .Welcome span {
						  width: 80px;
						  background-position: 0 -134px;
						}
						/*On State*/
							#nav .Welcome:focus span, #nav .Welcome:hover span, #nav .Welcome:active span {
						  	  background-position: 0 0px;
							}
						
						#nav .Work, #nav .Work span {
						  width: 80px;
						  background-position: -80px -134px;
						}
							#nav .Work:focus span, #nav .Work:hover span, #nav .Work:active span {
							  background-position: -80px 0px;
							}
						
						#nav .About, #nav .About span {
						  width: 80px;
						  background-position: -160px -134px;
						}
							#nav .About:focus span, #nav .About:hover span, #nav .About:active span{
							  background-position: -160px 0px;
							}
						
						#nav .Service, #nav .Service span {
						  width: 80px;
						  background-position: -241px -134px;
						}
							#nav .Service:focus span, #nav .Service:hover span, #nav .Service:active span{
							  background-position: -241px 0px;
							}
						#nav .Contact, #nav .Contact span {
						  width: 80px;
						  background-position: -321px -134px;
						}
							#nav .Contact:focus span, #nav .Contact:hover span, #nav .Contact:active span {
							  background-position: -321px 0px;
							}
							
	
							




/* Content Area */

#main {width:960px;
	margin:0 auto;
/*	clear:both;*/
	
	}

#main2 {width:960px;
	margin:0 auto;
	clear:both;
	}

#content {
	padding:16px 0 25px 0;
	height: 600px;

	}

#content p {
	padding: 0;
	margin: 0px;
	font-size: 14px;
	}

#content h1 {font-size:30px;
	margin:0;padding:0;
	color:#ea0cbf;
	/*line-height:1.1em;*/}

#content h2 {font-size:20px;
	/*margin:15px 0 10px 0;*/
	color:#ea0cbf;}

#content h3 {font-size:1.1em;font-weight:normal;
	margin:15px 0 10px 0;
	color:#ea0cbf;}

#content #Left {width:425px;
	float:left; }
	#content #Left .intro p {
	 font-size: 11pt; /* line-height: 18px; 
		margin: 0 0 20px 0;*/
	 }
	#content #Left .intro strong {
		color: #ea0cbf ; font-size: 11pt; /* line-height: 18px; 
		margin: 0 0 20px 0;*/
	 }

	#content #Left h1 {font-size:1.65em;
		margin:0;padding:0;
		color:#ea0cbf;
		/*line-height:1.1em;*/}

#content #LeftWhatwedo {
	float:left;
	width: 500px;


}
#content #LeftWork {
	float:left;
	width: 380px;
	
	
}	

#content #LeftWork p.instructions  {
	width: 280px;		
	
}	


/*#content pre {font-family:Verdana, Arial, sans-serif;
	margin:15px 0 15px 0;
	line-height:0.9em;
	font-size:0.9em;
	color:#010ACE;}

#content ul {list-style:square;
	margin:10px 0 10px 20px;
	list-style-position:inside;}
#content li {line-height:1.2em;
	font-size:0.9em;}

#content #list {width:200px;float:left;}
#content #screenshots {width:200px;float:right;padding-top:15px;}

#content #screenshots p {margin:5px 0 0 0;font-size:0.8em;}*/

/* Sidebar */
#sidebar {width:485px;
		float:left;
	padding:0px;
	margin: 0px;
	margin-left: 30px;}

#sidebarWork{
	float:left;
	margin-top:30px; 
	
	width: 510px;
}

#sidebarContact{
	float:left;

	margin-left: 175px;
	
	width: 210px;
}


  #sidebar .connectContainer {

	color: #ea0cbf;
	font-size: 12px;
	margin-top: 16px;
}



  #sidebar .connectContainer.servicesPage {
	width: 275px;
}




  #sidebar .currentClient {
	float: left;
	color: #ea0cbf;
	font-size: 10px;
 	width: 124px;
		font-family: verdana, Arial, sans-serif;
}
  #sidebar #testimonial {
	clear:both;
	width: 378px;
}

  #sidebar #testimonial p {
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
font-style: italic; }

  #sidebar #testimonial .client {
	float: right;
	font-size: 12px;
	color: #65990c;
	font-weight: bold;
	font-family: Helvetica, verdana, Arial, sans-serif;}

  #sidebar.services {
padding-left: 76px;
	width: 260px;
	padding-top: 25px;
}


/*#sidebar .contactInfo {
	margin-left: 76px;
	width: 260px;
	

}*/
#sidebarContact .contactInfo h4 {
	font-size: 16px;
	color: #ea0cbf;
	font-weight: bold;
	font-family: Helvetica, verdana, Arial, sans-serif;	
	

}
/*#sidebar ul {list-style:none;}

#sidebar h2  {font-size:1.2em;
	margin:25px 0 12px 0;
	color:#7A0A17;}

#sidebar img {margin-right:3px;}
#sidebar img.digg {padding-top:5px;}*/

/* Footer */
#footer {background: #366732 url(../images/footer_background.gif) repeat-x;
	height: 203px;
	clear: both;

}

#footer h3{
	color: #c6e2b1;
	font-family:  Georgia, Verdana, Helvetica, Arial, serif; 
 	font-size:13px;

}




#footer a:link {color: #c6e2b1;text-decoration:none; font-size: 11px; font-family:Verdana, Arial, sans-serif;}
#footer a:hover, #footer .footColumns a:hover {color:#c6e2b1;text-decoration:underline;  font-size: 11px; font-family:Verdana, Arial, sans-serif;}
#footer a:visited {color: #c6e2b1;text-decoration:none;  font-size: 11px; font-family:Verdana, Arial, sans-serif;}

	.footerContent {
		color: #c6e2b1; 
		display:block; 
		margin:0 auto; 
		height: 209px;
		width:960px; 
		text-align:left;
		font-size:11px;
		font-family:Verdana, Arial, sans-serif;
		/*background: transparent url(../images/footer_logo.png) no-repeat right top;*/
		background: transparent url(../images/footer_logo.png) no-repeat right 44px;
		clear: both;
		
}
	.foot{
		float:left;
 		padding-top: 54px;
		width:400px;
		
		
			
}
.footColumns {
	width: 125px;
	float:left;
}

.footItem {
	float:left;
	margin-bottom:10px;
}

		/*
.footItem span {
			color: #c6e2b1;
			font-size:11px;
			font-family:Verdana, Arial, sans-serif;
		}
*/
		
.footerIcons {
	float:left;
	margin-left: 11px;
}


ul#footerNav { width: 83px;  float:left; margin-left: 183px; margin-right: 10px;  padding-top: 45px;}
ul#footerNav li {
  list-style: none;
  text-align: left;
  margin: 0;
  padding: 0;
}
ul#footerNav li a {
  display: block;
  text-decoration: none;
  padding: 5px;
  border-bottom: solid 1px #c6e2b1;
 
}

ul#footerNav li a:link, ul#footerNav li a:hover, ul#footerNav li a:visited {
	color: #c6e2b1;text-decoration:none; font-size: 12px; font-family:Verdana, Arial, sans-serif;
 
}

#contact-area {
	width: 445px;
	margin-top: 25px;
	height: 500px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 440px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #ea0cbf;
}

#contact-area input.submit-button {
/*
	float: right;*/
	padding: 2px 0 0 10px;
	border-style: none; }

label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 200px;
	padding-top: 5px;
	/*font-size: 1.4em;*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;}

#contact-area span, span {
	color: #ea0cbf;
}

.requestButton {
	

}
/* Portfolio LeftNav */

.ThumbnailSet {
	display:none;

}
.MoreLink {
	color:#ea0cbf;
	font-size: 10pt;
	float:right;
	margin-right: 85px;
	line-height: 15px;	
	display:inline;

	}
.BackLink {
	color:#ea0cbf;
	font-size: 10pt;
	float:right;
	margin-right: 15px;
	line-height: 15px;	
	display:inline;

	}

div#menu {width:225px; background:url(../images/menu_top.gif) top no-repeat; padding-top:44px;}

div#menubody {background:url(../images/menu_repeater.gif) repeat-y; padding-left:21px;}

div#menubottom {height:24px; background:url(../images/menu_bottom.gif) bottom no-repeat;}

ul#menulist {width:188px; list-style-type:none;}

ul#menulist li {height:27px; background:url(../images/menu_separator.gif) bottom repeat-x; width: 186px;}

_ul#menulist li {height:27px; background:url(../images/menu_separator.gif) bottom repeat-x; width: 176px; padding-right: 10px;}

ul#menulist a {width:178px; height:20px; border-left:#c6e2b1 10px solid; font:bold 10px Verdana, Arial, sans-serif; color:#ffffff; text-decoration:none; padding:5px 0 0 10px; display:block !important; display:inline-block;}

ul#menulist a p {
	width: 166px;		
	font-size: 8pt;
}	

ul#menulist a:hover {background:url(../images/menu_hover.gif) left repeat-y; width: 178px;}

#team{
	clear: left;
	padding-top: 16px;
}

 #team h1 {
	margin-bottom: 10px;
	

}

 #team h2 {
	font-size: 14px;
	

}

 #team h3 {
	font-size: 14px;
	font-family: Helvetica, sans-serif;
	
	

}
 #team h2, #team h3, #team p {
	margin:0px;
	padding: 0px;

}
#team p{
	width: 445px;

}
#team .pic{
	float:left;
	background: #ffffff url(../images/aboutUs_pictureFrame.gif) no-repeat top;
	width: 173px;
	height: 190px;
	margin-left: 126px;	
	padding: 19px 0 0 31px;
}

#team .pictureContainer{
	padding-bottom:  10px;


}

.requestButton {
	display: block;
	background-color: transparent;
	background-image: url(../images/requestButton.gif);
	background-repeat: no-repeat;
	width: 156px;
	height: 34px;
	/*margin: 5px auto;*/
	padding: 7px 0 0 10px;
	text-align: left;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	font-size: 100%;
/*	font-weight: bold;*/
	text-decoration: none;
	color:#ffffff;
}

ul.tabNav { float: left; list-style: none; width: 100%; }
ul.tabNav li { float: left; margin: 0 1px 0 0; padding: 6px 0 0; }
ul.tabNav li.current { padding-top: 0; }
ul.tabNav a {background: transparent url(../images/services_tab_off.gif) no-repeat top; display: block; color: #fff;  padding: 4px 4px 5px 4px; text-decoration: none; width: 129px;   height: 20px; overflow:hidden;}
ul.tabNav li.current a {background: #ffffff url(../images/services_tab_on.gif) no-repeat top;  display: block;  color: #fff; padding: 8px; width: 129px;  height: 13px; overflow:hidden; }
div.tabContainer { clear: both; float: left; width: 500px; }
div.tabContainer div.tab { border: 1px solid #333333; color: #333; display: none; padding: 10px; }
div.tabContainer div.current { display: block; }
div.tab p:last-child { margin-bottom: 0; }

.ContactForm {
			background-image: url(../images/bg_proposalForm.png);
			background-position:top left;
			background-repeat:no-repeat;
			width: 327px;
			height: 445px;

	}
	 .ContactSmall {
			background-image: url(../images/bg_formSmall.png);
			background-position:top left;
			background-repeat:no-repeat;
			width: 327px;
			height: 160px;
			padding-left: 20px;
			

	}	

		.ContactSmall h2 {
		margin: 0px; padding: 0px;
		padding-top: 10px;	
		
		
	}
	.ContactSmall .Required {
		color:#ea0cbf;
		font-weight: bold;
	}
.ContactSmall input,.ContactSmall select {
	font-size:10pt;
	padding:4px 2px;
	border:solid 1px #B7B7B7;
	margin:2px 0 10px 0px;
	}
	
	.ContactSmall textarea{
	font-size:10pt;
	padding:4px 2px;
	border:solid 1px #B7B7B7;
	height: 70px;
	margin:2px 0 10px 0px;
	}
.ContactForm .Spacer, .ContactSmall .Spacer {
	 margin-top: 20px;
}
/*#footer2 {background-color: #444444;
	color:#ffffff;
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;
	height:140px;}

#footer a, #footer2 a {color:#ffffff;
	text-decoration:underline;}
#footer a:hover, #footer2 a:hover {color:#804249;
	text-decoration:underline;}
#footer a:visited, #footer2 a:visited  {color:#ffffff;
	text-decoration:underline;}

#footer p, #footer2 p {margin:0 0 15px 0;}
#footer p.axe img, #footer2 p.axe img {margin-bottom:-7px;}

#foot {width:800px;
	margin:0 auto;
	background: url('images/duct-tape.jpg') no-repeat;
	height:140px;
	line-height:1.1em;
	padding:0 10px 0 10px;}

#foot2 {width:800px;
	margin:0 auto;
	height:140px;
	line-height:1.1em;
	padding:0 10px 0 10px;}

#foot #left {width:400px;float:left;padding-top:72px;}
#foot #right {width:250px;float:right;text-align:right;padding-top:72px;}

#foot2 #left {width:450px;float:left;padding-top:45px;}
#foot2 #right {width:250px;float:right;text-align:right;padding-top:45px;}*/