@import url(reset.css);
@import url(typography.css);
@import url(grid.css);
@import url(forms.css);
	
/*   
Theme Name: Umbrella Media
Theme URI: http://www.umbrella-media.com
*/

body { background: #fff; padding: 0 0 0 0;  }

/* #body { background: #b0e0e6; } */

.container_12 { background: #fff; 
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;

}
.wp-caption-text { font-size: 11px; margin: 0; }
	
/* header */
#header {
	height: 65px;	
	margin: 0px 0px 15px 0;
	position:relative;
	border-bottom: 1px dotted #ccc;
}

#header #contactinfo {
	position:absolute;
	top:0;
	font-size: 10px;
	right:0px;
	padding:5px 10px 5px 30px;
}



#commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
}

li {
	list-style-image: url(images/bullet.png);
}

#commentlist li {
    margin: 0px 0 15px 0;
    padding: 10px;
    list-style: none;
    background: #f9f9f9;
    border-top: 3px solid #eee;
    border-bottom: 3px solid #eee; 
}

	
/* links */
a,a:link,a:visited {
	color:#3DAEB6;
	text-decoration:none;
}

a:hover {
	color:#666;
}

.time { font-size: 10px; font-style: italic;}

.avatar { float: right; margin: 0 0 10px 10px; }
	
/* navigation */
#nav-bar {
	border-bottom:solid 1px #ddd;
	width:960px;
	height:26px;
	margin:20px 0 50px;
	padding:0 0 10px;
}

#navbar-left {
	width:850px;
	height:26px;
	float:left;
	margin:0;
	padding:0;
}

#navbar-right {
	width:30px;
	height:26px;
	float:right;
	margin:0;
	padding:0 10px 0 0;
	text-align:right;
}

#navbar-right a img {
	border:none;
	margin:5px 0 0;
	padding:0;
}


	
/* footer */
#footer {
/* 	background: #b0e0e6!important; */
	margin:0px auto 10px auto;
	padding:10px 0 30px 0;
	text-align: center;
	border-top: 1px dotted #ccc;
}


#footer p {
	padding: 0;
	margin: 0 0 2px 0;
	line-height: 18px;
	font-size: 10px;
	color: #333;
}

#footernav {
	font-size: 10px;
	margin: 0 0 15px 0;
}


	
/* Misc */
.wp-caption {
	border:1px solid #ddd;
	text-align:center;
	background-color:#f3f3f3;
	padding: 10px 15px 10px 10px;
	margin:10px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.wp-caption img {
	margin:0;
	padding:0;
	border:0 none;
}

.wp-caption-dd {
	font-size:11px;
	line-height:17px;
	padding:0 4px 5px;
	margin:0;
}

.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.alignleft {
	float:left;
	padding:10px 10px 10px 0;
}

.alignright {
	float:right;
	padding:10px 0 10px 10px;
}


	
/* post */
.meta {
	padding:5px 10px;
	margin:0 0 20px;
	background:#f2f2f2;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:11px;
}

.metaport {
	padding: 2px 5px;
	margin: 0;
	border-radius:5px;
 	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	background: #eee;
	text-align: center;
}

	
/* Comments */
#comments {
	margin:20px 0 10px;
	padding:20px 0 10px;
	border-top: dotted 1px #ccc;
	font-size: 12px;
}

#postcomment {
	margin:20px 0 10px;
	padding:20px 0 10px;
	border-top:dotted 1px #ccc;
}


	
/* featured section */
#featured-sticker {
	width:100px;
	padding:5px;
	margin-left:800px;
	background-color:#f00;
	color:white;
	text-align:center;
	position:absolute;
	float:right;
}

#featured-post {
	background-color:#f3f3f3;
	padding:20px;
	margin:0 0 45px;
	border-top:solid 3px #ddd;
	border-bottom:solid 1px #ddd;
}

#post-entries {
	padding:0 0 20px;
	margin:0 0 14px 0;
	border-bottom:dotted 1px #ccc;
	z-index: 1!important;
}

#homepage {
	width:800px;
	margin:20px auto;
	padding:0;
	text-align:center;
}

#logo {
	background:url(images/logo.png) right top no-repeat;
	display:block;
	width:50px;
	text-indent:-100000em;
	height:45px;
	margin:10px 0 20px;
}

#homepage h1 {
	background:url(http://cache.umbrella-media.com.s3.amazonaws.com/wp-content/uploads/2010/02/logo.png) center top no-repeat;
	height:300px;
	text-indent:-10000em;
}

.noborder {
	border-bottom:none!important;
}

#content {
	z-index: 0;
}

#better-business-bureau {
	background:url(images/icon-bbb.jpg) 25px top no-repeat;
	padding:0 0 0 100px;
	margin:0 0 15px;
	line-height:22px;
	min-height:70px;
}

#austin-hispanic-chamber {
	background:url(images/icon-greater-hispanic-chamber.jpg) 10px top no-repeat;
	padding:0 0 0 100px;
	margin:0 0 15px;
	line-height:24px;
	min-height:70px;
}

#san-marcos-chamber {
	background:url(images/icon-san-marcos-chamber.jpg) 10px top no-repeat;
	padding:0 0 0 100px;
	margin:0 0 15px;
	line-height:22px;
	min-height:70px;
}

.read-more-big {
border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#B0E0E6;
	color:#fff;
	padding:8px 12px;
	display: block;
	margin-bottom: 8px;
}

.read-more-big strong {
	display:block;
	text-transform:uppercase;
	font-size:18px;
}

.read-more-big {
	color:#666!important;
}

.read-more-big:hover {
	color:#5AA7AD!important;
}

.read-more {
border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#B0E0E6;
	color:#fff;
	padding:8px 12px;
}

.read-more {
	color:#666!important;
}

.read-more:hover {
	color:#5AA7AD!important;
}

.float-left {
	float:left;
	margin:10px 10px 10px 0;
}

.float-right {
	float:right;
	margin:10px 0 10px 10px;
}

#map {
	float:left;
	margin: 0 0 0 0;
	background:url(images/location.png) center top no-repeat;
	height:320px;
	width:345px;
	display:block;
	text-indent:-10000em;
}

#testimonials {
	float:right;
	margin:0 0 0 40px;
	background:url(images/testimonial.png) left top no-repeat;
	height:360px;
	width:260px;
	padding: 20px;
	display:block;
	font-size: 12px;
	line-height: 20px;
	position: relative;
}

#testimonialby {
	margin: 70px 0 0 0;
	font-size: 18px;
}

#moretestimonials {
	margin: 10px 0 0 0;
	display: block;
}

#map-small {
	float:right;
	margin:0 0 20px 20px;
	background:url(images/location-small.png) left top no-repeat;
	height:215px;
	width:250px;
	display:block;
	text-indent:-10000em;
}

#checklist {
	list-style-image: url(images/bullet.png);
	margin: 0;
	padding: 0 0 0 25px;
}

#checklist li {
	padding: 0 3px 3px 3px;
}

	
/*menu start */

	
/*
  CSS generated via the Multi-level Navigation Plugin ... http://pixopoint.com/multi-level-navigation/

  If you would like a similar menu for your own site, then please try the PixoPoint Web Development
  CSS generator for creating flyout, dropdown and horizontal slider menus ... http://pixopoint.com/suckerfish_css/


*** Main menu CSS code ***/
#sidebar {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
}

#suckerfishnav {

}

#suckerfishnav,#suckerfishnav ul {
	list-style:none;
	line-height:30px;
	padding:0;
	border:0px solid #ccc;
	margin:0;
}

#suckerfishnav a {
	display:block;
	font-weight:bold;
	color:#666;
	margin:0 10px 0 0;
	padding:5px;
	font-size:14px;
	float: left;
}

#suckerfishnav li {
	float:left;
	padding:0;
	text-align:right;
	display: block;
}

#suckerfishnav li a {
	height:30px;
	overflow:hidden;
}

#suckerfishnav li.page-item-6 a {
	background: url(images/parent.png) right 17px no-repeat;
	padding-right: 12px;
}


#suckerfishnav li.page-item-2 li, #suckerfishnav li.page-item-6 li {
	background: #fff;
}

#suckerfishnav li.page-item-2 li a, #suckerfishnav li.page-item-6 li a {
	background: #fff;
	padding-right: 10px;
}

#suckerfishnav ul {
	position:absolute;
	left:-999em;
	height:auto;
	width:200px;
	font-weight:normal;
	margin:0;
	line-height:1;
	border:0;
	border-top:1px solid #ccc;
	margin:30px 0 0 0px;
}

#suckerfishnav li li {
	width:198px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	font-weight:normal;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	text-align:left;
}

#suckerfishnav li li a {
	padding:7px 10px;
	width:178px;
	height:10px;
	font-size:10px;
	color: #333;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	font-weight: normal;
	background:#fff;
}

#suckerfishnav li ul ul {
	margin:-25px 0 0 160px;
}

#suckerfishnav li li:hover, #suckerfishnav li li a:hover {
	background: #B0E0E6;
	color: #333;
}

#suckerfishnav li ul li:hover a,#suckerfishnav li ul li li:hover a,#suckerfishnav li ul li li li:hover a,#suckerfishnav li ul li li li:hover a {
	color:#333;
}

#suckerfishnav li:hover a,#suckerfishnav li.sfhover a {
	color:#3DAEB6;
}

#suckerfishnav li.page-item-6:hover a {
	color:#3DAEB6;
	background: url(images/parent-over.png) right 17px no-repeat;
	padding-right: 12px;
}

#suckerfishnav li.page-item-2 li a, #suckerfishnav li.page-item-6 li a {
	background: #fff!important;
	color: #333!important;
	padding-right: 10px!important;
}

#suckerfishnav li.page-item-2 li a:hover, #suckerfishnav li.page-item-6 li a:hover {
	background: #B0E0E6!important;
	color: #333;
}


#suckerfishnav li:hover li a,#suckerfishnav li li:hover li a,#suckerfishnav li li li:hover li a,#suckerfishnav li li li li:hover li a {
	color:#333;
}

#suckerfishnav li:hover ul ul,#suckerfishnav li:hover ul ul ul,#suckerfishnav li:hover ul ul ul ul,#suckerfishnav li.sfhover ul ul,#suckerfishnav li.sfhover ul ul ul,#suckerfishnav li.sfhover ul ul ul ul {
	left:-999em;
}

#suckerfishnav li:hover ul,#suckerfishnav li li:hover ul,#suckerfishnav li li li:hover ul,#suckerfishnav li li li li:hover ul,#suckerfishnav li.sfhover ul,#suckerfishnav li li.sfhover ul,#suckerfishnav li li li.sfhover ul,#suckerfishnav li li li li.sfhover ul {
	left:auto;
	z-index: 10000;
}

#suckerfishnav li:hover,#suckerfishnav li.sfhover {
}


	
/*menu end */
table#websitehosting tr td {
	border-bottom:1px solid #eee;
	padding:8px;
	font-size:12px;
}

table#websitehosting tr.first td {
	border-top:1px solid #eee;
}

table#websitehosting tr.tcat td {
	background:#f2f2f2;
	font-weight:bold;
}

table#websitehosting tr.savings td {
	background:rgb(202,226,190);
}


	
/*services */

	
/* Services */
#services ul {
	margin:0;
	padding:0;
	list-style: none;
	list-style-image: none;
}

#services ul li {
	margin: 0;
	padding:0 10px 10px 0;
	list-style-type:none;
	list-style: none;
	list-style-image: none;	
}

#services ul .service {
	margin: 20px 0;
	padding: 10px;
	float: left;
	width: 280px;
	height: 460px;

}

#services ul .service div {
	padding: 10px;
	border-radius:5px;
 	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border: 5px solid #eee;	
	position:relative;	
	height: 440px;
}


#services ul #service-website {
	background:url(images/icon-web.png) 5px 5px no-repeat;
}
#services ul #service-logo {
	background:url(images/icon-brand.png) 5px 5px no-repeat;
}
#services ul #service-print {
	background:url(images/icon-print.png) 5px 5px no-repeat;
}

#services ul #service-social-media {
	background:url(images/icon-social.png) 5px 5px no-repeat;
}

#services ul #service-mobility {
	background:url(images/icon-apps.png) 5px 5px no-repeat;
}

#services ul #service-seo {
	background:url(images/icon-seo.png) 5px 5px no-repeat;
}

#services ul #service-hosting {
	background:url(images/icon-hosting.png) 5px 5px no-repeat;
}
/*
#services ul #service-backend {
	background:url(images/services-backend-development.png) left 0 no-repeat;
}
*/

#services ul h2 { padding: 0 0 5px 33px; }

#services ul h2,#services ul h2 a {
	font-size:20px;
	border-bottom: 1px solid #eee;
}

#services ul li h3 {
	font-size:14px;
	margin-bottom: 15px;
}


	
/*services*/
.basecamp {
	background:url(images/partners/basecamp.png) left 10px no-repeat;
	padding-left:100px;
}

.gotomeeting {
	background:url(images/partners/gotomeeting.png) left 10px no-repeat;
	padding-left:100px;
}

.quote {
	margin:0 0 50px;
}

.quote blockquote {
	background:transparent url(images/quotes.png) left top no-repeat;
	padding:0 0 0 80px;
	font-style:normal;
}

#apple {
	background:url(images/icons/apple.png) left top no-repeat;
	padding:0 0 0 80px;
	margin:0 0 15px;

}

#recycle {
	background:url(images/icons/recycle.png) left top no-repeat;
	padding:0 0 0 100px;
	margin:0 0 15px;
	height:60px;
}

#remote-meetings {
	background:url(images/icons/remote-meetings.png) left top no-repeat;
	padding:0 0 0 80px;
	margin:0 0 15px;
	height:60px;
}

#eco-office {
	background:url(images/icons/green-office.png) left top no-repeat;
	padding:0 0 0 80px;
	margin:0 0 15px;
	height:60px;
}

#col3 {
/* 	margin-top:50px; */
/* 	border-left: 1px solid #ccc; */
}

.widget h3, .widget h2, .widget h4 { border-bottom: 1px dotted #ccc; padding-bottom: 5px!important; }

.widget h3 {
	color: #349ca9;
	font-size: 14px;
	border-bottom: 0;
	margin: 15px 0 10px 0;
}

h3.widgettitle {
	margin: 15px 0 15px;
}

.widget_archive {
	margin:0 0 20px;
}

.widget_recent_entries ul {
	margin:0;
	padding:0;
}

.widget_recent_entries li {
	list-style:none;
}

.widget_recent_entries a {
	display:block;
	color:#666;
	background:#fff;
	padding:6px 10px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.widget_recent_entries a:hover {
	background:#B0E0E6;
}


	
/*
#text-3 {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 10px;
	background: #eee;
}
*/
#text-3 p {
	margin:0;
	line-height:18px;
	padding:0;
}

a#vcard {
	background:url(images/icon-vcard.png) center left no-repeat;
	padding:0 0 0 22px;
	margin:10px 0 0 5px;
	display:block;
}

.textwidget p {
	line-height:16px;
	font-size: 10px;
	margin-bottom: 15px!important;
}				
				
/* new portfolio */

.portfoliobig {
	padding: 10px;
	z-index: 1;
	margin: 20px 0;
	border-radius:5px;
 	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border: 5px solid #eee;
}

.portfolioitem h3 {
	margin:0 0 5px;
}


.portfolioitem {
	width: 250px;
	position:relative;
	padding: 10px;
	z-index: 1;
	margin: 20px;
	float: left;
	border-radius:5px;
 	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border: 5px solid #eee;	
	
}

.portfolioitem p { margin :0; padding: 0; color: #666; font-size: 10px; }

.portfolioitem h3 a, .portfolioitem h3 span {
	margin: 0;
	padding: 0;
}


#top .portfolioitem img,#top .portfolioitem a img {
	border:none;
	padding:0!important;
	/*ie 6 fix fix =)*/
	margin:0;
}

.portfolioitem h3{						
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
}
				

/* new portfolio */				
							
.widget_pages {
	padding-bottom: 10px;
}

.widget_pages ul {
	list-style: none;
	margin: 0;
	padding: 0;
}		

.widget_pages li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}	

.widget_pages li a {
	display:block;
	color:#666;
	background:#fff;
	padding:6px 10px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.widget_pages li a:hover {
	background:#B0E0E6;
}

.imgborder {
	border: 1px solid #ccc;
	padding: 10px;
}

.bbb {
	background:url(images/icon-bbb.jpg) center top no-repeat;
	display: block;
	text-indent: -10000.0em;
	height:70px;
	margin: 20px 0 0 0;
}

#social {
	margin: 5px 0 0 0;
}


/* featured */

/********* CSS IF YOU ARE SHOWING 2 RECENT PROJECTS **********/
#latestwork2 {
	width: 708px;
	padding-bottom: 20px;
	margin-bottom:20px;
	float:left;
	background: url('../../style/images/gray-line.png') bottom left repeat-x;
}

#latestwork2 p {
	font-size: 10pt;
	padding:0 12px;
}

#latestwork2 .row { clear: both; }

#latestwork2 .col1 {
	width: 348px;
	margin-right:12px;
	float:left;
}

#latestwork2 .col2 {
	width: 348px;
	float:left;
}

#latestwork2 .post h1 {
	font-size: 20px;
	padding-left:11px;
}

#latestwork2 .portfoliothumb {
	width: 326px;
	height: 286px;
	padding: 11px 11px 10px 11px;
	float:left;
	background: url('../../style/images/medium-shadow.png') bottom left repeat-x;
}

#latestwork2 .imgteaser {
	overflow: hidden;
	position: relative;
}
#latestwork2 .imgteaser a {
	text-decoration: none;
	float: left;
}
#latestwork2 .imgteaser a:hover {
	cursor: pointer;
}

#latestwork2 .imgteaser a img {
	float: left;
	border: none;
}
#latestwork2 .imgteaser a:hover .desc {
	display: block;
	padding: 10px 0;
	background: #111 url('../../style/images/vp-text.png') center no-repeat;
	/*filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";*/ /*--IE 8 Transparency--*/
	position: absolute;
	bottom: 10px;
	left: 11px;
	padding: 10px;
	width: 306px;
	height: 266px;
}

#latestwork2 .imgteaser a .desc {	display: none; }



/********** IF ONLY SHOWING 1 LARGE FEATURE **********/
#latestworkbig {
	width: 708px;
	padding-bottom: 5px;
	margin-bottom:20px;
	float:left;
	background: url('../../style/images/gray-line.png') bottom left repeat-x;
}

#latestworkbig h3 {
	padding-bottom: 5px;
	font-size:22px;
}

#latestworkbig .post h1 {
	font-size: 30px;
	padding-left:11px;
}

#latestworkbig .post p {
	padding: 0 11px;
}

#latestworkbig .portfoliothumbbig {
	width: 688px;
	height: 370px;
	padding: 0 11px 10px 11px;
	margin-top: 11px;
	background: url('../../style/images/big-shadow.png') bottom left repeat-x;
}

#latestworkbig .bigimgteaser {
	overflow: hidden;
	position: relative;
}
#latestworkbig .bigimgteaser a {
	text-decoration: none;
	float: left;
}
#latestworkbig .bigimgteaser a:hover {
	cursor: pointer;
}

#latestworkbig .bigimgteaser a img {
	float: left;
	border: none;
}
#latestworkbig .bigimgteaser a:hover .bigdesc {
	display: block;
	padding: 10px 0;
	background: #111 url('../../style/images/vp-text.png') center no-repeat;
	/*filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";*/ /*--IE 8 Transparency--*/
	position: absolute;
	bottom: 10px;
	left: 11px;
	padding: 0 11px 10px 11px;
	width: 666px;
	height: 360px;
}

#latestworkbig .imgteaser a .bigdesc {	display: none; }
	
	
/* slide */
.main_view {
	float: left;
	width:756px;
	position: relative;
	background: url(images/rotator-shadow.png) center 245px no-repeat;
	margin: 20px 0;
	padding: 0 11px 10px 11px;
}

.window {
	height:250px;	
	width: 756px;
	overflow: hidden;
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left; border:1px solid #b1b1b1;}


.paging {
	/* text-shadow:0 1px 1px #202020; */
	position: absolute;
	bottom: 45px; 
	right: 10px;
	width: 154px; 
	height:35px;
	z-index: 100; 
	text-align: center;
	line-height: 34px;
	background: #B0E0E6;
	display: none;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;	 
}
.paging a {
	font-size:16px;
	padding: 5px;
	text-decoration: none;

}
.paging a.active {
	font-weight: bold;
	font-size:18px;
}
.paging a:hover {font-weight: bold;}	
/* slide */

/* #getaquote,  */#aboutus {
	border-top: 1px dotted #ccc;
	padding: 15px 0 0 0;
}

#getaquote {
	border-top: 1px dotted #ccc;
	margin-top: 15px!important;
	padding-top: 20px;
	position: relative;
	top: 10px;
	left: 0;

}

#getaquote p { margin: 0; }


#aboutus {
	padding-bottom: 10px;
}

#aboutus h2 {
	background: url(images/text-why-choose-umbrella.png) top left no-repeat;
	width: 254px;
	height: 35px;
	text-indent: -10000.0em;
}

#aboutus h3 {
	background: url(images/text-what-we-can-offer-you.png) top left no-repeat;
	width: 273px;
	height: 24px;
	text-indent: -10000.0em;
}

h1.portweb {
	text-indent: -10000.0em;
	margin: 0 auto;
	width: 880px;
	height: 65px;
	background: url(images/website-design.jpg) center center no-repeat;
	display: block;
}

h1.portprint {
	text-indent: -10000.0em;
	margin: 0 auto;
	width: 880px;
	height: 65px;
	background: url(images/print-and-graphics.jpg) center center no-repeat;
	display: block;
}

h1.portlogo {
	text-indent: -10000.0em;
	margin: 0 auto;
	width: 880px;
	height: 65px;
	background: url(images/logos-and-branding.jpg) center center no-repeat;
	display: block;
}

p.port {
	font-weight: normal;
	text-align: center;
	font-size: 16px;
	letter-spacing: 3px;
	color: #aaa;
	padding-top: 10px;
}

h1#page-15 {
	text-indent: -10000.0em;
	margin: 0 auto;
	width: 880px;
	height: 68px;
	background: url(images/text-get-a-quote.jpg) center center no-repeat;
	display: block;
}

h1#page-17 {
	text-indent: -10000.0em;
	margin: 0;
	width: 800px;
	height: 71px;
	background: url(images/text-contact-us.jpg) -280px top no-repeat;
	display: block;
}

h1#page-1310 {
	text-indent: -10000.0em;
	margin: 0 auto;
	width: 880px;
	height: 68px;
	background: url(images/text-faq.jpg) center center no-repeat;
	display: block;
}

h1#page-443 {
	text-indent: -10000.0em;
	margin: 0;
	width: 800px;
	height: 68px;
	background: url(images/text-about-us.jpg) -300px top no-repeat;
	display: block;
}

h1#page-542 {
	text-indent: -10000.0em;
	margin: 0 auto;
	width: 880px;
	height: 68px;
	background: url(images/text-our-process.jpg) center center no-repeat;
	display: block;
}

h1#page-544 {
	text-indent: -10000.0em;
	margin: 0 auto;
	width: 880px;
	height: 68px;
	background: url(images/text-testimonials.jpg) center center no-repeat;
	display: block;
}

h1#page-547 {
	text-indent: -10000.0em;
	margin: 0 auto;
	width: 880px;
	height: 68px;
	background: url(images/text-environmentalism.jpg) center center no-repeat;
	display: block;
}

h1#page-2 {
	text-indent: -10000.0em;
	margin: 0 auto 15px auto;
	width: 100%;
	height: 68px;
	background: url(images/text-services.jpg) left center no-repeat;
	display: block;
}

h1#internship {
	text-indent: -10000.0em;
	margin: 0 auto;
	width: 880px;
	height: 68px;
	background: url(images/text-internship.jpg) center center no-repeat;
	display: block;
}

h1#careers {
	text-indent: -10000.0em;
	margin: 0 auto;
	width: 880px;
	height: 68px;
	background: url(images/text-careers.jpg) center center no-repeat;
	display: block;
}

.homeheader {
	font-weight: normal;
	text-align: center;
	font-size: 16px;
	letter-spacing: 3px;
	color: #aaa;
	padding-top: 10px;
}

.homeheader a { color: #aaa; }

.homeheader strong {
	display: block;
	background: url(images/many-solutions-one-shop.jpg) center bottom no-repeat;
	height: 75px;
	text-indent: -1000000.0em;
}

#getaquote {
	margin-top: 5px;
}

#getaquote h2 {
	background: url(images/text-like-what-you-see.png) left top no-repeat;
	width: 354px;
	height: 39px;
	margin: 0 auto;
	text-indent: -10000.0em;
}

#getaquote p {
	text-align: center;
	font-size: 14px;
	letter-spacing: 3px;
	color: #aaa;
	padding-top: 10px;
	
}

.list {
	margin: 0;
	padding: 0 0 0 20px;
}

.method .wpcf7-list-item-label {
	padding: 0px 0 0 0;

}

.method input {
	display: inline;
	width: auto;

}

.bottomshadow {
	position: relative;
	top: -10px;
}

.u {
	background: #B0E0E6;
	text-decoration: none;
	padding: 0 3px;
}

#twitterfoot ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

#twitterfoot ul li {
	padding: 10px;
	margin: 10px 0 0 0;
	font-size: 11px;
		border-top:dotted 1px #a0ccd1;
		border-bottom:dotted 1px #a0ccd1;
}

.portfoliobutton {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#B0E0E6;
	color:#fff;
	padding:5px 5px;
	font-size: 11px!important;
	margin: 0 0 0 10px;
	color: #333!important;
}
.portfoliobutton:hover {
	color: #5AA7AD!important;
}

.twittergroup h3 {
	margin: 15px 0 5px 0;
	padding: 0;
	font-size: 16px;
}

.twittergroup h4 {
	margin: 10px 0 10px 0;
	padding: 0;
}

.twittergroup strong { font-weight: normal; padding: 0 0 5px 0; }

.twittergroup { margin: 0 0 20px 0; border-bottom: 1px dotted #ccc;}

.twittergroup p {
	margin: 0 0 10px 0;
	font-size: 10px;
	line-height: 14px;
	padding: 0;
}

#pink {
	background: url(images/why-we-are-pink.jpg) left top no-repeat;
	width: 118px;
	height: 36px;
	display: block;
	position: absolute;
	top: 5px;
	left: 5.0em;
	text-indent: -1000000.0em;
}

.border-bottom {
	border-bottom: 1px dotted #ccc;
}

.40-left {
	padding-left: 40px;
}

.40-right {
	padding-right: 40px;
}

.no-padding-left-grid-3 {
	padding-left: 0;
	width: 330px;
}

.no-padding-right-grid-3 {
	padding-right: 0;
	width: 330px;
}

.no-padding-left-grid-9 {
	padding-left: 0;
	padding-right: 20px;
	width: 700px;
}

.no-padding-right-grid-9 {
	padding-left: 20px;
	padding-right: 0;
	width: 700px;
}

#pixopoint_menu1 { position: absolute; top: 25px; right: 0px; z-index: 25; }

.mid {
	position: relative;
	top: 4px;
	padding-left: 3px;
}

.addthis_toolbox { position: relative; top: 5px; float: none; }

.center { text-align: center; }

#fromtheblog {
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	background: #eee;
	padding: 10px 5px!important;
	margin-bottom: 0px;
	
}

#fromtheblog .grid_3 {
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3px;
	padding-right: 4px;
	margin: 0 5px 0 5px!important;
	/* width: 220px; */
	width: 299px;
/* 	height: 320px; */
	height: 300px;	
}

#fromtheblog .grid_3 img {
	margin: 0 auto;
	text-align: center;
}

#fromtheblog .grid_3 h3, #fromtheblog .grid_3 p {
	padding: 0 5px;
}

.undertext {
	font-weight: normal;
	text-align: center;
	font-size: 13px;
	letter-spacing: 1px;
/* 	color: #aaa; */
	padding-top: 10px;
}

.undertextleft {
	width: 650px;
	text-align: left;
	letter-spacing: 0px;
	color: #333;
	font-size: 12px;
}


div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	width:500px;
	background:#b0e0e6;
	color:#000;
	padding: 10px;
	border: 1px solid #b0e0e6;	
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	width:500px;
	background:#fbd1d1;
	color:#cc3333;
	padding: 10px;
	border: 1px solid #cc3333;	
	
}

span.wpcf7-form-control-wrap {

}

span.wpcf7-not-valid-tip {
	position:absolute;
	top:-5px;
	right:13px;
	z-index:5000;
	background: url(images/tooltip.png) left top;
	color:#fff;
	width:204px;
	height: 15px;
	font-size:12px;
	padding:5px 10px;
	padding-bottom:25px;
	display:block;
	text-align: center;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

img.ajax-loader {
	border: none;
	vertical-align: middle;
}

form p { position: relative;}

.wpcf7-list-item-label {
 position: relative;
 top: 4px;
 font-size: 12px;
}

#headpagemenu {
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	text-align: center;
}

#headpagemenu li {
	display: inline;
	list-style-image: none;
	list-style: none;
	background: url(images/middot.jpg) left center no-repeat;
	padding: 5px 0px 5px 10px;
}

#headpagemenu li.current_page_item a { color: #aaa; }

.page-item-871, .page-item-816 { background: none!important; padding: 5px 0;}

.undertextlower {
	text-transform: lowercase;
	font-weight: normal;
	text-align: center;
	font-size: 13px;
	letter-spacing: 3px;
	color: #aaa;
	padding-top: 10px;
}


#rotator {
    position:relative;
    height:315px;
}

#rotator a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    display: block;
}

#rotator a.active {
    z-index:10;
    opacity:1.0;
}

#rotator a.last-active {
    z-index:9;
}


/*
.twitter-share-button {
	position: relative;
	top: 0px!important;
}
*/

.likes {
	margin-bottom: 10px;
}

#nomargin { padding: 0 0 0 15px; }

.headerlike {
	position: relative;
	top: 4px;
	margin-left: 3px;
}

.portlike {
	position: relative;
	top: -3px;
}

#searchsubmit {
	padding: 9px 5px;
	font-size: 10px;
}

.blogmeta { border-bottom: 1px #ccc dotted; }

.blogmeta .avatar { float: none; vertical-align: middle;}

.gallery { border-bottom: 1px #ccc dotted; border-top: 1px #ccc dotted; }

#mc_embed_signup {
	width: 500px;
	
}

#mc_embed_signup h2 {
	background: url(images/subscribe.jpg) left top no-repeat;
	width: 299px;
	height: 66px;
	text-indent: -10000.0em;
	margin: 15px auto;
}

#mc_embed_signup form {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;	
}

#mc_embed_signup fieldset {
	border: none;
}

#mc_embed_signup label {
	width: 200px;
	float: left;
	padding-top: 15px;
}

#mc_embed_signup input {
	float: left;
	width: 240px;
}

.mc-field-group { position: relative;}

div.mce_inline_error {
	position:absolute;
	top:-30px;
	right:-100px;
	z-index:5000;
	background: url(images/tooltip.png) left top;
	color:#fff;
	width:204px;
	height: 15px;
	font-size:10px;
	padding:5px 10px;
	padding-bottom:25px;
	display:block;
	text-align: center;
}

#mc-embedded-subscribe {
	position: relative;
	top: 10px;
	left: 200px;
	width: 265px!important;
}

#slab {
	background: #f2f2f2;
	border: 1px solid #d4d4d4;
	padding: 20px;
	font-size: 12px;
}

#slab h2 {
	color: #349ca9;
	font-size: 18px;
	margin: 0 0 4px 0;
}

#slab .slabicon {
	float: left;
	margin: 0 20px 20px 0;
}

#slab p { font-size: 12px; }

.storytitle {
	background: #F2F2F2;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	padding: 10px;
	margin: 10px 0;	

}

.storytitle h3 {
	margin: 0 0 4px 0;
}

.storytitle h3 a {
	font-weight: bold;

}

.storytitle .blogmeta, .storytitle .blogmeta .time {
	border-bottom: none;
	font-style: normal!important;
}

.jcarousel-next-horizontal {
    position: absolute;
	top: 210px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: aqua url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 210px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: red url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-container {
    position: relative;
    padding: 0 35px;
}

#hiring {
	background: url("images/hiring.png") left top no-repeat;
	display: block;
	width: 106px;
	height: 37px;
	text-indent: -10000.0em;
	position: absolute;
	top: 5px;
	left: 50px;
}