/*

Theme Name: VSS

Theme URI: http://www.roy-barber.co.uk/

Description: Custom Theme for VSS.

Version: 1.0

Author: Roy Barber

Author URI: http://www.roy-barber.co.uk/

*/



/* TABLE OF CONTENTS



00 - Global Elements - Standard Elements

01 - Typography - All Type throughout the site

02 - Main Structure - Columns, clearfix, etc.

03 - Header - Header, Logo, navigation, search.

04 - Dock - jQuery latest articles.

05 - Main Content - Post boxes, post meta, etc.

06 - Sidebar - Custom sidebar widgets.

07 - Footer - Categories, About, Copyright, Sponsors.



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



/* 00 - GLOBAL ELEMENTS

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



body {

	margin:0; padding:0;

	width:auto; height:auto;

	background:#dcdcdc;

	font:0.75em Arial, Helvetica, sans-serif; color:#5e6568;

	line-height:19px;

}



code {

	margin:0; padding:0;

	width:80%; height:auto;

	font:1.17em Georgia, "Times New Roman", Times, serif; color:#0f8eb3;

}



	pre {

		margin:0 auto; padding:5px 20px;

		background:#f4f1ec url(images/code.gif) repeat;

		border:1px solid #bbced7;

		font:0.92em Georgia, "Times New Roman", Times, serif; color:#3e3e3e;

		line-height:200%;

	}



blockquote {

	margin:0 auto; padding:5px 20px;

	width:80%; height:auto;

	background:#f8fbfc url(images/blockquote.gif) no-repeat top left; border:1px solid #edeff0;

}



img {

	margin:0; padding:0;

	border:0;

}



ins {

	color:#009999;

}



del {

	color:#990000;

}



/* 01 - TYPOGRAPHY

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

/* Webkit only keyframe animation for links, creates a smooth transition */
@-webkit-keyframes links {
	0%
		{
		color: #A8205A;
		}
	100%
		{
		color: #f23183;
		}
}

h1 {

	margin:-10px 0 0 0; padding:0;
	font:bold 3.53em Verdana, Arial, Helvetica, sans-serif; color:#F12E82;
	position:relative; display:block;

}



	.post-content h1, .page-content h1 {

		margin:10px 0; padding:0;

		font:bold 2.50em Arial, Helvetica, sans-serif; color:#53798b;

	}



	h1 a:link, h1 a:active, h1 a:visited {

		color:#fff;

		outline:0;

	}

	

	h1 a:hover {

		color:#D21981;

	}



	h1 span {

		margin:10px 0 0 0;

		background:url(images/gradient.png) repeat-x;

		width:100%; height:20px;

		position:absolute; display:block;

	}



h2 {

	margin:0; padding:0;

	font:1.5em Verdana, Arial, Helvetica, sans-serif; color:#A8205A;

}

	.post-content h2, .page-content h2 {

		margin:10px 0; padding:0;

		font:bold 2.00em Arial, Helvetica, sans-serif; color:#53798b;

	}



h3 {

	margin:0; padding:0;

	font:bold 2.80em Arial, Helvetica, sans-serif; color:#A8205A;

}



	.post-content h3, .page-content h3 {

		margin:10px 0; padding:0;

		font:bold 1.50em Arial, Helvetica, sans-serif; color:#53798b;

	}



	h3 a:visited {
		
		color: #a8205a;

	}

	

	h3 a:hover {
	-webkit-animation-name: links;
	-webkit-animation-duration: 1s;
	color: #f23183;

	}

	

	h3.post-title, .single h3.post-title, h3.post-title-small {
		float: left;
		
		margin:0; padding:10px 0;

		height:auto;

		border-bottom:4px solid #30393d;

	}

	h3.post-title-home {

		margin:0; padding:10px 0;

		width:580px; height:auto;
		
		
		border-bottom:4px solid #30393d;

	}

	

		.single h3.post-title {

			font-size:2.00em;

			width:275px;

		}

		

		h3.post-title-small {

			font-size:1.50em;
			margin-top: 15px;

		}
		

h4 {

	margin:0; padding:0;

	font:bold 1.75em Arial, Helvetica, sans-serif; color:#fefefe;

}



	.post-content h4, .page-content h4 {

		margin:10px 0; padding:0;

		font:bold 1.17em Arial, Helvetica, sans-serif; color:#53798b;

	}



	#footer h4 {

		margin:0 0 20px 0;

	}



h5, #searchform label {

	/* Sidebar Header */

	margin:0;

	padding:28px 0 0 20px;

	width:285px;

	height:55px;

	background:#f5fbfe url(images/sidebar-top.gif) no-repeat top center;

	color:#333333;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 2.25em;

	font-weight: bold;

}



	.post-content h5, .page-content h5 {

		margin:10px 0; padding:0;

		width:auto; height:auto;

		background:none;

		font:bold 1.00em Georgia, "Times New Roman", Times, serif; color:#a8205a;

	}



	#tag_cloud h5, #searchform label {

		margin:0; padding:0;

		background:none;

	}



a:link, a:active {

	color:#a8205a;

	text-decoration:none;

}



a:hover {

	color:#000;

}



a:visited {

	color:#f05898;

	text-decoration:none;

}


/* Header

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





/* Main Content

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


#home-info
{
background: #fff;
padding: 5px;
-moz-border-radius-bottomright: 15px;
-webkit-border-bottom-right-radius: 15px;
}

.post-info {
	float: right;
	text-align:right;

	font:0.92em Georgia, "Times New Roman", Times, serif; color:#81888d;

}



	.post-info span {

		font-size:1.18em;

		display:block;

	}



		.post-info span a:link, .post-info span a:active, .post-info span a:visited {

			color:#1e1c1a;

			text-decoration:none;

		}

		

		.post-info span a:hover {

			color:#a8205a;

		}


.comment-count a:link, .comment-count a:active, .comment-count a:visited {

	margin:0; padding:10px 20px;

	font:bold 1.75em Arial, Helvetica, sans-serif; color:#FFF;

	display:block;

}



.comment-count a:hover {

	background:#ea2f7e;

}



	.single .comment-count a:link, .single .comment-count a:active, .single .comment-count a:visited,

	.page-content .comment-count a:link, .page-content .comment-count a:active, .page-content .comment-count a:visited {

		padding:8px 18px;

		font:bold 1.45em Arial, Helvetica, sans-serif;

	}



.post-intro strong {

	font:bold 1.1em Arial, Helvetica, sans-serif; color:#30393d;

	line-height:21px;

}



.continue-reading a:link, .continue-reading a:active, .continue-reading a:visited,

.cat-posts li.view-more a:link, .cat-posts li.view-more a:active, .cat-posts li.view-more a:visited {

	font:bold italic 1.17em Georgia, "Times New Roman", Times, serif; color:#bd4478;

}



.continue-reading a:hover,

.cat-posts li.view-more a:hover {

	color:#f2307f;

}



/* Drop Down

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



.category a:link, .category a:visited,

.category-inside a:link, .category-inside a:active, .category-inside a:visited {

	margin-bottom:-1px; padding:15px 25px 0 15px;

	display:inline-block;

	height:25px; outline:0;

	font:1.00em Georgia, "Times New Roman", Times, serif; color:#7f7d7e;

}



.active div {

	margin:0 0 -1px 0; padding:0 0 0 6px;

	width:auto; height:40px;

	background:url(images/cat-hover-left.gif) no-repeat top left;

	float:right; display:block; position:relative; z-index:10;

}



	.active a:link, .active a:visited {

		margin:0; padding:15px 25px 0 15px;

		width:auto; height:25px; display:inline-block;

		font:1.00em Georgia, "Times New Roman", Times, serif; color:#5c5659;

		background:url(images/cat-hover-right.gif) no-repeat top right;

	}

	

.cat-posts li.view-more {

	margin:0; padding-top:15px;

	text-align:right;

}



.cat-posts li a:link, .cat-posts li a:active, .cat-posts li a:visited {

	font:bold 1.17em Arial, Helvetica, sans-serif; color:#30393d;

	display:block;

}

						

.cat-posts li a:hover {

	color:#bd4478;

}

												

	.cat-posts li span {

		font:0.92em Arial, Helvetica, sans-serif; color:#889194;

	}

	

/* Comments

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



.submit-comment {

	margin:0 0 15px 0; padding:0;

	width:127px; height:27px;

	background:url(images/submit-comment.gif) no-repeat top center;

	display:block; outline:0; text-indent:-9999px;

	border:0;

}



.author {

	font:1.50em Arial, Helvetica, sans-serif; color:#3c4d54;

}



	.author a:link, .author a:active, .author a:visited {

		color:#3c4d54;

	}

	

	.author strong span, .author strong span a:link, .author strong span a:active, .author strong span a:visited {

		color:#6b8894;

		display:inline;

	}

	

.author span {

	font:0.61em Georgia, "Times New Roman", Times, serif; color:#a3aeb2;

	display:block;

}



.comment-text {

	font:1.00em Arial, Helvetica, sans-serif; color:#74868d;

	line-height:19px;

}

	

/* Sidebar

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



#sidebar li {

	font:0.92em Arial, Helvetica, sans-serif;

}



	#sidebar li a:link, #sidebar li a:visited, #sidebar li a:active {

		font:bold 1.17em Arial, Helvetica, sans-serif; color:#5a656a;

	}

	

	#sidebar li a:hover {

		text-decoration:none;

	}

	

#sidebar .rss-date {

	margin:5px 0; padding:0;

	color:#709cb0;	

	display:block;

}



#sidebar .rssSummary {

	margin:5px 0; padding:0;

}



#sidebar li a.sidebar-read-more:link, #sidebar li a.sidebar-read-more:visited, #sidebar li a.sidebar-read-more:active,

#sidebar li a.sidebar-read-more-rss:link, #sidebar li a.sidebar-read-more-rss:visited, #sidebar li a.sidebar-read-more-rss:active {

	margin:18px 0 0 25px; padding:0;

	font:bold 1.17em Arial, Helvetica, sans-serif; color:#a8205a;

	position:absolute;

}



	#sidebar li a.sidebar-read-more-rss:link, #sidebar li a.sidebar-read-more-rss:visited, #sidebar li a.sidebar-read-more-rss:active {

		padding:1px 0 0 23px;

		line-height:16px;

		background:url(images/rss.png) no-repeat center left;

	}



#sidebar li a.sidebar-read-more:hover,

#sidebar li a.sidebar-read-more-rss:hover {

	color:#6d153a; text-decoration:none;

}


#sidebar input
{
font-weight: bold;
width: 240px;
margin-left: 30px;
border: 1px #F2307F solid;
color: #5E6568;
outline: none;
padding: 3px;
}

#sidebar input:active, input:hover
{
background: #fcc;
cursor: pointer;
}

#sidebar input.btn
{
width: 257px;
height: 50px;
background: url(images/signup.png) 0px -60px no-repeat;
border: none;
text-indent: -999999px;
-webkit-box-shadow: none;
margin-left: 25px;
}

#sidebar input.btn:active
{
background-position: 0px 0px;
}

.wpcf7-validation-errors
{
width: 230px;
border: 1px #F2307F solid;
margin-left: 30px;
margin-bottom: 15px;
background: #fff;
padding: 5px;
}

.wpcf7-not-valid-tip
{
display: none;
}

#sponsored-ad p.sponsored-ad 
{
	margin:auto auto 8px 5px;
	font:0.92em Arial, Helvetica, sans-serif; color:#9caab1;
}



/* Footer

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

	

p.about-text {

	margin:0 0 10px 0;

	font:0.92em Arial, Helvetica, sans-serif; color:#b2b2b2;

	line-height:17px;

}



p.copyright {

	margin:10px 0 0 0;

	font:0.92em Arial, Helvetica, sans-serif; color:#404040;

}



/* Misc

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



.arial, .arial a {

	font-family:Arial, Helvetica, sans-serif;

}



/* 02 - MAIN STRUCTURE

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



.container {

	/* The container is a class simply because of the multiple full-span elements.*/

	margin:0 auto; padding:0;

	width:940px; height:auto;

}



/* Various Columns

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



.col-580 {

	width:580px;

}



.col-340 {

	width:340px;

}



.left, .alignleft {

	float:left;

}



.right, .alignright {

	float:right;

}



.aligncenter {

	margin:0 auto;

	display:block;

}



/* Clearfix

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



.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%;

}

		

/* 05 - MAIN CONTENT

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



#main-content {

	padding:0px 0px 20px 0px ;

	border-bottom-width: 10px;

	border-bottom-style: solid;

	border-bottom-color: #cdcccc;

}



.post {


}



/* Archive Post

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



.archive {

	margin:0;

}

	

	.archive .post-meta {

		margin:0 0 17px 0;

	}

	

	.archive .post-info {

		font-style:italic;

	}

	

/* Small (Half) Post

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



.single {

	margin:0 15px 20px 0;

	width:275px; height:auto;

	float:left;

}

	.vert-align-post 
	{
	min-height: 350px;
	}

	.single .post-content {

		margin:0; padding:22px 17px 11px;

	}

	

	.single .post-image {

		height:115px;

	}

	

	.single .post-footer {

		padding:16px 23px;

	}

	

	.last {

		margin:0;

	}



/* Post Box

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

	

.post-box {

	margin:0;

	padding:0;

	background:#fdfefe url(images/post-box-top.gif) repeat-x top center;

	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;

}



	.post-meta {

		margin:0 0 23px 0; padding:0;

		position:relative;

	}

		

		.post-info {

			margin:0; padding:10px 5px;

			width:190px; height:auto;

			border-bottom:4px solid #889398;

			bottom:0; right:0;

			position:absolute;

		}

		.post-excerpt
		{
		background: #fff;
		padding: 5px;
		-moz-border-radius-bottomright: 15px;
		-webkit-border-bottom-right-radius: 15px;
		}

	.post-content, .page-content, .comment-content {

		margin:0; padding:22px 3px;

		border:1px solid #FFF;

		border-bottom:1px solid #e8ebec;

		position:relative;

	}

	

		.page-content {

			padding:15px 22px 0;

		}

		

		.comment-count {

			margin:0; padding:0;

			width:auto; height:auto;

			background:#a8205a;

			position:absolute; display:block;

			top:-10px; left:-10px;

		}

			.page-content .comment-count {

				margin-top:-15px;

			}

				

		.post-image, .post-image-inner {

			margin: 5px auto 10px auto; padding:0;

			width:auto; height:auto;

			display:block;

		}

		

			.post-image-inner {

				margin:0 auto 10px 15px;

				float:right;

			}

		

			.post-image img, .post-image-inner img {

				margin:0 auto; padding:3px;

				border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;

				border-bottom:1px solid #e7e8e8;

				text-align:center; display:block;

			}

			

	/* Post Footer

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

			

	.post-footer {

		margin:0; padding:23px;

		background:#fcfdfe;

		border-top:1px solid #FFF;

		position:relative; z-index:100;
		
		-moz-border-radius-bottomright: 15px;
		
		-webkit-border-bottom-right-radius: 15px;
	

	}

	

		.continue-reading {

			margin:0; padding:0;

			width:180px; height:auto;

			float:left;

		}

		

		.category-menu {

			margin:0; padding:0;

			width:350px; height:auto;

			float:right; text-align:right;

			position:absolute; top:10px; right:10px;

		}

		

			.indicator, .indicator-active {

				margin:0; padding:0;

				width:7px; height:5px;

				background:url(images/expand.gif) no-repeat center left;

				display:inline-block; vertical-align:middle;

			}

			

				.indicator-active {

					background:url(images/collapse.gif) no-repeat center left;

				}

		

			.dropdown {

				margin:0; padding:0;

				width:360px; height:auto;

				background:url(images/dropdown.png) no-repeat bottom center;

				text-align:left;

				display:none;

				position:relative;

			}

			

				.cat-posts {

					margin:0 auto; padding:10px 0 19px 0;

					width:322px; height:auto;

					list-style:none;

					border-top:1px solid #ebecec;

				}

				

					.cat-posts li {

						margin:0; padding:10px 15px;

						background:url(images/cat-post-li.gif) no-repeat bottom right;

					}

					

						.cat-posts li.view-more {

							background:none;

						}



/* Content Navigation

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

						

.navigation {

	margin:0; padding:8px 10px;

	background:#dce8ee url(images/box-highlight.gif) repeat-x bottom center;

	border:1px solid #ebf2f5;

	border-bottom:1px solid #d4e0e6;

}



/* WP Attachments

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



.wp-caption {

	margin:0 10px; padding:9px 5px 5px;

	background:#FFF;

	border:1px solid #ebf2f5;

	border-bottom:1px solid #CCCCCC;;

	text-align:center;

}



	.wp-caption-text {

		margin:5px auto auto auto; padding:5px 0 0;

		font:0.92em Arial, Helvetica, sans-serif; color:#656c71;

	}

	

/* Inputs

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



.input {

	margin:0; padding:5px;

	background:#fdfefe url(images/post-box-top.gif) repeat-x top center;

	

	font:0.92em Arial, Helvetica, sans-serif; color:#76716c;

}



	

/* Comments

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



.comment-content {

	padding:0;

	border-bottom:0;

	background-color: #ffffff;

	background-image: url(images/post-box-top.gif);

	background-repeat: repeat-x;

}



.commentlist, .commentlist ul {

	margin:15px 0 0 0; padding:0;

	list-style:none;

}



	.commentlist li {

		margin:0; padding:30px;	

		background:url(images/white.gif) repeat-x bottom center;

		border-bottom:1px solid #d9e1e6;

	}

	

	.commentlist li.alt, .thread-alt {

		background:#f9fcfd url(images/white.gif) repeat-x bottom center;

	}

	

	.commentlist li.no-comments {

		margin:55px 0 0 0; padding:0 30px;

		background:none;

		border:0;

	}

	

	.commentlist .children {

		margin:10px 0 0 0; padding:0;

		border:1px solid #d9e1e6;

	}

	

		.commentlist .children li {

			margin:0; padding:20px;

			border-bottom:1px solid #FFF;

		}

	

	

		.commentlist li .comment-wrap {

			position:relative;

			text-align:left;

		}

	

			.commentlist li .comment-text {

				margin:0; padding:0;

				width:auto; height:auto;

				background:none;

			}

			

			.commentlist li .comment-author {

				margin:0; padding:0;

				width:auto; height:auto;

			}

			

				.gravatar {

					margin:0 10px 0 0; padding:1px 0 0 2px;

					width:41px; height:40px;

					background:url(images/gravatar.gif) no-repeat top center;

					float:left;

				}

				

				.author {

					margin:2px 0 0 0; padding:0;

					width:auto; height:auto;

					float:left;

				}



/* 06 - SIDEBAR

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



#sidebar {

	margin:15px 0 0 15px; padding:0;

	width:305px; height:auto;

	list-style:none;

}



	#sidebar li {

		margin:0 0 20px 0; padding:0 0 56px 0;

		width:auto; height:auto;

		background:#f5fbfe url(images/sidebar-bottom.gif) no-repeat bottom center;

	}

	

		#sidebar #tag_cloud, #sidebar #search {

			padding:0;

			background:none;

		}

		

			#searchform {

				margin:0 auto; padding:0;

			}

			

	#sidebar #sponsored-ad {

		background:none;

	}

	

		#sidebar li ul, #sidebar .textwidget, #calendar_wrap {

			margin:0 auto; padding:0;

			width:245px; height:auto;

			list-style:none;

			background:#eaeaea;

			overflow:hidden;

		}		

		

			#calendar_wrap {

				margin:0 auto;

				width:190px;		

			}

		

				#wp-calendar {

					margin:15px 0; padding:0;

					width:100%; height:auto;

				}

				

					#wp-calendar caption {

						font:bold 1.17em Arial, Helvetica, sans-serif; color:#5a656a;

					}

					

					#wp-calendar thead tr th {

						font-weight:bold;

					}

					

					#wp-calendar td {

						font:0.92em Arial, Helvetica, sans-serif; color:#709cb0;

						border:1px solid #d2dce0; text-align:center;

					}

					

						#wp-calendar tfoot td {

							border:0;

						}

		

		#sidebar .textwidget {

			margin:0 auto 15px auto;

		}

		

			#sidebar li ul li  {

				margin:0 0 15px 0; padding:0;

				width:auto; height:auto;

				background:none;

			}

			

				.sidebar-preview {

					margin:0; padding:3px 0 0 4px;

					width:114px; height:65px;

					background:#FFF url(images/sidebar-preview-back.gif) no-repeat top center;

					float:left;

				}

				

				.sidebar-content {

					margin:0; padding:0;

					width:115px; height:auto;

					float:right;

				}

						

/* 07 - FOOTER

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



#footer {

	margin:0; padding:30px 0;

	width:auto; height:auto;

	background:#171615 url(images/footer-stroke.gif) repeat-x top center;

	border-top:1px solid #171615; border-bottom:1px solid #1e1d1d;

}



	.footer-divider {

		background:url(images/footer-divider.gif) repeat-y top left;

	}



	#footer .categories {

		margin:0; padding:0;

		width:360px; height:auto;

		float:left;

	}

	

		.footer-cat {

			margin:0; padding:0;

			width:360px; height:auto;

			list-style:none;

		}

		

			.footer-cat li {

				margin:5px 0; padding:0 0 0 9px;

				width:150px; height:auto;

				float:left;

				background:url(images/footer-cat-left.gif) no-repeat top left;

			}

			

				.footer-cat li a {

					margin:0; padding:0 9px 0 0;

					width:auto; height:23px; line-height:23px;

					float:left; display:block;

					background:url(images/footer-cat-right.gif) no-repeat top right;

				}

				

				.footer-cat li a:link, .footer-cat li a:active, .footer-cat li a:visited {

					font-family:Georgia, "Times New Roman", Times, serif; color:#a7a7a7;

				}

				

				.footer-cat li a:link span, .footer-cat li a:active span, .footer-cat li a:visited span {

					color:#FF00FF;

				}

				

			.footer-cat li:hover, .footer-cat li:hover a {

	  			background-position:0% -23px;

			 	color:#171615;

				cursor:pointer;

			 }

			

			.footer-cat li:hover a {

				background-position:100% -23px;

  			}

	

	#footer .about {

		margin:0; padding:0;

		width:580px; height:auto;

		float:right;

	}

	

#link-back {

	margin:0; padding:15px 0;

	background:#0c0b0b;

}



	.donators {

		margin:0; padding:0;

		width:282px; height:auto;

		float:left;

	}



		a.smashing:link, a.smashing:active, a.smashing:visited, a.smashing:hover,

		a.function:link, a.function:active, a.function:visited, a.function:hover {

			margin:0; padding:0;

			width:154px; height:54px;

			background:url(images/smashing.gif) no-repeat top center;

			display:block; text-indent:-9999px; float:left; outline:0;

		}

		

		a.function:link, a.function:active, a.function:visited, a.function:hover {

			width:128px;

			background:url(images/function.gif) no-repeat top center;

		}

.clear {

	margin: 0px;

	padding: 0px;

	clear: both;

}

#headerwrap {

	background-color: #FFFFFF;

	margin: 0px;

	padding: 0px;

}

		

/* Last Update 2.7.09 */

#header {

	background-color: #FFFFFF;

	width: 960px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 15px;

}

#header #logo {

	float: left;

	height: 168px;

	width: 350px;

	margin-bottom: 15px;

	background-image: url(images/logo.png);

	background-repeat: no-repeat;

}

#header #logo a {

	height: 87px;

	width: 189px;

}

#header #logo h1 {

	text-indent: -9999px;

	font-size: 14px;

	float: left;

	height: 87px;

	width: 199px;

}

#header .telephone {

	font-family: Georgia;

	font-size: 30px;

	font-style: italic;

	font-weight: normal;

	color: #d21981;

	float: right;
	
	padding-top: 30px;
	
	clear: right;

}



#menuwrap {
	background-image: url(images/menu/menu.png);
	background-repeat: repeat-x;
	height: 44px;
	margin: 0px;
	padding: 0px;
}
#menu {
	height: 44px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}



#menu .menuheader a:hover {

	color: #CCCCCC;

	font-weight: bold;

	text-decoration: none;

}

#menu .menuheader {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

#menu .menuheader a {

	height: 31px;

	display: block;

	float: left;

	padding-right: 25px;

	padding-left: 25px;

	padding-top: 10px;

	color: #FFFFFF;

	font-weight: bold;

}

#salespitchwrap {

	background-image: url(images/body-home.png);

	background-repeat: repeat-x;

	margin-bottom: 15px;

}



#salespitchwrap #salespitch {

	background-image: url(images/home-bg-sales.png);

	background-repeat: no-repeat;

	background-position: center top;

	height: 410px;

	margin-bottom: 15px;

	width: 960px;

	margin-right: auto;

	margin-left: auto;

}



#salespitch .salescontent {

	float: left;

	width: 475px;

	padding-top: 40px;

}

#salespitch .salescontent h1 {

	font-size: 32px;

	color: #FFFFFF;

	display: inline;

	line-height: 40px;

	width: 500px;

	padding-top: 0px;

	padding-right: 0px;

	padding-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-left: 0px;

	height: 95px;

}

#salespitch .salescontent h2 {

	font-family: Georgia;

	font-size: 22px;

	font-style: italic;

	font-weight: normal;

	padding-top: 15px;

	color: #35051a;

}





#salespitch .salescontent p {

	font-size: 14px;

	color: #f0a1c3;

	font-weight: normal;

}

#salespitch .video {

	float: right;

	padding-top: 44px;

	padding-right: 40px;

}

#salespitchwrap2 {

	background-image: url(images/header-page-wrap.png);

	background-repeat: repeat-x;

}

#salespitchwrap2 #salespitch2 {

	background-image: url(images/header-page.png);

	background-repeat: no-repeat;

	background-position: center top;

	height: 75px;

	width: 960px;

	margin-right: auto;

	margin-left: auto;

}

#social
{
float: right;
position: relative;
top: 0px;
margin-top: -5px;
}

.subscribe .twitter-sm {

	float: right;
	margin-right: 21px;
	margin-top: 1px;

}

.subscribe .facebook-sm {

	float: right;
	margin-right: 21px;
	margin-top: 1px;

}

.subscribe .linkedin-sm {

	float: right;
	margin-right: 21px;
	margin-top: 1px;

}

.subscribe .rss-sm {

	float: right;
	margin-right: 21px;
	margin-top: 1px;

}

.subscribe .email-sm {

	float: right;
	margin-top: 1px;

}

.subscribe .email-sm:hover {

	margin-top: -1px;

}

.subscribe .rss-sm:hover {

	margin-top: -1px;

}

.subscribe .linkedin-sm:hover {

	margin-top: -1px;

}

.subscribe .facebook-sm:hover {

	margin-top: -1px;

}

.subscribe .twitter-sm:hover {

	margin-top: -1px;

}

.home-image-charlie {

	background-color: #f6f6f6;

	padding: 0px;

	float: left;
	
	position: relative;
	
	margin-top: -15px;
	
	margin-left: -10px;
	
	margin-right: 15px;

	margin-bottom: 10px;
	border: 3px solid #fff;

}

.home-image-charlie:hover {

	border: 3px solid #f23183;
	
}

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 44px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.home {
	background: url(images/menu/menu_01.png) no-repeat;
	width: 78px; 
}
ul#topnav a.experience {
	background: url(images/menu/menu_02.png) no-repeat;
	width: 105px;
}
ul#topnav a.services {
	background: url(images/menu/menu_03.png) no-repeat;
	width: 154px;
}
ul#topnav a.socialmedia {
	background: url(images/menu/menu_04.png) no-repeat;
	width: 116px; 
}
ul#topnav a.design {
	background: url(images/menu/menu_05.png) no-repeat;
	width: 186px; 
}
ul#topnav a.contact {
	background: url(images/menu/menu_06.png) no-repeat;
	width: 85px; 
}
ul#topnav a.blog {
	background: url(images/menu/menu_07.png) no-repeat;
	width: 66px; 
}


ul#topnav li .sub {
	position: absolute;
	top: 44px;
	left: 0;
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	background-color: #191817;
	background-image: url(sub_bg.png);
	background-repeat: repeat-x;
	z-index: 999;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(images/menu/navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {color: #ddd; background-position: 5px 12px ;}