/*
    Theme Name: Blue Tide Theme
    Description: A layout for Blue Tide Productions, brought to you by <a href="http://bluetideproductions.com">bluetideproductions.com/</a>
    Version: 1.0
    Author: Zach Reed
    Author URI: http://bluetideproductions.com/
*/

/***************************************************
				      GLOBAL
***************************************************/
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: 0px;
	padding: 0px;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;}
strong{font-weight:bold;}
*,a {outline: 0;outline: none;}
body {
	font-size: 12px;
	color: #fff;
	line-height: 17px;
	background: #122f35 url('images/pattern/body.jpg') no-repeat top center;
	font-style: inherit;
	font-weight: inherit;}
#cu3er-container {
	width:950px;
	outline:0;
	margin-bottom: 5px;
	background: transparent;}
h1 {
	font-size: 24px;
	margin: 0px;
	color: #31B8DA;
	display: block;
	padding: 35px 0px 10px 0px;
	width: 700px;
	float: left;
	font-weight: normal;
	line-height: 25px;}
h2 {
	font-size: 18px;
	font-weight: normal;
	display: block;
	float: right;
	width: 250px;
	padding: 0px 10px 10px 10px;
	color: #FFFFFF;
	margin: 0px;}
h3 {
	padding: 47px 0px 5px 0px;
	font-size:18px;
	color:#FFFFFF;
	margin: 0px 0px 10px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6a6a6a;}
p {
	margin: 0px;
	padding: 0px;}
a {
	text-decoration: none;
	color: #31b8da;}
a:hover {text-decoration: underline;}
#wrapper {
	width: 990px;
	background: url('images/pattern/wrapper.png') no-repeat center top;
	margin: 0 auto;
	overflow: hidden;}
#container {
	width: 950px;
	background: #0D1C1F;
	border: 1px none #EEEEEE;
	color: #fff;
	padding: 15px 20px 15px 20px;
	margin: 0px;
	float: left;}
#logo {
	width: 315px;
	height: 123px;
	float: left;
	position:relative;
	left:78px;
	background: url('images/logo.png') no-repeat top left;
	margin: 3px 0 80px 0;
	cursor:pointer;
	text-decoration:none;
	padding: 0;}
	
/****************************
		HOME SLIDER
****************************/
#slider-accordion {
	height:320px;
	margin: 0px 0px 0px 1px;
	padding: 0px 0px 25px 0px;}
#slider-accordion img {border:none;}
.slide	{
	list-style:none;
	height:320px;
	display:block;}
.slide li 	{
	float:left;
	display:inline;
	border: none;
	margin: 0px;
	padding: 0px;
	height: 320px;
	position: relative;
	overflow: hidden;
	cursor: pointer;}
.slide .desc {
	background: url('images/transparent_bg.png') repeat;
	height: 60px;
	width: 687px;
	position: absolute;
	left: 46px;
	bottom: 0px;
	padding: 20px;
	color: #CCCCCC;}
.slide .desc a {
	position: absolute;
	float: right;
	top: 65px;
	right: 20px;}
	
/***************************************************
				 SIDEBAR
***************************************************/
#sidebar {
	margin: 0px;
	float: right;
	width: 280px;
	background-color: #161616;
	padding: 20px 0px 0px 0px;}
.block {padding: 0px;}
.block p {
	padding: 0px;
	margin: 0px;}
.block ul {
	width:260px;
	top:0px;
	display: block;
	list-style-type: none;
	padding: 0px 0px 15px 20px;
	margin: 0px;
	float: left;}
.block ul li {
	display:block;
	cursor:pointer;
	cursor:pointer;
	padding: 5px 0;
	float: left;
	width: 240px;
	background: url('images/border.gif') repeat-x bottom;
	margin: 0px;}
.block ul li a {
	color:#31B8DA;
	text-decoration:none;
	padding: 0px 10px;
	display: block;
	background: url('images/bullet_ul.gif') no-repeat;
	background-position: left 6px;
	margin: 0px;}
.block ul li a:hover {
	color: #31B8DA;
	text-decoration: underline;}
.block li span {
	font-family:georgia, arial;
	font-size:9px;
	color:#464646;}
.advertise {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
	width: 280px;}
.advertise li {
	float: left;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	display: inline;}
.advertise img {
	border: 1px solid #555555;
	padding: 1px;
	float: left;}
	
/***************************************************
				      SEARCH
***************************************************/
#search {
	margin: 0px;
	float: right;
	width: 284px;
	padding: 5px 17px 0px 0px;}
#search input {
	background: #122F35;
	margin: 0px;
	float: left;
	width: 217px;
	height: 17px;
	color: #fff;
	padding: 4px 3px 2px 3px;
	font-size: 13px;
	border: 1px solid #15515C;
	border-right:none;}
#search input:focus {
	background: #31b7da;
	border: 1px solid #15515C;
	border-right:none;
	color: #fff;}
#search .search_button {
	color: #FFFFFF;
	background: #15515C;
	float: left;
	width: 57px;
	height: 25px;
	font-size: 11px;
	margin: 0px;
	cursor:pointer;
	padding: 0px;
	border: none;}
#search .search_button:hover {background-color: #15515C;color:#31B7DA;}
#search .search_button:focus {
	border: none;
	color: #C4A437;}
	
/***************************************************
				     BOTTOM
***************************************************/
#bottom_wrap{
	background: url('images/bottom_bg.jpg') repeat-x center bottom;
	padding: 20px;
	width: 950px;}
#bottom {
	font-size: 11px;
	color: #aaa;
	background: #161616;
	padding: 20px;
	float:left;
	margin: 0;}
#bottom_holder {
	margin: 0px;
	float: left;
	width: 950px;
	padding: 00;}
#bottom .strong {
	font-size: 15px;
	display: block;
	color: #CCCCCC;}
#bottom div {
	margin: 0px;
	float: left;
	width: 300px;
	padding: 0px 13px 0 0;}
#bottom div img {
	padding: 0px;
	margin: 4px 4px 0 0;}
#bottom div.last {
	margin: 0px;
	float: left;
	width: 263px;
	padding: 0px 0px 0px 20px;}
#bottom div.second {
	padding: 0 0 0 35px;
	width: 278px;}
#bottom div.second ul {
	margin: 0px;
	float: left;
	list-style-type: none;
	padding: 20px 0px 0px 0px;}
#bottom div.second ul li {
	float: left;
	margin:0 0 0 6px;
	padding: 0px;}
	#bottom div.second ul li a{
		display:block;
		height:24px;
		width:24px;}
		#bottom div.second ul li a span{display:none;}
		#bottom div.second ul li .Facebook{background: url('images/facebook-24x24.png') bottom center no-repeat;}
			#bottom div.second ul li .Facebook:hover{background-position:top center;}
		#bottom div.second ul li .Twitter{background: url('images/twitter-24x24.png') bottom center no-repeat;}
			#bottom div.second ul li .Twitter:hover{background-position:top center;}
		#bottom div.second ul li .Linkedin{background: url('images/linkedin-24x24.png') bottom center no-repeat;}
			#bottom div.second ul li .Linkedin:hover{background-position:top center;}
		#bottom div.second ul li .Bookmark{background: url('images/bookmark-24x24.png') bottom center no-repeat;}
			#bottom div.second ul li .Bookmark:hover{background-position:top center;}
		#bottom div.second ul li .Vimeo{background: url('images/vimeo-24x24.png') bottom center no-repeat;}
			#bottom div.second ul li .Vimeo:hover{background-position:top center;}
		#bottom div.second ul li .Aim{background: url('images/aim-24x24.png') bottom center no-repeat;}
			#bottom div.second ul li .Aim:hover{background-position:top center;}
		#bottom div.second ul li .Feed{background: url('images/feed-24x24.png') bottom center no-repeat;}
			#bottom div.second ul li .Feed:hover{background-position:top center;}
		#bottom div.second ul li .Contact{background: url('images/contact-24x24.png') bottom center no-repeat;}
			#bottom div.second ul li .Contact:hover{background-position:top center;}
	
/***************************************************
				      NEWSLETTER
***************************************************/
#newsletter {
	float: left;
	width: 263px;
	padding: 0px;
	margin: 15px 0px 0px 0px;}
#newsletter input {
	margin: 0px;
	float: left;
	width: 198px;
	height: 18px;
	padding: 4px 3px 2px 3px;
	font-size: 12px;
	background: #122F35;
	color: #fff;
	border: 1px solid #15515C;}
#newsletter input:focus {
	background: #31b7da;
	border: 1px solid #15515C;
	color: #fff;}
#newsletter .newsletter_button {
	float: left;
	width: 57px;
	height: 26px;
	cursor:pointer;
	font-size: 11px;
	margin: 0;
	color: #FFFFFF;
	background: #15515C;
	padding: 0;
	border: none;}
#newsletter .newsletter_button:hover {background-color: #15515C;color:#31B7DA;}
#newsletter .newsletter_button:focus {
	border: none;
	cursor:pointer;
	color: #FFFFFF;}
	
/***************************************************
						 FOOTER
***************************************************/
#footer {
	background: #faec8b url('images/footer_bg.jpg') top left no-repeat;
	width: 100%;
	margin:3px 0 0 0;
	padding: 0;
	float: left;}
#footer .boxes_holder {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;}
#footer .box {
	margin: 10px 0 0 0;
	width: 215px;
	padding: 5px 15px;
	color: #999999;
	float: left;}
#footer .box h1 {
	font-size: 22px;
	color: #0D1C1F;
	padding: 0px;
	float: left;
	width: 215px;
	font-weight: normal;
	border-bottom: 1px solid #0D1C1F;
	margin: 0px 0px 10px 0px;}
#footer .box ul {
	margin: 0px;
	width: 215px;
	list-style-type: none;
	padding: 0px;}
#footer .box ul li {
	margin: 0px;
	width: 215px;
	float: left;
	padding: 0;
	background-image: none;
	color: #0D1C1F;}
#footer .box ul li a {
	color: #0D1C1F;
	text-decoration: none;
	background-position: left 6px;
	display: block;
	padding-left: 10px;
	background-image: url('images/bullet_footer_ul.gif');
	background-repeat: no-repeat;
	padding-bottom: 4px;}
#footer .box ul li a:hover {text-decoration: underline;}
#footer .box ul li a.features {
	color: #fff;
	text-decoration: none;
	background-image: url('images/bullet_footer_ul_features.gif');
	background-position: left 6px;
	display: block;
	background-repeat: no-repeat;
	padding-left: 10px;}
#footer .boxes_holder .follow_twitter {
	background: url('images/twitter_icon.png') no-repeat;
	height: 101px;
	width: 101px;
	position: absolute;
	left: 25px;
	top: -13px;}
#footer .box_twitter {
	width: 790px;
	color: #fff;
	background: #0D1C1F;
	padding: 20px 30px 20px 130px;
	display: block;
	float: left;
	margin:20px 0 0 0;}
#footer .boxes_holder_twitter {
	margin: 0px;
	float: left;
	width: 935px;
	padding: 0 0 0 15px;}
#footer .subfooter {
	float: left;
	width: 945px;
	padding: 10px 0px 67px 15px;
	margin: 0px;
	left: 0px;
	top: 100px;}
#footer .subfooter ul {
	margin: 0px;
	padding: 0px;}
#footer .subfooter ul li {
	display: inline;
	list-style-type: none;}
#footer .subfooter a {
	color: #fff;
	display: inline;
	margin: 0px;
	float: left;
	padding: 0px 15px 0px 0px;}
#footer .subfooter h3 {
	float: right;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border: none;}

/***************************************************
			JQUERYSLIDEMENU
***************************************************/
#menuWrapper{background:#0D1C1F;height: 36px;clear:both;margin:0;padding:15px 0 0 0;}
.jqueryslidemenu{
	margin: 0 0 0 20px;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0px;
	width: 600px;
	position:relative;
	cursor: pointer;
	display: block;
	float: left;
	z-index: 10;}
.jqueryslidemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;}
.jqueryslidemenu ul li{
	position: relative;
	display: inline;
	margin: 0 0 0 4px;
	cursor: pointer;
	padding: 5px 5px 0px 0px;
	float: left;
	overflow: visible;}
	.jqueryslidemenu ul li.first{margin: 0;}
.jqueryslidemenu ul li a{
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	text-transform:uppercase;
	padding:4px 6px;
	background: #044A63 url('images/nav-bg.jpg') bottom left repeat-x;
	border: 1px solid #15515C;
	display: block;}
.jqueryslidemenu ul li a.current{
	color:#EFECD1;
	border: 1px solid #15515C;
	cursor: pointer;
	background: #044A63 url('images/nav-bg-hover.jpg') top left repeat-x;
	text-decoration: none;}
.jqueryslidemenu ul li a:hover{
	color: #EFECD1;
	background: #044A63 url('images/nav-bg-hover.jpg') top left repeat-x;
	cursor: pointer;
	border: 1px solid #15515C;
	text-decoration: none;}
.jqueryslidemenu ul li ul{
	display: block;
	z-index: 100;
	width: 178px;
	cursor: pointer;
	left: 55px;
	top:29px !important;
	margin:0;
	float: none;
	padding-top: 16px;
	position: absolute;
	visibility: visible;
	background: #0D1C1F url('images/dropdown-top.png') no-repeat left top;}
.jqueryslidemenu ul li ul li{
	display: block;
	list-style:none;
	margin: 0;
	cursor: pointer;
	float: left;
	background-repeat: repeat-y;
	background-position: left top;
	padding: 0;}
.jqueryslidemenu ul li ul li a{
	margin: 0;
	font-size: 12px;
	display: block;
	width: 162px;
	cursor: pointer;
	text-align: left;
	color: #fff;
	background: #15515C;
	padding: 6px 7px;
	float: left;
	border: 1px solid #31b7da;}
.jqueryslidemenu ul li ul li a:hover{ 
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	background: #122F35;
	border: 1px solid #31b7da;}
	
/***************************************************
			  PORTFOLIO TILES
***************************************************/
ul.portfolio-tiles {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: block;
	width: 950px;
	float: left;}
ul.portfolio-tiles li {
	float: left;
	margin: 0;
	width: 225px;
	padding: 0 0 25px 10px;
	position: relative;
	overflow: hidden;}
ul.portfolio-tiles li img {
	margin: 0px;
	padding: 10px 0 0 10px;
	border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;
	border-top-color: #333333;border-right-color: #333333;border-bottom-color: #333333;	border-left-color: #333333;}
ul.portfolio-tiles li a.item {
	font-size: 13px;
	color: #aaa;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	background: #333333;
	display: block;}
ul.portfolio-tiles li a.item:hover {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	color: #FFFFFF;}
ul.portfolio-tiles li strong {
	font-size: 15px;
	font-weight: normal;
	display: block;
	width: 205px;
	padding: 10px 10px 5px 10px;
	text-decoration: none;
	height: 35px;
	margin: 0px;
	color: #FFFFFF;}
ul.portfolio-tiles li p {
	padding-left: 10px;
	width: 205px;
	padding-right: 10px;
	display: block;}
ul.portfolio-tiles li .text {
	display: block;
	text-align: left;
	margin: 0px;
	padding: 0px 10px;
	height: 100px;}
ul.portfolio-tiles li .post_date {
	margin: 0px;
	padding: 0px 10px 5px 10px;
	font-weight: bold;
	display: block;
	color: #FFFFFF;}
ul.portfolio-tiles li a.ext-link {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 92px;
	text-indent: -9999px;
	left: 107px;
	background: url('images/external-link.png') no-repeat left top;}
ul.portfolio-tiles li a.ext-link:hover {background-position: 0 bottom;}

/***************************************************
			  PORTFOLIO TILES GALLERY
***************************************************/
ul.portfolio-tiles-gallery {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: block;
	width: 950px;
	float: left;
	z-index: 999;}
ul.portfolio-tiles-gallery li {
	float: left;
	margin: 0px;
	width: 225px;
	padding: 0px 0px 15px 10px;
	text-decoration: none;
	overflow: hidden;
	position: relative;}
ul.portfolio-tiles-gallery li h3 {
	margin: 0px;
	color:#FFF;
	font-size: 16px;
	text-decoration: none;
	border: none;
	width: 205px;
	display: block;
	padding: 10px;}			
ul.portfolio-tiles-gallery li .boxgrid {
	margin:0px;
	float:left;
	background-color: #15515C;
	padding: 0px;
	width: 225px;
	height: 225px;
	cursor:pointer;
	overflow: hidden;
	position: relative;}
ul.portfolio-tiles-gallery li .boxgrid img {
	top: 0;
	left: 0;
	background: #333333;
	float: left;
	padding: 10px;
	border:none;
	text-decoration:none;
	position: absolute;}
ul.portfolio-tiles-gallery .boxgrid slideright a img {
	margin: 0px;
	padding: 0px;}
ul.portfolio-tiles-gallery li .boxgrid p {
	color:#FFFFFF;
	width: 205px;
	text-decoration:none;
	float: left;
	padding: 10px;}				
ul.portfolio-tiles-gallery  li a {
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	border:none;}
	
/***************************************************
		    PORTFOLIO FILTER
***************************************************/
#portfolio-filter {
	width: 912px;
	height: 18px;
	display: block;
	float: left;
	padding: 12px 20px 10px 20px;
	margin: 0px 0px 20px 0px;
	background-color: #161616;}
#portfolio-filter .browse {
	color: #fff;
	float: left;
	font-size: 16px;}
#portfolio-filter ul {
	margin: 0px;
	padding: 0px;
	float: right;}
#portfolio-filter li {
	background: none;
	display: inline;
	padding: 0px;
	margin: 0px;}
#portfolio-filter li a {
	text-decoration: none;
	font-size: 12px;
	padding: 0px 10px;
	float: right;
	color: #CCCCCC;
	display: block;
	margin: 0px 0px 0px 5px;}
#portfolio-filter li a.current, #portfolio-filter li a:hover {
	color: #31B8DA;
	text-decoration: none;}
a.visit_back_a {
	color: #FFFFFF;
	margin-bottom: 0px;
	float: right;
	margin: 0px 0px 0px 5px;
	float: right;
	display: inline;
	cursor:pointer;
	background-color: #15515C;
	padding: 7px;}
	
/***************************************************
		    INTRO
***************************************************/
.intro {
	width: 229px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;}
.intro strong {
	font-size: 22px;
	color: #FFFFFF;
	display: block;
	font-weight: normal;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 4px 0px;
	line-height: 25px;
	border-bottom: 1px solid #6a6a6a;}
.intro p {
	height: 120px;
	display: block;}
.intro a {
	display: block;
	background: url('images/bullet_ul.gif') no-repeat;
	background-position: left 6px;
	padding-left: 10px;}
.intro a.intro_right {
	float: right;
	font-weight: bold;
	background-image: none;}
.intro a.next {
	background-color: #31b8da;
	padding: 7px 11px 7px 30px;
	color: #FFFFFF;
	background: url('images/toogle_down.gif') no-repeat;
	background-position: 6px center;
	margin: 0px 5px 0px 0px;
	display: block;
	float: left;}
.intro a.prev {
	display: block;
	background-color: #31b8da;
	padding: 7px 11px 7px 30px;
	color: #FFFFFF;
	background: url('images/toogle_up.gif') no-repeat;
	background-position: 6px center;
	margin: 0px 5px 0px 0px;
	float: left;}
.intro a.next:hover, .intro a.prev:hover {
	color: #FFFFFF;
	text-decoration: none;}
	
/***************************************************
				  CONTACT
***************************************************/
#contactinfo {
	width: 525px;
	display: inline;
	float: right;
	background-color: #31B8DA;
	padding: 6px;
	margin: 0px 0px 15px 0px;}
#contactinfo img {
	margin: 0px;
	border:1px solid #15515C;
	padding: 0px;}
#contactForm {
	margin: 0px;
	width: 910px;
	float: right;
	background-color: #161616;
	padding: 20px 20px 5px 20px;
	position: relative;}
#contactForm h1{
	font-size: 22px;
	color: #FFFFFF;
	display: block;
	font-weight: normal;
	border-bottom: 1px solid #6a6a6a;
	width:100%;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 7px 0px;
	line-height: 26px;}
.contact_info {
	width: 300px;
	float: none;
	padding-bottom: 30px;}
.contact_info p {
	display: inline;
	margin: 0px;
	padding: 0px;}
.contact_info a {
	margin: 0px;
	padding: 0px;
	display: inline;
	background-image: none;}
	
/***************************************************
				ABOUT
***************************************************/
.intro_longer {
	width: 650px;
	float: left;
	margin: 0px;
	padding: 0;}
.intro_longer div {
	width: 650px;
	float: left;}
.intro_longer p {
	margin: 4px 0;
	padding: 3px;}
.intro_longer p strong{font-weight:bold;}
.intro_longer h1 {
	font-size: 22px;
	color: #FFFFFF;
	display: block;
	font-weight: normal;
	border-bottom: 1px solid #6a6a6a;
	width:650px;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 7px 0px;
	line-height: 26px;}
	.serviceSection {
		margin:0 0 0 13px;
		float:lefft;
		width:208px !important;
		padding:0;}
	.serviceSection  h3{
		margin:0 0 5px 0;
		color:#EFF0F1;
		padding:0 0 5px 0;}		
	.serviceSection ul{
		margin:0;
		padding:0;
		list-style:none;}
	.serviceSection ul li{
		background: url('images/arrow_right.png') no-repeat left 5px;
		height:20px;
		padding:0 0 0 18px;
		margin:4px 0;}

/***************************************************
				 TESTIMONIALS
***************************************************/
.slider_holder {
	float: right;
	padding: 0 0 5px 0;
	z-index: 999;
	list-style:none;
	margin: 0;}
.slider, .slider li {
	overflow:hidden;
	width:240px;
	padding: 0 20px 20px 20px;
	color: #fff;
	z-index: 1;
	list-style:none;
	height: 190px;}
.nav{
	width: 250px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	text-align: right;
	padding: 10px 10px 7px 20px;
	float: left;}
.nav .counter {
	color: #FFFFFF;
	float: left;
	width: 100px;
	text-align: left;
	margin: 0px;
	padding: 0px;}
.nav ul {
	margin: 0px;
	float: right;
	display: block;
	width: 60px;
	padding: 0px 5px 0px 0px;}
.nav ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;}
.nav a{
	text-decoration: none;
	padding: 0 5px;
	height: 17px;
	width: 20px;
	font-size: 1px;
	float: right;}
.nav a.prev {
	margin: 0px;
	padding: 0px;
	background: url('images/toogle_left.gif') no-repeat left top;}
.nav a.next {
	margin: 0px;
	background: url('images/toogle_right.gif') no-repeat right top;
	padding: 0px;}
.testimonial {
	float:left;
	margin-top:1px;
	position:relative;}
.testimonial div {
	float:left;
	margin-left:1px;
	padding:20px 20px 40px;
	width:204px;}
.testimonial a {
	text-align: right;
	display: block;
	color: #31B8DA;}
.testimonial .author {
	font-weight: bold;
	color: #fff;
	margin-top:3px;
	text-align: right;
	display: block;}
.testimonial .company {
	font-weight: bold;
	color: #31B8DA;
	text-align: right;
	display: block;}
	
/***************************************************
				  SERVICES
***************************************************/
ul.services {
	list-style-type: none;
	margin: 0px;
	display: block;
	width: 650px;
	float: left;
	padding: 0 0 15px 0;}
ul.services li {
	width: 305px;
	padding: 30px 10px 10px 10px;
	margin: 0px;
	float: left;
	display: block;}
ul.services li a {
	font-weight: bold;
	display: inline;}
ul.services li img {
	margin: 0px;
	border: none;
	display: block;
	float: left;
	height: 50px;
	width: 50px;
	padding: 0px 5px 0px 0px;}
ul.services li strong {
	font-size: 15px;
	font-weight: normal;
	width: 250px;
	text-decoration: none;
	margin: 0px;
	color: #FFFFFF;
	display: block;
	padding: 20px 0px;}
ul.recent {
	list-style-type: none;
	float: left;
	margin: 20px 0px;
	width: 650px;
	padding: 0px;}
ul.recent li{
	display: block;
	float: left;
	width: 650px;
	padding: 3px 0;}
ul.recent li a{
	display: inline;
	margin: 0px;
	padding: 0px;}
ul.recent p {
	padding-top: 5px;
	padding-bottom: 5px;}
ul.recent li span{
	background-color: #333333;
	color: #999999;
	font-size: 10px;
	margin-right: 10px;
	padding: 7px;
	text-align: center;
	text-transform: uppercase;
	float: left;
	width: 75px;}
.recent li strong {
	color: #31B8DA;
	font-size: 17px;
	border: none;
	margin: 0px;
	padding: 0px;}
	
/***************************************************
				       MISC
***************************************************/
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;} 
.clearfix {display: inline-block;} 
html[xmlns] .clearfix {display: block;} 
* html .clearfix {	height: 1%;}
#twitter_update_list{list-style:none;margin:0;padding:0;}
#twitter_update_list li{list-style:none;margin:0;padding:0;}