@charset "UTF-8";
/* RESET */ body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, acronym, abbr, fieldset, img, th, td, button, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0px; outline: 0px; } h1, h2, h3, h4, h5 { font-size: 100%; }
 table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; } :focus { outline: 0; } li {list-style: none;}

/*
- GENERAL
- MAIN LAYOUT
- HEADER
	Main menu
	Search
	Banner
- CONTENT
	Post
	Entry
	One-third
	More-link
	Postmetadata
	Sidebar
- HOME
- SERVICES
	Services-link
- WORK

- FOOTER


purple 1 #942c97
purple 2 #c66ed1

*/


html { font-size:100%; }
body { background-color: white; font-size:12px; line-height: 18px;  min-height:101%; color: #505050;  }
body, form { font-family: Arial, Verdana; }

.alignright {float: right;}
.alignleft {float: left;}
.clear {clear: both;}
.clear-left {clear: left;}
.clear-sm {clear: both; height: 15px;}
.clear-big {clear: both; height: 20px}

.aligncenter, div.aligncenter {
	text-align: center;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	}
	
/* ------------------------ TYPOGRAPHY ------------------------ */

.text-center {text-align: center;}
.mute {color: #999;}
.error {color: #f00; font-weight: bold;}

h1 {font-size: 130%;}
h2 {font-size: 20px; font-weight: bold; color: #000; margin-bottom: 4px; line-height: 24px;}
h3 {font-size: 16px;}
h4 {font-size: 13px;}

a:link, a:visited, a:active { font-family: Arial, Helvetica, sans-serif; font-weight: regular; color: #c66ed1; text-decoration: none; }
a:hover {color: #000;}

@font-face { font-family: 'Dinlight'; src: url('type/pfdintextpro-light-webfont.eot'); src: local('☺'), url('type/pfdintextpro-light-webfont.woff') format('woff'), url('type/pfdintextpro-light-webfont.ttf') format('truetype'), url('type/pfdintextpro-light-webfont.svg#webfontbD3qiDAx') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DinBold'; src: url('type/pfdintextpro-bold-webfont.eot'); src: local('☺'), url('type/pfdintextpro-bold-webfont.woff') format('woff'), url('type/pfdintextpro-bold-webfont.ttf') format('truetype'), url('type/pfdintextpro-bold-webfont.svg#webfont7MeRfiFQ') format('svg'); font-weight: normal; font-style: normal; }

blockquote {
	font-family: Dinlight, arial, helvetica, sans-serif;
	margin-bottom: 10px;
	padding: 4px 50px 0px 40px;
	font-size: 19px;
	line-height: 25px;
	color: #777;
	}
blockquote.intro {
	font-family: Dinlight, arial, helvetica, sans-serif;
	margin-bottom: 10px;
	padding: 4px 0px 0px 0px;
	font-size: 20px;
	line-height: 25px;
	color: #777;
	}

/*----------------------------------------------------------------------
                             MAIN LAYOUT
-----------------------------------------------------------------------*/
	
#header-wrapper { margin:0; background-color: #000; height: 100px; }
			
#banner-wrapper { background: #c8dade url(img/banner-back.jpg) repeat-x; height: 175px;}
		
#wrapper { width: 100%; background: #FFF url(img/content-wrapper.gif) repeat-x; overflow: hidden; }

#content-container { width: 920px; margin: 0 auto; padding-top: 30px; }
		
	
	
/*----------------------------------------------------------------------
                             HEADER
-----------------------------------------------------------------------*/

#header {
	width: 920px;
	height: 100px;
	margin: 0px auto;
	padding: 0;
	position: relative;
	}
	#header a img {
		border: 0px;
		position: absolute;
		top: 16px;
		left: 0px;
		}
		
/* ------------------------ MAIN MENU ------------------------ */

#nav {
position: absolute;
right: 0px;
bottom: 5px;
	}
	
	#nav ul {
	width: 920px;
	height: 45px;
	float: right;
		}
	#nav li { float: right; }
		
	#nav li a {
		color: #FFF;
		font-family: Dinlight, arial, sans-serif;
		font-size:16px;
		font-weight: normal;
		text-decoration: none;
		letter-spacing: 1px;
		line-height: 46px;
		margin: 0px 0 0 20px;
		}
	#nav li a:hover, #nav .current_page_item a {
		color:#c66ed1;
		}
		
/* ------------------------ SEARCH ------------------------ */
		
#searchform {
		float: right;
		margin-top: 18px;
		height: 26px;
		}
		
		#searchform #s { 
			color: #888; 
			background-color: #232323; 
			margin: 0px; 
			font-size: 11px; 
			padding: 0px 2px 0px 6px;
			height: 26px;
			width: 150px;
			line-height: 26px;
			float: left;
			}
		#searchsubmit { color: #555; font-size: 11px; float: left; width: 26px; height: 26px;}
		form#searchform input#s:focus {
			color: #FFF;
			}
			
			
#content #searchform {
	float: left;
	}
	#content #searchform #s {
		color: #555;
		background-color: #f1f1f1;
		font-size: 13px;
		padding: 0px 10px;
		height: 30px;
		width: 200px;
		line-height: 30px;
		float: left;
		}
	#content #searchsubmit { color: #999; font-size: 13px; float: left; width: 30px; height: 30px;}
		#content form#searchform input#s:focus {
			color: #000;
			}
			
			
/* ------------------------ BANNER ------------------------ */

#banner {
	background: transparent url(img/banner.jpg) no-repeat;
	width: 1134px;
	height: 175px;
	margin: 0px auto;
	}

	#banner h2 {
		font-family: Dinbold, arial, sans-serif;
		float: left;
		font-size: 35px;
		font-weight: normal;
		margin: 35px 0 0 108px;
		color: #000;
		line-height: 40px;
		}
	#banner ul {
		font-family: Dinlight, arial, sans-serif;
		float: left;
		margin-top: 15px;
		margin-left: 108px;
		clear: left;
		font-size: 19px;
		line-height: 30px;
		color: #000;
		}
		
	#banner ul li {
		padding-left: 16px;
		background: url(img/banner-bullet.png) no-repeat 0 8px;
		}




/*----------------------------------------------------------------------
                                @ CONTENT
-----------------------------------------------------------------------*/
#content { width: 606px; float: left; }
	
#content-wide, #content-wide .post { width: 920px; }
	
#content, #content-work { padding:0 0 30px 0; min-height:420px; }
	
	
	.post {
		width: 606px;
		float: left;
		margin-bottom: 25px;
		line-height: 20px;
		clear: both;
		}
	.home-post {margin-bottom: 10px;}
		
		.post ul { margin: 0 20px 25px 0; }
		.post ul li { list-style: disc; list-style-position: outside; margin: 0px 0 8px 30px; }
		
		.post p { margin: 0 0 15px 0; }
		.post em { font-style: italic; }
		
		.post h1, .blog-main-title, #content-work h1, .pagetitle { border-bottom: 1px dotted #747474; border-top: 1px dotted #747474; }
		.post h1, .blog-main-title, #content-work h1, .pagetitle {
			color: #000;
			font-family: Dinlight, arial, sans-serif;
			font-size:29px;
			margin: 0px 0 20px 0;
			font-weight:normal;
			line-height:38px;
			padding: 10px 0 6px 0;
			}	
		.blog-main-title {margin-bottom: 10px;}
		
		.post h2 a:link, .post h2 a:visited, .post h2 a:active  {color: #000; font-family: inherit; text-decoration: none; font-weight: normal;}	
		.post h2 a:hover { color: #942c97; }
		
		div.search-post h2 a:link, div.search-post h2 a:visited, div.search-post h2 a:active  {color: #000; font-family: inherit; text-decoration: none; font-weight: normal;}	
		div.search-post h2 a:hover { color: #942c97; }
		
		#content p.post-author {
			color: #aaa;
			font-size: 11px;
			margin: 0px;
			padding: 0 0 15px 0;
			}
		
		
		div.search-post { margin-bottom: 20px; }
		
		
		
		img.wppt_float_left { margin-right: 20px; margin-top: 3px; border: 0px; }
		
		
	.archivetitle {
		background-color: #000;
		padding: 15px 20px;
		color: #FFF;
		margin: 0 0 20px 0;
		text-align: center;
		}
		
/* ------------------------ ENTRY ------------------------ */
		
	.entry h2 { margin: 0px 0 10px 0; padding-top: 15px; }

	.entry ol, .entry ul {margin: 0 20px 25px 0;}
	.entry ol li {
			list-style: decimal;
			list-style-position: inside;
			margin: 0 0 10px 0;
			}
		
	.entry hr {
		clear: both;
		background-color: #c2c2c2;
		border: 0px;
		height: 1px;
		width: 100%;
		margin: 20px 0;
		}
	.entry a:link, .entry a:visited, .entry a:active { font-family: Arial, Helvetica, sans-serif; font-weight: regular; color: #c66ed1; border-bottom: 1px dotted #c66ed1; text-decoration: none; }
	.entry a:hover {color: #000; border-bottom: 1px dotted #000;}
	
	.entry ul.no-bullets, .entry ul.no-bullets li {
		list-style: none;
		display: inline;
		}
			

			
/* ------------------------ ONE-THIRD ------------------------ */

	.entry div.one-third {
		width: 293px;
		margin-right: 20px;
		margin-bottom: 20px;
		float: left;
		list-style: none;
		}
	
	.entry div.one-third ul { margin: 20px; }
	.entry div.one-third ul li { padding-bottom: 10px; }
		
	.entry div.one-third h2 { margin: 0px 0 5px 0; padding: 0px; }
	
	.blog-entry p {margin-top: 0px;}
	.blog-entry img {padding-top: 0px;}
		
		
/* ------------------------ half ------------------------ */

	.entry div.half, .entry div.half-r {
		width: 430px;
		margin-right: 60px;
		float: left;
		}
	.entry div.half-r {
		margin-right: 0px;
		}


/* ------------------------ MORE LINK ------------------------ */
		
		a:link.more-link , a:visited.more-link , a:active.more-link  {
			color: #000;
			font-weight: bold;
			font-size: 13px;
			text-decoration: none;
			margin-left: 10px;
			}
		a:hover.more-link  {
			color: #c66ed1;
			border-bottom: 1px dotted #c66ed1;
			}
		
		
/* ------------------------ POSTMETADATA ------------------------ */
	
	.postmetadata {
		clear: both;
		margin: 15px 0 0 0;
		padding: 4px 7px;
		font-size: 11px;
		color: #747474;
		background-color: #eee;
		}
		.postmetadata a:link, .postmetadata a:visited, .postmetadata a:active {
			color: #c66ed1;
			text-decoration: none;
			font-weight: normal;
			font-size: inherit;
			border-bottom: 0px;
			}
		.postmetadata a:hover { color: #000; border-bottom: 1px dotted #000; }
			
			
			
/* ------------------------ SIDEBAR (blog) ------------------------ */
		
	#sidebar {
		width: 273px;
		padding: 0;
		float: right;
		}
		
	#sidebar ul ul {
		margin-bottom: 30px;
		border-top: 1px dotted #a5a5a5;
		}
		
		#sidebar ul ul li {
			border-bottom: 1px dotted #a5a5a5;
			padding: 3px;
			}
		#sidebar ul ul a:link, #sidebar ul ul a:visited, #sidebar ul ul a:active {
			text-decoration: none; color: #a5a5a5; font-weight: normal;}
		#sidebar ul ul a:hover { color: #000;}
			

/* ------------------------ NAVIGATION  ------------------------ */

.navigation {
	margin-top: 20px;
	}
	
.navigation a {
	background-color: #942c97;
	color: #FFF;
	padding: 4px 8px;
	
	}




/*---------------------------------------------------------------------
                                @ HOME
-----------------------------------------------------------------------*/
	
.home-box {
	background-color: #eee;
	border-top: 1px dotted #888;
	float: left;
	width: 293px;
	height: 170px;
	margin: 0 20px 35px 0;
	position: relative;
	}
	.home-box h2 { margin: 20px 20px 10px 20px;}
		
	.home-box p {
		margin: 10px 20px 20px 20px;
		font-style: italic;
		font-size: 13px;
		line-height: 19px;
		}
	
	.home-box a:link, .home-box a:visited, .home-box a:active {
		color: #FFF;
		text-decoration: none;
		font-size: 14px;
		margin: 10px 20px 20px 20px;
		display: block;
		background-color: #942c97;
		padding: 4px 7px;
		text-align: center;
		position: absolute;
		bottom: 0px;
		} 
		.home-box a:hover { background-color: #000; }
	
		a:link.home-allarticles, a:visited.home-allarticles, a:active.home-allarticles, .navigation a:link, .navigation a:visited, .navigation a:active {
		color: #FFF;
		text-decoration: none;
		font-size: 14px;
		margin: 0px;
		display: block;
		background-color: #942c97;
		padding: 4px 7px;
		text-align: center;
		float: left;
		} 
		a:hover.home-allarticles, .navigation a:hover {	background-color: #000; }
	
/* ------------------------ SIDEBAR ------------------------ */
	
#home-sidebar { float: right; width: 273px; }
	
	#home-sidebar h3, h3.infotitle, #sidebar h2 {
		font-weight: bold;
		font-size: 14px;
		color: #942c97;
		margin-bottom: 10px;
		}
		
	p.sidebar-rss {
		background-color: #e9e9e9;
		padding: 20px;
		margin-bottom: 30px;
		color: #777;
		text-align: left;
		vertical-align: middle;
		overflow: hidden;
		}
	p.sidebar-rss a {display: block; float: left; clear: left; margin: 5px 0;}
		
	p.sidebar-rss a:link, p.sidebar-rss a:visited, p.sidebar-rss a:active {
		color: #777;
		font-size: 14px;
		text-decoration: none;
		border-bottom: 1px dotted #888;
		}
	p.sidebar-rss a:hover { color: #000; border-bottom: 1px dotted #000; }
	
	
/* ------------------------ CLIENT TESTIMONIAL ------------------------ */
		
	ul.client-comments li { margin-bottom: 30px; }
		
	ul.client-comments p {
		font-size: 17px;
		font-style: italic;
		color: #a2a2a2;
		line-height: 26px;
		}
	ul.client-comments strong {
		font-weight: normal;
		display: block;
		text-align: right;
		font-size: 11px;
		color: #555;
		line-height: 26px;
		}
		



/*----------------------------------------------------------------------
                                @ SERVICES
-----------------------------------------------------------------------*/
.service-sidebar {
	background-color: #f1f1f1;
	}
	.service-sidebar ul li {
		list-style: none;
		margin: 0;
		}
			
		.service-sidebar ul ul.service-sidebar-smlist {
		margin: 10px 0 0 2px;
		padding: 0px;
		}
		
		.service-sidebar ul ul.service-sidebar-smlist li {
		margin: 0px;
		padding: 0 0 5px 0;
		list-style: disc;
		list-style-position: inside;
		}
		
.one-third ul {
	margin: 0px;
	padding: 0px;
	}
	.one-third ul li {
		margin: 0px;
		padding: 0px;
		}

/* ------------------------ SERVICES-LINK ------------------------ */
	
.services-link a:link, .services-link a:visited, .services-link a:active {
		color: #FFF;
		text-decoration: none;
		font-size: 14px;
		margin: 0px;
		display: block;
		background-color: #942c97;
		padding: 4px 7px;
		text-align: center;
		float: left;
		} 
		.services-link a:hover { background-color: #000; }
	
			
/*----------------------------------------------------------------------
                                @ WORK
-----------------------------------------------------------------------*/
			
		#content-work h1 {
			margin: 0px 0 20px 0;
			}
			
			#content-work ul {
				}
			
			#content-work ul li {
				font-size: 12px;
				line-height: 22px;
				width: 293px;
				height: 410px;
				float: left;
				margin-right: 20px;
				list-style: none;
				}
			#content-work ul li:nth-child(3) {
				margin: 0;
				}
			#content-work strong {
				display: block;
				padding: 11px 0 3px 0;
				color: #000;
				font-size: 14px;
				}
				
			#content-work ul li {
				line-height: 19px;
				color: #5a5a5a;
				}
				
			#content-work ul li em {
				font-size: 10px;
				display: block;
				line-height: 14px;
				margin: 5px 0;
				}
	
	
/*----------------------------------------------------------------------
                                @ CONTACT
-----------------------------------------------------------------------*/
	
.post .entry .contact-location {
	background-color: #f1f1f1;
	padding: 0px;
	}
	.post .entry .contact-location .margin20 {
		padding: 10px 20px 20px;
		}
	.post .entry .contact-location img { margin: 0px; padding: 0px;}

		
		
	.wpcf7 form p {
		text-align: left;}
		
	.wpcf7 span input, span textarea {
		border: 1px solid #999;
		line-height: 20px;
		font-size: 13px;
		padding: 2px;
		width: 100%;
		}
		
	input.meeting-send {
		color: #FFF;
		text-decoration: none;
		font-size: 14px;
		background-color: #942c97;
		padding: 4px 7px;
		text-align: center;
		cursor: pointer;
		}
		
	input.meeting-send:hover {
	background-color: #000;
	}
	
	.your-message textarea {
		height: 130px;
		}
		


/*----------------------------------------------------------------------
                            @ COMMENT FORM ELEMENTS
-----------------------------------------------------------------------*/

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	border: 1px solid #777;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	border: 1px solid #777;
	margin-top: 15px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: left;
	border: 0;
	background-color: #942c97;
	color: #FFF;
	margin-top: 20px;
	padding: 4px 7px;
	cursor: pointer;
	font-size: 13px;
	}
	#commentform #submit:hover {
		background-color: #000;
		color: #FFFF;
		}
		
h3#comments {
	color: #000;
	font-size: 16px;
	line-height: 22px;
	padding: 3px 0;
	border-bottom: 2px solid #000;
	}
	.comment-author {
		color: #000;
		font-weight: bold;
		font-size: 14px;
		float: left;
		}
	.commentmetadata {
		font-size: 11px;
		float: left;
		clear: left;
		}
	.commentmetadata a:link, .commentmetadata a:active, .commentmetadata a:visited {
		color: #999;
		}
	.commentmetadata a:hover {
		color: #000;
		}
		
	.comment-body {
		border-bottom: 1px dotted #999;
		padding-bottom: 20px;
		margin-bottom: 20px;
		overflow: hidden;
		}
		
	.comment-body p {
		margin-left: 180px;
		}
		
#respond {
	margin-top: 40px;}




/*----------------------------------------------------------------------
                             @ FOOTER
-----------------------------------------------------------------------*/

#footer {
	height: 100px;
	width: 100%;
	margin: 20px 0 0 0;
	background: #000;
	clear: both;
	overflow: hidden;
	}
	
	#footer .footer-content {
		color: #747474;
		font-size: 12px;
		width: 920px;
		height: 60px;
		margin: 0 auto;
		margin-top: 20px;
		}
	.footer-content ul { float: right; }
	.footer-content ul li {
		float: right;
		margin-left: 20px;
		}
	
	.footer-content a:link, .footer-content a:visited, .footer-content a:active {
		color: #747474;
		text-decoration: none;
		font-weight: normal;
		font-size: 12px;
		}
	.footer-content a:hover {
		color: #F1F1F1;
		border-bottom: 1px dotted #F1F1F1;
		}