/* o~~( ^ . ^ )~~o CSS Reset o~~( ^ . ^ )~~o */


	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	:focus {
		outline: 0;
	}
	body {
		color: #4C4C4C;
		background: #f6edc2 url(../images/site/bgstriped.jpg) repeat-x;
		font-family:Arial, Helvetica, sans-serif;
		font-size:.8em;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		line-height:1.7em;
	}
	ol, ul {
		list-style: none;
	}
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}
	input, select, textarea{
		padding: 2px;
		margin:1px 1px 0;
	}
	a{ color:#4C4C4C;text-decoration: none; font-weight:bold;color:inherit; }
	a:link{ color:#4C4C4C;text-decoration: none; font-weight:bold;}
	a:hover{color:#940001 !important;}
	
/* o~~( ^ . ^ )~~o Body and Main HTML Tags o~~( ^ . ^ )~~o */

	body#homebody{
		background:#f6edc2 url(../images/site/bg.jpg) repeat-x;
	}
	
	body#pagebody {
		background:#f6edc2 url(../images/site/bg2.jpg) repeat-x;
	}
	
	body#workbody, body#ftp {
		background:#f3edc9 url(../images/site/bg3.jpg) repeat-x;
	}
	
	li {
		list-style:none;
	}
	
li.ourmission {
min-height:48px;
padding:0 0;
}
	
	h1 {
		font-family:Helvetica, Arial, sans-serif;
		font-size:1.6em;
		font-weight:bold;
		margin:0 0 0.3em;
	}
	
	h1 a:link  , h1 a:visited {
		color:#4c4c4c;
	}
	
	h1 a:hover {
		color:#940001;
	}
	


	strong {
		font-weight:bold;
	}
	
	em{
		font-style:italic;
	}

	#header {
		height:171px;
		display:block;
		/*padding-bottom:40px;*/
	}
	
	.topbanner {
		padding-bottom:35px;
		text-align:center;
		padding-top:24px;
	}
	
	#logo {
		height:100px;
		padding-left:55px;
		padding-top:15px;
	}
	
	#webfeature {
		float:left;
		width:100%;
	}
	
	#webfeature a{
		color:#4C4C4C;
	}
	
	#webfeature a:hover{
		color:#96322E;
	}
	
	#webfeature img {
		width:200px;
		border:4px solid #7A7352;
	}
	
	#webfeature td {
		text-align:center;
		padding:15px;
	}
	
	#security{
		background-color:#D2C89D;
		height:87px;
		left:22px;
		padding:30px;
		position:absolute;
		top:12px;
		width:253px;
		z-index:50;
		display:none;
	}
	
	#security input[type="button"] {
		background:transparent url(/images/site/submit.jpg) no-repeat scroll 0 0;
		border:0 none;
		color:transparent;
		height:25px;
		width:75px;
	}


/* o~~( ^ . ^ )~~o Navigation o~~( ^ . ^ )~~o */


/* Default */

#nav {
width: 881px;
height:54px;
position: relative;
background: url(../images/site/navbg.png);
margin: 0 auto;
padding: 0;
}

#nav li {
float: left;
}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height:54px;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/

li#nav_home a {
left:0;
width:249px;
}

li#nav_aboutus a {
left:246px;
width:130px;
}

li#nav_ourwork a {
left:374px;
width:129px;
}

li#nav_design a {
left:501px;
width:128px;
}

li#nav_development a {
left:628px;
width:128px;
}

li#nav_marketing a {
left:755px;
width:128px;
}

/*hover state*/

li#nav_aboutus a:hover {
background-image: url(../images/site/navbg.png);
background-position: -246px -59px;
background-repeat: no-repeat;
}

li#nav_ourwork a:hover {
background-image: url(../images/site/navbg.png);
background-position: -374px -59px;
background-repeat: no-repeat;
}

li#nav_design a:hover {
background-image: url(../images/site/navbg.png);
background-position: -501px -59px;
background-repeat: no-repeat;
}

li#nav_development a:hover {
background-image: url(../images/site/navbg.png);
background-position: -628px -59px;
background-repeat: no-repeat;
}

li#nav_marketing a:hover {
background-image: url(../images/site/navbg.png);
background-position: -755px -59px;
background-repeat: no-repeat;
}

/*current state*/
.aboutus_current {
background-image: url(../images/site/navbg.png);
background-position: -246px -120px !important;
background-repeat: no-repeat;
}

.ourwork_current {
background-image: url(../images/site/navbg.png);
background-position: -374px -120px !important;
background-repeat: no-repeat;
}

.marketing_current {
background-image: url(../images/site/navbg.png);
background-position: -755px -120px !important;
background-repeat: no-repeat;
}

.design_current {
background-image: url(../images/site/navbg.png);
background-position: -501px -120px !important;
background-repeat: no-repeat;
}

.development_current {
background-image: url(../images/site/navbg.png);
background-position: -628px -120px !important;
background-repeat: no-repeat;
}

#body_aboutus li#nav_aboutus a {
background-position: -234px -108px;
}

#body_ourwork li#nav_ourwork a {
background-position: -346px -108px;
}

#body_design li#nav_design a {
background-position: -457px -108px;
}

#body_development li#nav_development a {
background-position: -574px -108px;
}

#body_marketing li#nav_marketing a {
background-position: -729px -108px;
}




/* o~~( ^ . ^ )~~o Jquery Carousel o~~( ^ . ^ )~~o */

#head{
background: transparent url(../images/carousel/h-head_header_subhead.png) no-repeat center top;
/*margin: 56px auto 0;*/
width: 1000px;
height:100%;
}

#head-inner{
background: transparent url(../images/carousel/bg-head_spotlight.png) no-repeat 4px bottom;
height:245px;
position: relative;
}

		
/* o~~( ^ . ^ )~~o Featured Client o~~( ^ . ^ )~~o */
#featured{
	background: transparent url(../images/carousel/carousel_feature.png) no-repeat 0 0;
	bottom: 25px;
	height: 217px;
	left:323px;
	position: absolute;
	width: 344px;
	z-index: 10;
}

#featured img{
position: absolute;
right: 13px;
top: 13px;
}

#featured #panel{
background: #4c4c4c;
bottom: -10px;
height: 36px;
left: 42px;
overflow: hidden;
position: absolute;
width: 260px;
z-index: 1;
}

#featured #panel p{
color:#F6EDC2;
font-size: 11px;
line-height: 20px;
margin: 0 20px 15px;
text-align: center;
}

#project-slider-wrap{
height: 250px;
overflow: hidden;
margin: 0 auto;
position: relative;
width: 975px;
z-index: 2;
}

#project-slider{
height: 187px;
list-style: none;
margin: 0 auto;
overflow: hidden;
position: absolute;
top: 10px;
width: 978px;
z-index: 0;
}

#project-slider li{ 
background: url(../images/carousel/carousel_panel.png);
float: left;
height: 187px;
position: relative;
width: 326px; 
}	
#project-slider li img{
left: 29px;
position: absolute;
top: 11px;
}

#project-slider li .panel{
background: #4C4C4C;
bottom: 4px;
height: 26px;
left: 61px;
overflow: hidden;
position: absolute;
width: 192px;
z-index: 15;
}

.tooltip{
	z-indez:12;
	position:absolute;
	display:none;
	color:#F6EDC2;
	font-size:1em;
	background:#303030;
	text-align:center;
	width:252px;
	left:29px;
	top:10px;
	padding: 0 4px;
	font-weight:bold;
}

.featuretooltip{
	z-indez:12;
	position:absolute;
	display:none;
	color:#F6EDC2;
	font-size:1em;
	background:#303030;
	text-align:center;
	width:310px;
	left:13px;
	top:13px;
	padding: 0 4px;
	font-weight:bold;
}

#head a:link#back,
#head a:visited#back,
#head a:link#next,
#head a:visited#next{
	background: transparent url(../images/carousel/cycleright.png) no-repeat 0 0;
	display: block;
	height: 65px;
	position: absolute;
	right: 0;
	top:50px;
	text-indent: -13000em;
	width: 65px;
	z-index: 10;
}

#head a:link#back,
#head a:visited#back{ 
	background-image: url(../images/carousel/cycleleft.png); 
	left: -9px; 
	right: auto; 
}

#head a:hover#back,
#head a:active#back,
#head a:hover#next,
#head a:active#next{ background-position: 0 -65px; z-index: 7; }

/* o~~( ^ . ^ )~~o End JQuery Carousel o~~( ^ . ^ )~~o */



/* o~~( ^ . ^ )~~o JQuery Contact Slider o~~( ^ . ^ )~~o */

	
.box {
	margin: 0px auto;
	width:960px;
	background-color:#ffffff;
	text-align:left;
	position: relative;
}
.header {
	height:100px;
}
.header h1 {
	margin:0px;
	padding:30px;
}
.menu {
	height:30px;
	border-top:solid 1px #dccfbb;
	border-bottom:solid 1px #dccfbb;
	background-color:#4d3a24;
}
.menu div {
	padding:10px 30px;
}
.menu a {
	margin:0px 10px;
	color:#fecd28;
	text-decoration: none;
}
.content {
	padding:10px 30px;
}
#hireus{
	/*float:right;
	width:100%;*/
	position:relative;
	z-index:3;
}
#contactFormContainer {
	float:right;
	position:absolute;
	z-index:3;
	width:351px;
	left:590px;
}
#contactForm {
	height:166px;
	width:351px;
	background-color:#F1E9C5;
	display:none;
	padding:3px;
}
#contactForm fieldset {
	padding:5px 10px 0;
	border:none;
}      
#contactForm label {
	display:inline;
	float:left;
	width:35px;
	text-align:right;
	padding: 0 5px 0 0;
	color:#4D3A24;
	margin: 1px;
}      
#closer{
	cursor:pointer;
}
#contactForm input[type=text] {
	border:1px solid #4D3A24;
	height:12px;
	width:85%;
	font-size:10px;
	margin:2px 20px;
}
/*#sendMail{
	width:57px	;
	height:26px;
}*/
#contactForm textarea {
	display:block;
	border:solid 1px #4d3a24;
	width:85%;
	margin:2px 20px;
	font-size:10px;
	line-height:1.1em;
	font-family:Helvetica, Arial, sans-serif;
}  
#contactForm input[type=submit] {
/*	border:0 none;
	width:66px;
	height:22px;
	background: transparent url(/images/site/submit.jpg) no-repeat scroll 0 0;
	color:transparent;*/
} 
#contactForm input[type=file] {
	width:225px;
	margin-left:20px;
} 
#contactLink {
cursor:pointer;
display:block;
height:74px;
width:351px;
background: transparent url(../images/site/contactus.png) no-repeat right top;
}
#messageSent {
	color:#ff9933;
	display:none;
}
.lined{
	width:124px !important;
}

/* o~~( ^ . ^ )~~o End JQuery Contact Slider o~~( ^ . ^ )~~o */

/* o~~( ^ . ^ )~~o Bottom Layout o~~( ^ . ^ )~~o */

#wrap{ 
 width:1000px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#wrap-inner{ 
float:left;
margin:10px 0;
width:100%;
}  

#hometext{
	width:100%;
	position:relative;
	float:left;
} 
 
#leftcol{
float:left;
padding-bottom:50px;
padding-right:20px;
position:relative;
width:300px;
 }

#hometext #leftcol p {
margin-bottom:10px;	
}
 
#rightcol{
 width:320px;
 float:right; 
 position:relative;
}
 
.boldservice {
	/*font-family: helvetica,verdana,sans-serif,"Lucida Grande";*/
	font-weight:bold;
	font-size:1.4em;
}
 
 .boldservice a {
	color:#4C4C4C;
 }
 .boldservice a:hover {
	color:#940001;
 }
 

 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

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

#maincol {
	display:block;
	float:left;
	position:relative;
	width:348px;
	/*border-left: 1px solid #ddd2a6;
	border-right: 1px solid #ddd2a6;
	margin:0 10px;*/
}

img.serviceheader {
	margin: 0 auto;
}


.services {
	/*padding:20px 5px;*/
	/*border-left:2px solid #DDD2A6;
	border-right:2px solid #DDD2A6;*/
}

.services.first {
	padding-top:20px;	
}

.services img {
/*	clear:both;
	float:left;
	overflow:auto;
	margin-right:5px;
	margin-left:5px;*/
}

.services .head div {
	width:325px;
	margin:0 auto;
}

div.servicesinfo {
	padding-bottom:20px;	
}

.serviceimage {
	text-align:center;
}


/* o~~( ^ . ^ )~~o Footer Layout o~~( ^ . ^ )~~o */



#footer{
	height:146px;
	color:#CBC39C;
	padding-top:10px; 
	background:url(../images/site/footerbg.jpg);
	text-align:center;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	display: block;
	position:relative; 
	clear:both;
 }
 
 #footerwrap{
	width:1024px;
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
 }
 
 #footerwrap, #footerwrap a {
	color: #F6EDC2;
	font-weight:normal;
 }
 #footerwrap a:hover {
	color: #CBC39C !important;
 }
 .footertext {
	padding-top:30px;
	color:#F6EDC2;
 }

#container5 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
}

#container4 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
}

#container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
}

#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
}

#container1 {
	float:left;
	width:100%;
	position:relative;
	right:20%;
	border-right:1px solid #F6EDC2;
}

#col1 {
	float:left;
	width:16%;
	position:relative;
	left:82%;
	overflow:hidden;
}

#col2 {
	float:left;
	width:16%;
	position:relative;
	left:86%;
	overflow:hidden;
}

#col3 {
	float:left;
	width:16%;
	position:relative;
	left:90%;
	overflow:hidden;
}

#col4 {
	float:left;
	width:16%;
	position:relative;
	left:94%;
	overflow:hidden;
}

#col5 {
	float:left;
	width:16%;
	position:relative;
	left:98%;
	overflow:hidden;
}

h2.footerhead {
	font-family:Helvetica, Arial, sans-serif;
	color: #f6edc2;
	font-size:1.3em;
	font-weight:bold;
	margin:1em 0 0.3em;
}

#footer li{
	font-size:1.1em;
}

#footerextra {
	background-color: #C00D13;
	color: #f6edc2;
}
#footerextra h2{
	color:#F6EDC2;
	font-weight:bold;
	font-size:1.2em;
}
#footerextrawrap {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.seo {
	width: 1000px;
	margin: 0 auto;
	position:relative;
}
	
/* o~~( ^ . ^ )~~o End Footer Layout o~~( ^ . ^ )~~o */
	 

/* *** 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 */  


/* o~~( ^ . ^ )~~o End Bottom Layout o~~( ^ . ^ )~~o */


/* o~~( ^ . ^ )~~o Juitter o~~( ^ . ^ )~~o */

#juitterContainer{} /*Juitter container*/
#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */
/* Bellow the list of tweets "<li>" */
#juitterContainer .twittLI{list-style:none;margin:0;padding-bottom:30px;clear:both;width:310px;}
#juitterContainer .twittList A{color:#940001;} /*Links inside the tweets list */
#juitterContainer .twittList A:hover{color:#4C4C4C;} /*Links inside the tweets list */
/* Bellow the CSS for the avatar image  */
#juitterContainer .juitterAvatar{float:left;margin-right:5px;padding:2px 2px 10px;width:48px;height:48px;}
#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/
#juitterContainer .extLink{} /*CSS for the external links*/
#juitterContainer .hashLink{} /*CSS for the hash links*/

/* o~~( ^ . ^ )~~o Juitter o~~( ^ . ^ )~~o */

/* o~~( ^ . ^ )~~o Truncate o~~( ^ . ^ )~~o */

a.truncate_show, a.truncate_hide {
	color: #96322E;
}


/* o~~( ^ . ^ )~~o End Truncate o~~( ^ . ^ )~~o */

/* o~~( ^ . ^ )~~o Preloading Images o~~( ^ . ^ )~~o */

.hiddenPic {display:none;}

/* o~~( ^ . ^ )~~o End Preloading Images o~~( ^ . ^ )~~o */

.beige {
	color:#F6EDC2 !important;
}

.morelink:hover {
color:#940001 !important;
cursor:pointer;
}
.morelink {
color:#96322E;
font-weight:bold;
text-decoration:none;
}
p.centertext{
	text-align:center;
	font-style:italic;
	margin:10px 0;
}
.clear{
	clear:both;
}


/* o~~( ^ . ^ )~~o FTP page o~~( ^ . ^ )~~o */
body#ftp h1{
font-size:1.8em;
margin:30px 0 10px 0;	
}
body#ftp h2{
font-size:1.4em;
font-weight:bold;
margin:20px 0 5px 0;
}
body#ftp h3{
margin:15px 0 0 0;
font-size:1.2em;
font-weight:bold;
}
body#ftp #wrap ul{
margin-left:35px;
}
body#ftp #wrap-inner li{
list-style-type:disc;
}
ul#usefullinks, ul#ftpclients, p.answer, div#informationalrequirements{
display:none;	
}
a#showusefullinks, a#showftpclients, p.question, a.showinformationalrequirements, a.faqcontact{
cursor:pointer;	
}
div.faq{
margin:5px 0;	
}

body.transparent_widget {
background:url(../images/fbbg.jpg);
width:294px;
height:60px;
}
/* o~~( ^ . ^ )~~o END FTP page o~~( ^ . ^ )~~o */