/*  
Theme Name: PVD Rebranded
Theme URI: http://www.philoveracity.com
Description: Wordpress theme customized for Philoveracity.com
Version: 1.0
Author: Verious Benjamin Smith III
Author URI: http://www.philoveracity.com
*/

/* ************************************************************************************************************************************************************

Obviously feel free to change the info above once you've added your own styling

************************************************************************************************************************************************************ */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }


/* ************************************************************************************************************************************************************

And now it's over to you...

************************************************************************************************************************************************************ */

html, p { 
	overflow: hidden;
	font-family: helvetica neue, helvetica, arial, sans-serif;
	font-size:	small;
	font-weight: 100;
	font-style: italic;
	letter-spacing: .8px;
	padding-left: 	1px;
	line-height:	1.4em;
	
}

html div.post p, #blog #wrap li, .sidebar-price p {
	color:#777;
	font-size:12px;
	line-height:1.4em;
	margin-top:8px;
	padding-left:1px;
	
	color: #5C5B57;
	font: 11px/18px Helvetica,Arial,sans-serif;
	letter-spacing: 0.05em;
}

#blog ul {
	margin: 0 0 0 10px;
}

#blog ul li {
	list-style: disc;
	list-style-position: inside;
}


#blog .post p {
	margin: 0 0 8px 0;
	
}

#blog h3, 
#blog-front h3, 
#sidebar h3, 
#service-feature h3, 
.what-we-do h3, 
#profile-info h3, 
.testimonies h3,
.widgettitle span {
	color: #444444;
    font-family: georgia,serif;
	margin-bottom: 5px;
}
	.testimonies h3 {
		margin: 5px 0 0 5px;
	}
	
	#blog-front h3 a {
		color: #444 !important;
	}
	
	#profile-info h3 {
		margin: 5px 0 10px 0;
	}
	
.clientformpdf {
	position:relative;
	right:15px;
	top:-15px;
}

/*=====| Begin main body link Styles |=====*/

#wrap a:link {
	color:	#d00;
	text-decoration:	none;
	outline: none;
}
#wrap a:visited {
	color:	#c00;
	text-decoration:	none;
	outline: none;
}
#wrap a:hover {
	color:	#f00;
	text-decoration:	underline;
	outline: none;
}
#wrap a:active {
	color:	#f00;
	text-decoration:	none;
	outline: none;
}


/*=====| End main body Styles |=====*/

/*=====| Begin client list link Styles |=====*/

#case-studies a:link {
	color:	#444;
	text-decoration:	none;
	outline: none;
	font: 8px/18px Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	font-style: italic;
}
#case-studies a:visited {
	color:	#444;
	text-decoration:	none;
	outline: none;
}
#case-studies a:hover {
	color:	#FFF;
	text-decoration:	none;
	outline: none;
}
#case-studies a:active {
	color:	#C00;
	text-decoration:	none;
	outline: none;
}


/*=====| End client list Styles |=====*/


/*=====| Begin footer link Styles |=====*/

a:link {
	color:	#444;
	text-decoration:	none;
	outline: none;
	
}
a:visited {
	color:	#ccc;
	text-decoration:	none;
	outline: none;
}
a:hover {
	color:	#C00;
	text-decoration:	none;
	outline: none;
}
a:active {
	color:	#f00;
	text-decoration:	none;
	outline: none;
}

/*=====| End footer link Styles |=====*/


/*=====| Begin blog body link Styles |=====*/

#blog #wrap a:link {
	color:	#d00;
	text-decoration:	none;
	outline: none;
}
#blog #wrap a:visited {
	color:	#c00;
	text-decoration:	none;
	outline: none;
}
#blog #wrap a:hover {
	color:	#f00;
	text-decoration:	underline;
	outline: none;
}
#blog #wrap a:active {
	color:	#f00;
	text-decoration:	none;
	outline: none;
}


/*=====| End blog body Styles |=====*/



#addendum {
		background: url(images/add-bg.png) repeat-x;
		width: 100%;
		height: 100px;
		color: #ccc;
		letter-spacing: 1px;
}

	#addendum-info {
			width: 960px;
			height: 90px;
			padding-top: 5px;
			margin:	0px auto;
	}

	#addendum-info a.blog {
		background:transparent url(images/blog.png) no-repeat scroll 3px 0;
		display:block;
		float:left;
		font-size:70%;
		font-variant:small-caps;
		height:15px;
		padding-top:65px;
		position:relative;
		text-align:center;
		width:78px;
	}

	#addendum-info a.blog:hover {
		background:transparent url(images/blog-o.png) no-repeat scroll 3px 0;
		color:#FFFFFF;
	}

	.h-first {
		margin-left: 15px;
	}
	
	.b-l {
		border-left: 1px #CCC solid;
		padding-left: 10px;
	}

	.b-r {
		border-right:1px solid #CCCCCC;
		padding-left:9px;
		padding-right:10px;
	}

	#addendum-info a.login {
		background:transparent url(images/login.png) no-repeat scroll 2px 0;
		display:block;
		font-size:70%;
		font-variant:small-caps;
		height:15px;
		padding-top:65px;
		position:relative;
		text-align:center;
		width:78px;
	}

	#addendum-info a.login:hover {
		background:transparent url(images/login-o.png) no-repeat scroll 3px 0;
		color:#FFFFFF;
	}

	#addendum-info ul img {
		margin:	0px 10px;
	}

	#addendum-info dl.floatleft {
		margin-right: 15px;
	}


	#addendum-info dd img {
		margin: 0 5px;
	}

	#addendum-info dd {
		font-size: 70%;
		text-transform: uppercase;
		text-indent: 10px;
	}
	
		#a-wrap {
				width: 960px;
				height: 100px;
		}
	
			h1.logo {
					background: url(images/web-logo.png) no-repeat;
					width: 63px;
					height: 100px;
					margin: 10px;
					margin-bottom: 0px;
					text-indent: -99999px;
					outline: none;
			}	
			
			h1.logo a {
					display: block;
					width: 63px;
					height: 100px;
					text-indent: -99999px;
					outline: none;
			}	
	
			p.top-contact {
			    color: #444;
			    font-size: 8px;
			    font-weight: bold;
			    letter-spacing: 1px;
			    position: absolute;
			    right: 120px;
			    text-transform: uppercase;
			    top: 1.5px;
			}
			
			p.addendum {
					background: url(images/add-btn.png);
					width:100px;
					height:21px;
					position:relative;
					top:-110px;
					left:857px;
					text-align:center;
					text-transform: uppercase;
					color: #ccc;
					font-size:	xx-small;
					letter-spacing: 1px;
					cursor: pointer;
			}
				#wrap p.addendum a {
					color: #fff;
					font-weight: bold;
				}
					#wrap p.addendum a:hover {
						color: #C00;
						text-decoration: none;
					}
				
				#blog #wrap p.addendum {
					top: -120px;
				}	
			
					#blog #wrap p.addendum a {
						color: #fff;
					}
						#blog #wrap p.addendum a:hover {
							color: #C00;
							text-decoration: none;
						}
					
					
				
			.popup {
					position: absolute;
					z-index: 5000;
			}
			
			table.popup {
					background: #fff;
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					border: 1px ridge #555;
					padding: 15px;
					color: #888;
			}
			

			table.popup h2 {
					font-size:180%;
					font-weight:100;
					letter-spacing:1.8px;
					padding-top:5px;
			}
			
			.bltn {
			border-left: none;
			border-top: none;
			}
			
			.bln {
			border-left: none;
			}
			
			.brn {
			border-right: none ;	
			}
			
			.bbn {
			border-bottom: none;
			}
			
			th, td {
					border: 1px solid #ccc;
			}
			
			td.sub-title {
				padding-left: 20px;
			}
			
			table h4 {
				color: #a00;
			}
			
			table th {
					padding-left: 5px;
			}
			
			p.addendum:hover {
					color: #fff;
			}
	

html, body, #wrap {height: 100%;overflow:hidden;}

body {
	border-top: 7px solid #333; border-bottom: 7px solid #333;
}

body > #wrap {height: auto; min-height: 100%;}


#wrap {
		width: 960px;
		min-height:600px;
		position: relative;
		margin:	0px auto;
		color: #777;
		overflow: hidden;
}

#footer {
		/*background: url(images/foot-bg.png) repeat-x;*/
		height:50px;
		width:100%;
		margin-top:-50px;
		clear:both;
		z-index:1000;
		position: absolute;
}

/*just added*/

a.togglef {
background:#DDDDDD none repeat scroll 0 0;
color:#555555;
display:block;
height:37px;
left:950px;
padding-top:10px;
position:relative;
text-align:center;
top:-115px;
width:100px;
z-index:900;
}
/*just added*/



#footer p {
	color: #777;
	font-style: italic;
	position: absolute;
	top: 100px;
	font-size: 75%;
	left: 58px;
	z-index: 1001;
}

#footer #prime-nav ul.copyright-info {
	color: #444;
    float: left;
    font-size: 6pt;
    font-style: italic;
    font-weight: bold;
    position: absolute;
    text-transform: uppercase;
    z-index: 1001;
}

#main-site #footer #prime-nav ul.copyright-info {
	top: 15px;
	width: 960px;
}
	
	.logged-in #footer #prime-nav ul.copyright-info {
		top: 30px !important;
	}
	
/*#footer #prime-nav ul.copyright-info li {
	float: left;
}*/

#footer #prime-nav ul.copyright-info li.first {
	margin-left: 15px;
}

#footer #prime-nav ul.copyright-info li a {
	color: #444;
}

#footer #prime-nav ul.copyright-info li a:hover {
	color: #C00;
}

#footer a img { position: relative; top: 4px; }


/*=====| Begin DISPLAY AREA Styles |=====*/
img.scr-lt {
			position:absolute;
			top:225px;
			right:0px;
			z-index:50;
			cursor:pointer;
}

img.scr-rt {
			position:absolute;
			top:225px;
			left:0px;
			z-index:50;
			cursor:pointer;
}


#display {	
			height: 540px;
			width: 960px;
			position: absolute;
			top: 	-10px;
	}
	#inner-wrap-a {
				height: 540px;
				width: 930px;
				margin:	0px auto;
				overflow:auto;
				overflow-x:hidden;
				
		}
		#inner-wrap-b {
					height: 2660px;
					width: 930px;
					margin:	0px auto;
			}
				#home {
					height: 535px;
				    margin-bottom: 0;
				    padding: 0;
				    width: 925px;
				}
					.ss-show-wrap {
						margin: 0 !important;
						border: 1px solid #ddd;
						border-radius: 3px;
					}
					
					
					#home-content {
					    border-top: 1px solid #BBBBBB;
					    height: 195px;
					    margin-top: 10px;
					    width: 925px;
					}
						#blog-front {
						    border-left: 1px solid #BBBBBB;
						    margin: 10px 0 0;
						    padding: 0 0 0 10px;
						    text-align: justify;
						    width: 254px;
						    min-height: 265px;
						}
						
							#blog-front h3 {
								text-align: left;
							}
						
						#service-feature {
							/*background: #f8f8f8;*/
						    margin: 0 0 0 10px;
						    /*padding: 0 5px;*/
						    width: 255px;
						    height: 230px;
						}
						
							#service-feature h3 {
							    border-bottom: 1px solid #AAAAAA;
							    border-top: 1px solid #AAAAAA;
							    font-size: 20pt;
							    margin: 0 0 7px;
							    padding-bottom: 5px;
							    padding-top: 3px;
							    text-indent: 2px;
							    font-weight: 500;
							}
							
							#service-feature #sidebar ul li {
								margin: 0;
								padding: 0;
							}
							
								#service-feature .tubepress_container {
									margin: 0;
								}
								
									#service-feature .tubepress_thumbnail_area {
										margin: 0;
									}
									
									#service-feature .tubepress_thumbs {
										margin-bottom: .5em !important;
									}
									
									#service-feature .tubepress_thumb {
										width: 253px !important;
										height: 195px;
										border: 1px solid #ddd;
										border-radius: 3px;
									}
									
										#service-feature .tubepress_thumb img {
											margin: 0;
											padding: 0;
										}
						
					
						#tagline {
							width: 650px;
							margin: 10px 10px 0 0;
						}
						
						.mission-front {
						    color: #888;
						    font-size: 15pt;
						    font-weight: 100;
						    letter-spacing: 1px;
						    line-height: 1.1em;
						    margin: 0 10px 0 0;
						    padding: 0 0 5px 1px;
						    text-align: justify;
						    width: 479px;
						}
					
							.mission-front a {
								color: #a00;
							}
						
						.dashed_line {
							border-bottom: 1px dashed #CCC;
							height: 2px;
							width: 100%;
							display: block;
							margin-bottom: 10px;
						}
						
						#main-site #tagline #sidebar {
							width: 160px;
						}
						
						.testimonies {
							width: 175px;
							background: #f5f5f5;
							border: 1px solid #ddd;
							/*border-radius: 3px;*/
							min-height: 160px;
							margin-right: 10px;
						}
							#sfstest-sidebar {
								padding: 4px;
							}
								#sfstest-sidebar blockquote { 
								
								}
									#sfstest-sidebar blockquote p {
										color: #888;
										font-family: georgia,serif;
										font-size: 8pt;
									}
								
										#sfstest-sidebar blockquote p cite { 
											color: #444444;
										    display: block;
										    font-family: helvetica neue,helvetica,arial,sans-serif;
										    font-size: 7pt;
										    font-weight: bold;
										    padding-top: 3px;
										    text-transform: uppercase
										}
										
											#sfstest-sidebar blockquote p cite a {
												text-transform: capitalize; 
												font-size:6pt;
												font-weight: lighter;
											}
											
						.testimonies .view-all {
							bottom: 2px;
							float: right;
							font-size: 5pt;
							font-weight: bold;
							margin-right: 10px;
							position: absolute;
							right: 2px;
							text-transform: uppercase
						}
						
						#facebook-front {
							width: 235px;
							height: 160px;
							overflow: hidden;
							margin-right: 10px;
							border-bottom: 1px solid #444;
						}
							#facebook-front p {
								background: url(images/tbg.png);
								border: 2px solid #FFFFFF;
							    border-radius: 25px;
							    color: #FFFFFF;
							    font-size: 7pt;
							    font-weight: bolder;
							    left: 19px;
							    letter-spacing: 1pt;
							    padding: 10px 0;
							    position: absolute;
							    text-align: center;
							    text-transform: uppercase;
							    top: 65px;
							    width: 200px;
							    z-index: 20;
							    box-shadow: 0px 2px 7px #333;
							    text-shadow: 0px 1px 3px #555;
							}
								
								#facebook-front p:hover {
									text-shadow: 0px 2px 7px #333;
								}
								
								
								#facebook-front p a:link, 
								#facebook-front p a:visited {
									color: #fff !important;
								}
								
							#slideshow {
							    position:relative;
							    height:350px;
							}
							
							#slideshow IMG {
							    position:absolute;
							    top:0;
							    left:0;
							    z-index:8;
							    opacity:0.0;
							}
							
							#slideshow IMG.active {
							    z-index:10;
							    opacity:1.0;
							}
							
							#slideshow IMG.last-active {
							    z-index:9;
							}
								
							/*#sidebar-facebookfront {
							}*/
							
						#twitter-front {
							width: 215px;
							height: 160px;
							overflow: hidden;
							margin-right: 0;
							background: #f5f5f5;
							border: 1px solid #ddd;
						}
						
							#sidebar-twitterfront {
								padding: 4px;
							}

							 #sidebar-twitterfront li .entry-content,
							 #sidebar-twitterfront li .entry-meta,
							 #sidebar-twitterfront li .intent-meta {
							 	color: #5C5B57;
						 	    font: 7pt/10pt Helvetica,Arial,sans-serif;
						 	    letter-spacing: 0.05em;
						 	    margin-top: 8px;
						 	    padding-left: 1px;
						 	    text-align: justify;
							 }
							
								 #sidebar-twitterfront li .intent-meta a {
								 	margin-right: 5px;
								 }
								
				#intro {
					/*height: 335px;*/
					height: 505px;
					width: 850px;
					padding:15px 40px;
					/*margin-bottom:50px;*/
				}
				#company {
					/*height: 335px;*/
					height: 505px;
					width: 850px;
					padding:15px 40px;
					/*margin-bottom:50px;*/
				}
				.lamp {
					margin-left: 100px;
				}
				
					#profile-info {
						width: 100%;
					}
				
				#branding {
					/*height: 335px;*/
					height: 505px;
					width: 850px;
					padding:15px 40px;
					/*margin-bottom:50px;*/
				}
				#contact {
					/*height: 335px;*/
					height: 505px;
					width: 850px;
					padding:15px 40px;
					/*margin-bottom:50px;*/
				}
				#case-studies {
					height: 335px;
					width: 850px;
					padding:15px 40px;
					/*margin-bottom:50px;*/
				}


					.panel .copy {
						width: 380px;
						/*margin-right: 24.5px;*/
						float: right;
					}
					
						h1.site-header {
							font-family: 'Raleway', cursive;
							font-weight: 100;
							font-size: 32px;
							color: #E00;
/*							font-style: italic;*/
							padding-left: 1px;
							margin-bottom: 15px;	
						}
						
						#blog-front p,
						.panel .copy p {
							font-size:12px;
							letter-spacing:0.8px;
							padding-left: 1px;
							margin-top:8px;
							text-align: justify;
							
							color: #5C5B57;
							font: 11px/18px Helvetica,Arial,sans-serif;
							letter-spacing: 0.05em;
						}
					
/*=====| End DISPLAY AREA Styles |=====*/



/*=====| Begin PRIMARY NAVIGATION Styles |=====*/

#prime-nav {
	width: 960px;
	height: 50px;
	position: relative;
	top:1px;
	margin: 0px auto;
}

/*#navbar {	
	height: 50px;
	width: 960px;
	position: relative;
	top: 10px;
	font-size: 20px;
	text-transform: uppercase;
	margin: 0px auto;
}*/

#navbar {
    font-size: 12px;
    height: 20px;
    margin: 0 auto;
    position: absolute;
    right: 5px;
    text-transform: uppercase;
    top: 60px;
    width: 545px;
}

/*#main-site #navbar {
	top: 20px;
}

	.logged-in #navbar {
		top: -20px !important;
	}*/
	

/*#navbar li {
	float: left;
	display: inline;
	margin: 0 5px;
}*/

#navbar li {
    background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    border-right: 1px solid #DDDDDD;
    display: inline;
    float: left;
    margin: 0 5px;
    text-align: center;
    width: 100px;
}
/*#navbar li a {	
	display: block;
	height:	20px;
	width:	156px;
	padding-top: 20px;
	text-align: center;
	outline: none;
	font-weight: 100;
	color: #bbb;
}*/

#navbar li a {
    color: #aaa !important;
    font-weight: 100;
    /*height: 20px;*/
    text-align: center;
}

	#navbar li a:hover {
		text-decoration: none !important;
		color: #CC0000 !important;
		box-shadow: 0 0 1px #777 !important;
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 3px;
	}

#navbar li#cpane {
				/*margin-right: 135px;*/
}

#navbar li#cspane {
	margin-right: 0;
	text-align: 20px;
	float: right;
}

#navbar li#ipane {
	margin-left: 0;
	/*text-indent: -17px;*/
}

		/*------------ selected states below ------------------ */

/*#navbar li a.selected {
				display: block;
				height:	50px;
				width:	156px;
				color: #c00;
				position: relative;
				/*background: transparent url(images/spotlight.png)no-repeat;*!/
				overflow: hidden;
}
*/

#navbar li a.selected {
    border-radius: 3px;
    box-shadow: 0 0 1px #777 !important;
    color: #CC0000 !important;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100px;
}


blockquote.p-quote {
	color:#BBBBBB;
	font-family:Baskerville,'Times New Roman',Times,serif;
	font-size:13px;
	letter-spacing:1px;
	line-height:1.1em;
	margin:5px 15px 0;
	text-align:justify;
}


blockquote.top-quote {
	color:#999;
	font-family:Baskerville,'Times New Roman',Times,serif;
	font-size:18px;
	letter-spacing:1px;
}

cite.qauthor {
	font-size:10px;
	font-style:italic;
	margin-left:20px;
}







		/*------------ End selected states ------------------ */



/*=====| End PRIMARY NAVIGATION Styles |=====*/




/*=====| Begin HOME AREA Styles |=====*/





/*=====| End HOME AREA Styles |=====*/

/*=====| Begin COMPANY AREA Styles |=====*/





/*=====| End COMPANY AREA Styles |=====*/

/*=====| Begin BRANDING AREA Styles |=====*/





/*=====| End BRANDING AREA Styles |=====*/

/*=====| Begin CONTACT AREA Styles |=====*/
p.ctc {
/*	border-bottom:1px solid #BBBBBB;*/
	padding-bottom:10px;
}

ul.ctc-left {
	font-size:10px;
	margin:0 25px;
	color: #777;
}

ul.ctc-right {
	font-size:10px;
	color: #777;
}

#ctc-form li span {
	color:#c00;
	font-size: 10px;
}


#ctc-form input {
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	border:1px solid #777777;
	color:#aaa;
	outline:none;
	padding:3px 0;
	padding-left: 5px;
}

#ctc-form select {
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border:1px solid #777777;
	color:#aaa;
	outline:none;
	padding-bottom:3px;
	padding-right:0;
	padding-top:3px;
	position:relative;
}

#ctc-form option {
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	padding-left:10px;
}

#ctc-form #comment {
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	border:1px solid #777777;
	color:#AAAAAA;
	height:115px;
	margin:0 auto;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:3px 0 3px 5px;
	width:149px;
}


#ctc-form input#submit {
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	background:transparent url(images/btn-bg.png) repeat-x scroll center bottom;
	border:1px solid #777777;
	color:#CC0000;
	height:25px;
	left:25px;
	margin:0 auto;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:3px 0;
	position:absolute;
	top:280px;
	width:340px;
	
}

form.wp_crm_contact_form {
	border: 1px solid #eaeaea;
	border-radius: 3px;
	padding: 5px;
	
	/*border-right: none;
	border-left: none;*/
	
	background: #f7f7f7; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f7f7f7 0%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#ededed 100%); /* IE10+ */
	background: linear-gradient(top,  #f7f7f7 0%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */	
}

.wp_crm_input_label {
	font-size: 10px;
	text-transform: uppercase;
}

.wp_crm_input_wrapper input {
	border-radius: 3px;
	border: 1px solid #ddd;
	padding: 3px;
	color: #C00;
}


.wp_crm_form_element {
	float: left;
	margin: 3px 7px;
}

.wp_crm_error_messages {
	font-size: 7px;
	text-transform: uppercase;
	color: #C00;
	font-weight: bolder;
	display: block;
}

.wp_crm_message_field_field {
	width: 320px;
	height: 50px;
	border-radius: 3px;
	border: 1px solid #ddd;
	padding: 3px;
	color: #C00;
	margin: 4px 0 0 0;
}


.wp_crm_submit_row {
	clear: both;
	margin: 0 0 0 7px;
	padding: 5px 0px;
}


.updated, .error, .xdetailed-errors {
    color: #333 !important;
    float: left !important;
    margin: 0 !important;
    border: none !important;
    padding: 0 !important;
}


.error, .login #login_error {
    background: none !important;
}

.failure {
	color: #CC0000 !important;
    float: left;
    font-size: 7px !important;
    font-weight: bolder !important;
    padding: 2px 7px !important;
    text-transform: uppercase !important;
    width: 325px !important;
    line-height: 1.5em !important;
}


.controls .btn-primary {
	border: 1px solid #777777;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 1px #555555;
    color: #FFFFFF;
    font-style: italic;
    height: 30px;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #777777;
    text-transform: uppercase;
    width: 100px;
    position: relative;
    left: 228px;
    
    background: #5b5b5b; /* Old browsers */
    background: -moz-linear-gradient(top,  #5b5b5b 0%, #262626 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#262626)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5b5b5b 0%,#262626 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5b5b5b 0%,#262626 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5b5b5b 0%,#262626 100%); /* IE10+ */
    background: linear-gradient(top,  #5b5b5b 0%,#262626 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#262626',GradientType=0 ); /* IE6-9 */
}



/*=====| End CONTACT AREA Styles |=====*/



/*=====| Begin CASE STUDIES Styles |=====*/


p.csp {
	margin-bottom:10px;
}

#case-studies h3,#contact h3, #branding h3 {
	font-style: italic;
	padding-left: 2px;
	color: #444444;
	font-family: georgia,serif;
}

#contact h3 {
margin-bottom: 5px;
}

#case-studies h3 {
padding-bottom:10px;
}

#case-studies a {
	display:block;
	height:21px;
	margin-left:-5px;
	margin-top:-5px;
	padding-top:6px;
	width:116px;
}


ul.client-list {
	display: table;
}

ul.client-list li {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#EEE none repeat scroll 0 0;
	float:left;
	font-size:10px;
	height:15px;
	margin-bottom:2px;
	margin-left:1px;
	margin-right:1px;
	padding:5px 5px 9px;
	text-align:center;
	width:108px;
	font-variant: small-caps;
}

ul.client-list li:hover {
background:#E00 none repeat scroll 0 0;

}

#ctawork {
	height: 75px;
	margin: 15px 0 5px 2px;
	overflow: hidden;
	width: 94.5%;
	box-shadow: 1px 2px 2px #333;
	border-radius: 3px;
	background: #a90329; /* Old browsers */
	background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}
	#ctawork:hover {
		box-shadow: 1px 2px 5px #333;
	}
	
	#ctawork a {
	    border-radius: 3px;
	    color: #ccc !important;
	    display: block;
	    font-family: georgia !important;
	    font-size: 36pt !important;
	    height: 62%;
	    padding-left: 17px;
	    padding-top: 34px;
	    text-shadow: 1px 2px 2px #333333;
	    text-transform: capitalize !important;
	    width: 97%;
	}
		#ctawork a:hover {
			color: #fff !important;
		}
		
	

/*=====| End CASE STUDIES Styles |=====*/


/*=====| Begin BLOG Styles |=====*/

body#blog {
	overflow: auto;
}

	h1.b-logo {
			/*background: url(images/blog-logo.png) no-repeat;*/
			background: url(images/web-logo.png) no-repeat;
			width: 64px;
			height: 110px;
			margin: 10px;
			margin-bottom: 0px;
			text-indent: -99999px;
			outline: none;
	}	
	
	h1.b-logo a {
			display: block;
			width: 64px;
			height: 110px;
			text-indent: -99999px;
			outline: none;
	}	


#blog #wrap {
	overflow: visible;
	max-height: 600px;
	width: 100%;
}

#wrap-2 {
	width: 960px;
	margin: 0px auto;
}

#blog-main {
	float: right;
	height: 110%;
	padding: 0;
	position: relative;
	width: 745px;
	overflow: hidden;
}

hr {
	border-color: #BBB;
	border-style: solid none none;
	border-width: 1px medium medium;
	color: #333;
	height: 0;
}


	.page-id-491 #blog-main #slider {
		width: 620px;
		height: 1000px;
		position: relative !important;
	}
		.page-id-491 #blog-main #display {
			width: 620px;
			height: 1000px;
		}
		
			.page-id-491 #blog-main #inner-wrap-a {
				width: 620px;
				height: 1000px;
			}
			
			.page-id-491 #inner-wrap-a .panel {
				width: 615px !important;
				margin-right: 20px;
			}
			
			.package-info {
				width: 90%;
				margin: 0 auto 45px;
				padding: 5px 10px;
			}
			
			.pricetable {
				margin: 0 auto !important;
				padding: 0 !important;
				width: 95% !important;
			}
			
			.pricetable .pricetable-header p {
				text-align: left;
				color: #444444;
			    font-size: 6pt;
			    font-weight: bolder !important;
			    line-height: 1.5em;
			    padding: 2px 15px;
			    text-align: left;
			    text-transform: uppercase;
			}

			.pricetable .pricetable-button-container a, 
			.pricetable .pricetable-button-container a .pricetable-gradient, 
			.pricetable .pricetable-button-container a .pricetable-noise {
				border-radius: 5px !important;
			}
			
			.pricetable h3.pricetable-name {
				font-size: 12px !important;
			}
			
			.pricetable .pricetable-feature small {
			    color: #888888;
			    display: block;
			    font-size: 0.7em;
			    margin-top: 0.5em;
			    text-align: left;
			}
	
/*sidebar styling*/


#sidebar {
	color:#777;
	width:200px;
	float: left;
	margin-top: 33px;
}

	#main-site #sidebar {
		margin: 0;
	}

#sidebar h2{
	color: #444;
	font-family: georgia,serif;
	font-size: 12pt;
	margin-bottom: 10px;
}

#sidebar ul {
	margin: 0;
}

#sidebar ul li {
	margin: 5px 0;
	padding: 0 0 5px;
	list-style: none;
}

	#blog-front #sidebar ul li {
		margin-top: 0;
	}
	
	#tagline #sidebar ul li {
		margin: 0;
	}

#sidebar .tubepress_container {
	margin: 0;
}
	#sidebar .tubepress_thumbnail_area {
		margin-top: 0;
	}
	
	#sidebar .tubepress_thumb {
		width: 200px !important;	
	}
	
	#sidebar .tubepress_thumb img  {
		padding: 0 !important;
	}


#form-wysija-2-wysija-to {
	margin: 5px 0 0 0;
}

.form-valid-sub input[type="submit"] {
	border: 1px solid #777777;
	border-radius: 3px;
	box-shadow: 0 0 1px #555555;
	color: #FFFFFF;
	font-style: italic;
	height: 30px;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px #777777;
	text-transform: uppercase;
	margin-top: 10px !important;
	width: 155px;
	background: #5b5b5b; /* Old browsers */
	background: -moz-linear-gradient(top,  #5b5b5b 0%, #262626 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#262626)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5b5b5b 0%,#262626 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5b5b5b 0%,#262626 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5b5b5b 0%,#262626 100%); /* IE10+ */
	background: linear-gradient(top,  #5b5b5b 0%,#262626 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#262626',GradientType=0 ); /* IE6-9 */
}




.widget_recent_entries li {
	border-bottom: 1px dotted #aaa;
}

.widget_recent_entries li:last-child {
	border-bottom: none;
}

select#cat {
	margin: 5px 0 0;
	width: 200px;
	color: #777;
}

select#cat option {
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	padding-left:10px;
}


table#wp-calendar {
	border-collapse:collapse;
	border-spacing:0;
	left:5px;
	position:relative;
	width:175px;
}


form.subscribeform {
	left:5px;
	position:relative;
}
input#email {
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	border:1px solid #777777;
	color:#CC0000;
	height:15px;
	margin: 0px auto;
	margin-top:5px;
	outline:none;
	padding:3px 0;
	padding-left: 5px;
	width:145px;
}

input#stnl_submit {
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	background:transparent url(images/btn-bg.png) repeat-x scroll center bottom;
	border:1px solid #777777;
	color:#CC0000;
	height:25px;
	margin-top:11px;
	outline:none;
	padding:3px 0;
	width:155px;
}

li#shiftthis-subscribe strong {
	font-weight:100;
	left:5px;
	position:relative;
}


	/* Pricing Sidebar */
	
	.page-id-491 #sidebar {
		width: 300px;
		height: 500px;
		margin-right: 20px;
		text-align: justify;
	}
	
		#lionbarside {
			height: 500px;
		}
			#lionbarside p {
				padding: 0 15px 0 0;
			}
			
			#lionbarside h3 {
				
			}


	.page-id-491 #blog-main {
		width: 620px;
	}

	
/*sidebar styling*/





/* Individual post styling */

#blog-main .post h2 {
	font-size:215%;
	font-weight:100;
	letter-spacing:2px;
	margin-bottom: 15px;
	line-height: 1em;
}

#blog-main .post h2.p-title {
	font-size:210%;
	font-weight:100;
	letter-spacing:2px;
	margin: 0;
	line-height: 1em;
}

.page-id-491 #blog-main .post h2.p-title { 
	text-indent: 6px;
}

#blog-main .s-post h2.p-title {
	font-size:210%;
	font-weight:100;
	letter-spacing:2px;
	margin: 0;
	line-height: 1.0em;
}

.post {
	float:right;
	margin-bottom:30px;
	padding:0 5px;
	/*width:550px;*/
	text-align: justify;
}

.s-post {
	float:right;
	margin-bottom:10px;
	padding:0 5px;
	text-align: justify;
}

#blog-head {
	width: 100%;
	height: 45px;
	margin-bottom: 20px;
}

#disqus_thread {
	margin-top: 15px;
}

.date {
	background: url("images/tbg.png") repeat scroll 0 0 transparent;
    border-radius: 3px;
    color: #FFFFFF;
    height: 40px;
    line-height: 1.3em;
    padding-top: 5px;
    text-align: center;
    width: 110px;
    margin: 5px 0 0 25px;
}

.postmetadata {
	margin-top: 10px;	
}

.post-meta {
	margin: 5px 0 0 0;
}

.m-d {
	font-size:		15px;
	padding-right: 5px;
}

.year {
	font-size:		20px;
	letter-spacing:	5px;
	position:		relative;
	left:			3px;
	padding-right: 5px;
	
}

h2.p-title {
	font-size:		145%;
	color: #777;
	margin: 0 0 15px 10px;	
}


/* Individual post styling */



/*comment list styling*/

ol.commentlist {
	margin-bottom: 10px;
}


ol.commentlist li #comment-container {
	margin-top:20px;
	width:100%;
}

ol.commentlist li #commentmeta-data {
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border:1px solid #DDDDDD;
	float:left;
	background: transparent url(images/btn-bg.png) repeat-x scroll center bottom;
	font-size:100%;
	padding:0 5px;
	width:22%;
}

p.commentmetadata {
	font-size:70%;
}

div#the-comment {
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	background:transparent url(images/tbg.png) repeat scroll 0 0;
	border:1px solid #DDDDDD;
	color:#fff;
	float:right;
	font-size:100%;
	padding:0 5px;
	width:74%;
}

div#the-divider {
	clear: both;
	margin: 5px 0px;
}



/*comment list styling*/




/*comment form styling*/

#comment-form {
	position: relative;
	margin-top: 10px;
	clear: both;
}


#commentform #author, #commentform #url {
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	border:1px solid #777777;
	color:#CC0000;
	height:15px;
	margin: 0px auto;
	margin-top:5px;
	outline:none;
	padding:3px 0;
	padding-left: 5px;
	width:145px;	
}

#commentform #comment {
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	border:1px solid #777777;
	color:#CC0000;
	margin: 0px auto;
	margin-top:5px;
	margin-bottom:5px;
	outline:none;
	padding:3px 0;
	padding-left: 5px;
}

#commentform #submit {
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	background:transparent url(images/btn-bg.png) repeat-x scroll center bottom;
	border:1px solid #777777;
	color:#CC0000;
	height:25px;
	margin-top:11px;
	outline:none;
	padding:3px 0;
	width:155px;
}

#dsq-content h3 {
    color: #888888 !important;
}

/*comment form styling*/



/*blog footer*/
#blog-footer {
		background: url(images/blog-foot-bg.png) repeat-x;
		height:50px;
		width:100%;
		margin-top:-50px;
		clear:both;
		z-index:1000;
		position: relative;
}

#blog-footer p {
	color: #777;
	font-style: italic;
	position: absolute;
	top: 24px;
	font-size: 75%;
	left: 30%;
	z-index: 1001;
}

.p-oldnew {
	margin:0 auto;
	position:relative;
	height: 50px;
	width:960px;
	z-index:2500;
}

	.p-oldnew li {
		position:		relative;
		float: left;
	}
	
		.older {
			color: #fff;
			left:5px;
			position:absolute;
			top:10px;
		}
		
		.newer {
			color: #fff;
			left:855px;
			position:absolute;
			top:10px;
		}


#blog-footer #prime-nav ul.copyright-info {
	color: #777;
	font-style: italic;
	position: absolute;
	top: 100px;
	left: 55px;
	z-index: 1001;
	float: left;
}

#blog-footer #prime-nav ul.copyright-info li {
	float: left;
}

#blog-footer #prime-nav ul.info li {
	float: none;
}


#blog-footer #prime-nav ul.copyright-info li.first {
	font-size:80%;
	margin-right:525px;
}

/*blog footer*/









/*=====| End BLOG Styles |=====*/


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

/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */

/*UTILITY*/

.center { display:block; margin:0 auto; }
.clear {clear:both;}
.floatleft { float:left;}
.floatright { float:right;}
.hidden {display: none !important; visibility: hidden !important;}
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px; }

#sfstest-page img.align-right { float:right !important; margin: 0 0 5px 5px !important; }
#sfstest-page img.align-left { float:left !important; margin: 0 5px 5px 0 !important; }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0; } /* Use this br class to clear your floated columns */
div { position:relative; } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0; } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */


/* Uhm... lionbars Raawwr!! */

.lb-v-dummy { width: 100%; display: block; height: 1px; }
.lb-h-dummy { height: 100%; display: block; width: 1px; }
.lb-clear { clear: both; }
.lb-wrap { z-index: 0; overflow: auto; position: relative; }
/*.lb-scrollbar-wrap { position: absolute; left: 0; top: 0; }*/
.lb-v-scrollbar { z-index: 1; position: absolute; right: 2px; top: 2px; width: 7px; height: 100%; background: #cfcfcf; opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.lb-h-scrollbar { z-index: 1; position: absolute; bottom: 2px; left: 2px; width: 100%; height: 7px; background: #cfcfcf; opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.lb-v-scrollbar-slider { position: absolute; width: 7px; height: 50px; left: 0; top: 0; background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.lb-h-scrollbar-slider { position: absolute; height: 7px; width: 50px; left: 0; top: 0; background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }

<!--[if IE 8]>
<style>
.lb-v-scrollbar { background: red; }
</style>
<![endif]-->

/* End lionbars Raawwr!! */