/* CSS Document */
#gallerypagebottom{
	font-size:0px;
	margin:0px;
	padding:0px;
}

/* Flash Gallery Containers*/

#flgallery_container{
width:740px;
margin:auto;
margin-top:5px;
border:3px solid #eeeeee;
}

#flGallery{
width:740px;
height:400px;
}

/* End of Flash Gallery Containers*/

/* 2 column layout text and links */
.content_col_wrapper{
width:100%;
}
.content_col{
padding:0px;
margin:0px;
width:60%;
float:left;
}

.col_right{
width:38%;
float:left;
padding-left:1%;
}

#TextArea .col_right ul{
padding:0px;
margin:0px;
margin-top:5px;
margin-bottom:3px;
}

#TextArea .col_right li{
padding:0px;
margin:0px;
border-bottom:1px dotted #666;
list-style-type:none;
padding-top:5px;
padding-bottom:5px;
font-weight:normal;
}

#TextArea .col_right li a{
display:block;
width:100%;
}

/* end of 2 column layout text and links */

/* Large box 3 boxes table*/

.largebox{
	width:100%;
	margin-bottom:5px;
}

.largebox td{
	width:33%;
	border-right:5px solid #fff;
}

.largebox td, th{
	padding:5px;
}


.largebox thead th{	
	background:#eeeeee;
	border-right:5px solid #fff;
	text-align:left;
}

.largebox tbody td{
line-height:125%;
font-size:90%;
vertical-align:top;
}

.largebox tfoot td{
	background:#eeeeee;
	text-align:right;
	font-size:90%;
}

.largebox tfoot a{
	color:#F00;
	text-decoration:none;
}

.largebox .last, thead, tbody, td, th{
	border-right:0px;
	}

/* text columns */
.text_container{
float:left;
height:100%;
width:100%;
}

.text_container .Leftcolumn{
float:left;
width:250px;
padding:5px;
}
.text_container .Rightcolumn{
float:left;
width:470px;
padding:5px;
}

.text_container .text2columns{
float:left;
min-height:100%;

width:47%;
padding:1%;
}

.text_container .text3columns{
float:left;
min-height:100%;
width:31%;
padding:1%;

}

.text_container .lastcolumn{
border:0px;
}
/* end of text columns layout  */

/* faqs */
#TextArea .faq_categories{
margin:0px;
padding:0px;
width:100%;
height:50px;
}
#TextArea .faq_categories li{
margin:0px;
padding:0px;
padding-top:8px;
padding-bottom:8px;
list-style-type:none;
float:left;
margin-right:1px;
}

#TextArea .faq_categories li a{
margin:0px;
padding:0px;
padding:10px;
display:block;
text-decoration:none;
font-size:120%;
background-color:#eeeeee;
border:1px solid #ccc;
color:#000;
}

#TextArea .faq_categories li a:hover{
background-color:#f7f7f7;
}

/* end of faqs*/

/* Start of services */
#TextArea #services{
margin:0px;
padding:0px;
	width:100%;
	float:left;
}

#TextArea #services li{
margin:1px;
padding:0px;
float:left;
list-style:none;
width:233px;
height:175px;
}

#TextArea #services li a{
display:block;
width:225px;
height:175px;

font-weight:100;
color:#fff;
}

#TextArea #services li#crm a{
border-right:0px;
}

#TextArea #services li span{
display:none;
}

#TextArea #services li#cms{
	background:url(../images/services/CMS.jpg) no-repeat;
}
	#TextArea #services li#cms:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	}

#TextArea #services li#ecommerce{
	background:url(../images/services/ecommerce.jpg) no-repeat;
}
	#TextArea #services li#ecommerce:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	}

#TextArea #services li#seo{
	background:url(../images/services/seo.jpg) no-repeat;
}
	#TextArea #services li#seo:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	}

#TextArea #services li#crm{
	background:url(../images/services/crm.jpg) no-repeat;
	border-right:0px;
}
	#TextArea #services li#crm:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	}
	
#TextArea #services li#software{
	background:url(../images/services/software.jpg) no-repeat;
	border-right:0px;
}
	#TextArea #services li#software:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	}
	
#TextArea #services li#print{
	background:url(../images/services/print.jpg) no-repeat;
	border-right:0px;
}
	#TextArea #services li#print:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	}

#TextArea #services li#bluetooth{
	background:url(../images/services/bluetooth.jpg) no-repeat;
	border-right:0px;
}
	#TextArea #services li#bluetooth:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	}
	
#TextArea #services li#socialmedia{
	background:url(../images/services/socialmedia.jpg) no-repeat;
	border-right:0px;
}
	#TextArea #services li#socialmedia:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	}

#TextArea #services li#casestudies{
	background:url(../images/services/casestudies.jpg) no-repeat;
	border-right:0px;
}
	#TextArea #services li#casestudies:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	}
	
#TextArea #services li#emailmarketing{
	background:url(../images/services/emailmarketing.jpg) no-repeat;
	border-right:0px;
}
#TextArea #services li#emailmarketing:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	}

/* end of services */

/* Start of services */
#TextArea #portfolio{
margin:0px;
padding:0px;
	width:100%;
	float:left;
}

#TextArea #portfolio h2{
margin:0px;
padding:0px;
margin-top:10px;
margin-bottom:10px;
padding-left:10px;
}

#TextArea #portfolio ul{
margin:0px;
padding:0px;
margin-top:10px;
padding:10px;
	width:100%;
	float:left;
}

#TextArea #portfolio li{
margin:0px;
padding:0px;
list-style:none;
color:#F03;
text-align:left;
font-size:80%;
}

#TextArea #portfolio li a:hover{
color:#F03;
}

#TextArea #portfolio div{
margin:0px;
padding:0px;
float:left;
height:205px;
width:225px;
margin:4px;
border:1px solid #cfcfcf;
overflow:hidden;
	-moz-box-shadow: 0 0 20px #ccc;
	-webkit-box-shadow: 0 0 20px #ccc;

}

#TextArea #portfolio .customers {
text-align:center;
}

#TextArea #portfolio span{
display:none;
}

#TextArea #portfolio .customers a{
font-weight:100;
}

#TextArea #portfolio .customers a:hover{
font-weight:100;
}



#TextArea #portfolio .customers .last{

}

/* end of portfolio */

/* Start of social */
#TextArea #social{
margin:0px;
padding:0px;
width:950px;
float:left;
}



#TextArea #social span{
}

.paddedcontent{
padding:50px;
}

/* end of portfolio */