/*debug helper
* { outline: 1px dotted red }
* * { outline: 1px dotted green }
* * * { outline: 1px dotted orange }
* * * * { outline: 1px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
*/

/*-----------------------------------------------------------------------------------*/
/* global elements
/*-----------------------------------------------------------------------------------*/
html {
	background-color:#ccdbce;
	background-image: url(img/bg-body.png);
	background-repeat: repeat-x;
	background-position: top;
	color:#444;
}

/* grid container */
.container_12 {
	border: 1px solid #938875;
	border-bottom: 0;
	border-top: 0;
	background-color:#fff;
}

/* all headings */
h1 {
	color:#0a7282;
}
h2,h3,h4,h5,h6 {
	color: #313435;
}

/* all links */
a {
	color:#c47003;
}

/* image with frame */
img.frame {
	padding: 6px;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	display: block;
	margin-bottom: 10px;
}

/* headings group */
hgroup h1 {
	padding-bottom:0;
	margin-top:18px;
}
hgroup h2 {
	color:#938875;
	font-size: 14px;
	display: block;
	padding: 0 0 24px 5px;
}
	hgroup h2 a {
		color:#6b94c1;
		text-decoration: none;
	}
		hgroup h2 a:hover {
			text-decoration: underline;
		}

/* content area */
#content {
	padding-bottom:20px;
}

/*-----------------------------------------------------------------------------------*/
/* headings with icons as background images - homepage, services & pricings page
/*-----------------------------------------------------------------------------------*/
.icon {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 45px;
	margin-bottom: 15px;
	line-height: 1.2;
}

	/* different icon images */
	.recycle {
		background-image: url(img/ico-recycle.png);
	}
	.globe {
		background-image: url(img/ico-globe.png);
	}
	.megaphone {
		background-image: url(img/ico-megaphone.png);
	}
	.refresh {
		background-image: url(img/ico-refresh.png);
	}
	.chart-up {
		background-image: url(img/ico-chart_up.png);
	}
	.accept {
		background-image: url(img/ico-accept_male_user.png);
	}

/*-----------------------------------------------------------------------------------*/
/* thumblist - list with thumbnail images and text on the right; used on homepage 3rd column
/*-----------------------------------------------------------------------------------*/
.thumblist {
	margin-top:-13px;
}
	.thumblist li {
		margin:0;
	}

	.thumblist li .thumb {
		float: left;
		padding: 3px;
		margin-right:10px;
		border: 1px solid #dfddd1;
		background: #fff;
	}

		.thumblist li h4 {
			clear:both;
			font-size: 15px;
			padding: 12px 0 8px;
		}

			.thumblist li h4 a {
				text-decoration: none;
			}

		.thumblist li div {
			font-size: 11px;
			line-height: 1.2;
			overflow: hidden;
		}

/*-----------------------------------------------------------------------------------*/
/* buttons
/*-----------------------------------------------------------------------------------*/
a.actionbutton {
	background-image: url(img/action-button.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	width:220px;
	color:#fff;

	text-align:center;
	text-decoration: none;
	font-size:18px;
	font-weight:bold;

	line-height: 38px !important;
	height:42px;
}

/* sidebar actionbutton */
aside a.actionbutton {
	margin: 24px auto 9px auto;
}

/* in-page white shadowed button */
a.button {
	background-image: url(img/buttons.png);
	background-repeat: no-repeat;
	background-position: 0 -27px;
	display: block;
	width:92px;
	color:#333;

	text-align:center;
	text-decoration: none;
	font-size:12px;

	margin-top:18px;
	margin-right:0px;

	line-height: 26px !important;
	height:27px;
}
	a.button:hover {
		background-position: 0 0;
	}

	/* big button variation */
	a.button.big {
		width:184px;
		background-position: 0 -81px;
	}

		a.button.big:hover {
			background-position: 0 -54px;
		}

/*-----------------------------------------------------------------------------------*/
/* lightbox wired images
/*-----------------------------------------------------------------------------------*/
.box  {
	display:block;
}
	.box:hover {
		background-image: url(img/ico-zoom.png);
		background-repeat: no-repeat;
		background-position: center;
	}
		.box:hover img {
			filter:alpha(opacity=70);
			-moz-opacity:0.7;
			-khtml-opacity: 0.7;
			opacity: 0.7;
		}

/*-----------------------------------------------------------------------------------*/
/* header
/*-----------------------------------------------------------------------------------*/
header.container_12 {
	display:block;
	height: 86px;
	position: relative;
	border:0;
	background: none;
	z-index: 100; /* fix for ie superfish z-index problem with cufon */
}

	/* company's logo */
	#logo {
		display: block;
		position: absolute;
		top: 10px;
		left: 7px;
		width: 236px;
		height: 62px;
	}

	/* search section */
	#search {
		position: absolute;
		top: 13px;
		right: 11px;

		border: 1px solid #938875;
		background-color: #fff;
		overflow: hidden;
		height: 24px;
		width: 155px;
	}

		#searchText {
			display: block;
			float: left;
			border: 1px solid #fff;
			width: 110px;
			font-size: 12px;
			line-height:1.3;
			line-height:1.3;
			color: #bbb9a4;
			background-color:#fff;
			padding: 3px 0px 3px 6px;
		}

		#search button {
			padding: 10px;
			border: 1px solid #fff;
			float: right;
  			text-decoration:none;
  			background: #fff url(img/btn-search.png) no-repeat scroll top center;
  			margin: 0 2px 0 0;
		}

/*-----------------------------------------------------------------------------------*/
/* top navigation - sitemap, client login, help
/*-----------------------------------------------------------------------------------*/
nav.top {
	position: absolute;
	right:11px;
	top:56px;
	width: auto;
}

	nav.top ul li {
		display: block;
		float: left;
		margin-left: 20px;
	}

	nav.top ul li a {
		color: #fff;
		font-size: 11px;
		text-decoration: none;
		font-family: Tahoma;

		text-shadow: 0 1px 1px #777;
	}

		nav.top ul li a:hover {
			text-decoration: underline;
		}

/*-----------------------------------------------------------------------------------*/
/* secondary (content with gradient background)
/*-----------------------------------------------------------------------------------*/
.secondary {
	padding-top:18px;
	padding-bottom:36px;
}

	.secondary.portfolio {
		padding-top:36px;
		padding-bottom:18px;
	}

	/* homepage content also gradient bg */
	#homepage,
	.secondary {
		background-image: url(img/bg-secondary.png);
		background-repeat: repeat-x;
		background-position: top center;
	}

		.secondary h3 {
			font-size:18px;
			color: #5a5d5d;
		}

/*-----------------------------------------------------------------------------------*/
/* main menu
/*-----------------------------------------------------------------------------------*/
nav.main { /* wrapper */
	display:block;
	height: 52px;
	text-align: center;
	border-top: 1px solid #938875;
	padding-top: 11px;
}

	/* menu */
	#nav {
		height: 53px;
		background-image: url(img/bg-nav.png);
		background-repeat: no-repeat;
		background-position: left top;
	}

		#nav li {
				margin:0;
				float: left;
				position:relative;
			}

			#nav li:hover {
				visibility: inherit; /* fixes IE7 'sticky bug' */
			}

				#nav li:hover ul {
					left: 0;
					z-index: 99;
				}

				#nav li li:hover ul {
					left: 14em; /* match ul width */
					top:0;
				}

			#nav li a {
				display: block;
				position:relative;
				padding: 0 18px;
				line-height:2.5;
				color: #fff;
				text-decoration: none;
				font-size: 18px;
			}

				#nav li a:hover {
					background-image: url(img/bg-nav-over.png);
					background-repeat: repeat-x;
				}

				#nav li a.active,
				#nav li a.active:hover {
					background-image: url(img/bg-nav-active.png);
					background-repeat: repeat-x;
				}

				#nav ul {
					position: absolute;
					width: 14em; /* match ul width */
				}

					#nav ul li {
						text-align: left;
						width:	100%;
						background-image: url(img/bg-nav.png);
					}

				/* 1st level menu item with submenu */
				#nav li a.expandable {
					padding-right: 24px;
					min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
				}

					/* 2nd level menu item with submenu */
					#nav li ul li a.expandable {
						background-image: url(img/sub-menu-arrow.png);
					}

/*	1st level submenus */
#nav li ul {
	font-size:13px;
    display:none;
    top:45px;
    left:0;
}

	/*	1st level menu items */
	#nav li ul li a {
		padding: 0 18px;
		line-height: 31px;
		text-decoration: none;
		font-size: 12px;
		font-weight: normal;
		display:block;
	}

	/*	2nd level submenus */
	#nav li ul li ul {
		top: 0;
		left:14em; /* match ul width */
	}

/*	show all submenus on 1st level */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
}

/*	hide all submenus deeper than 1 level */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
    display:none;
}

/*	arrow background positions */
#nav .arrow {
	position:absolute;
	display:block;
	right:7px;
	top:22px;
	width:10px;
	height:10px;
	overflow:hidden;
	background:url(img/arrows-ffffff.png) no-repeat 0px -100px;
}

	#nav a.expandable:hover .arrow  {
		background-position: -10px -100px;
	}

	#nav li ul li a.expandable .arrow  {
		background-position: 0 0;
	}

	#nav li ul li a.expandable:hover .arrow  {
		background-position: -10px 0;
	}

	#nav ul li a .arrow {
		top: 11px;
		right: 5px;
	}

/*-----------------------------------------------------------------------------------*/
/* sidebar
/*-----------------------------------------------------------------------------------*/
#sidebar {
	margin-top: 55px;
	height: auto;
}

/*-----------------------------------------------------------------------------------*/
/* homepage
/*-----------------------------------------------------------------------------------*/
#homepage h2 {
	padding-top:0;
}

#homepage .button {
	display: block;
}

#homepage .icon {
	background-position: 5px 5px;
}

/*-----------------------------------------------------------------------------------*/
/* homepage feature block
/*-----------------------------------------------------------------------------------*/
#feature {
	height: 437px;
	padding-bottom:30px;
}

	/* left part: message */
	#feature .message {
		position: relative;
		height: 437px;
	}

		#feature .message h1,
		#feature .message p {
			color: #0a7282;
		}

		#feature .message h1 {
			position: absolute;
			top:52px;
			left: 60px;
			font-size: 48px;
			font-weight:normal;
		}

		#feature .message p {
			position: absolute;
			top: 158px;
			left: 60px;
			padding-right: 25px;
			font-size: 18px;
			line-height: 1.3;
		}

		#feature .message .action {
			position: absolute;
			left: 60px;
			top: 290px;
		}

	/* right part - jquery item rotator */
	#rotator {
		position: absolute;
		top: 42px;
		left:-22px;
		overflow: hidden;
		height: 383px;
	}

		#rotator li {
			/* fix for IE cleartype rendering */
			background-color:#fff;
			/* fix for content flashing */
			margin-bottom: 100px;
		}

		#rotator li img {
			border: 1px solid #7f7565
		}

		/* for images without border */
		#rotator li img.clean {
			border: 1px solid #fff;
		}

		#rotator h3 {
			font-weight:normal;
			font-size: 18px;
			text-transform: uppercase;
			margin-top: 6px;
			padding-bottom:0;
		}

			#rotator h3 a {
				text-decoration: none;
			}

		#rotator li p {
			font-size: 12px;
			line-height: 1.3;
			color: #565861;
			margin-top: 5px;
			text-transform: none;
			width:560px !important;
		}

	/* pager */
	#rotator .pager {
		position: absolute;
		right: 0;
		bottom: 0;
	}

		#rotator .pager li {
			float:left;
			margin:0;
		}

			#rotator .pager li a {
				display: block;
				padding: 3px 7px;
				margin-left: 1px;
				font-size: 11px;
				line-height:1.3;
				color: #fff;
				background-image: url(img/bg-nav.png);
				background-repeat: repeat-x;
				background-position: -1px -2px;
				text-decoration: none;
				text-align: center;
			}

				#rotator .pager li a:hover {
					color: #fff;
					background-image: url(img/bg-nav-over.png);
				}

				#rotator .pager li a.current {
					background-image: url(img/bg-nav-active.png);
				}

				#rotator .pager li a:active {
					top: 0;
				}

/*-----------------------------------------------------------------------------------*/
/* footer
/*-----------------------------------------------------------------------------------*/
footer.clearfix {
	border-bottom: 1px solid #938875;
	margin-bottom: 36px;
}

	footer .columns {
		position:relative;
		background-image: url(img/bg-footer.png);
		background-repeat: repeat-x;
		background-position: top;
		background-color:#938875;
		padding-bottom: 18px;
		margin-bottom:11px;
		color: #fff;
		font-size: 11px;
	}

		footer .columns .bottom {
			clear:both;
			padding-top:16px;
		}

		footer .columns h6 {
			text-transform: uppercase;
			font-size: 12px;
			color: #fff;
			letter-spacing: 1px;
			margin-top: 6px;
		}

		footer .columns ul {
			margin: 10px 0 0;
		}

			footer .columns ul li {
				margin:0;
			}

				footer .columns ul li a {
					color: #fff;
					text-decoration: none;
					font-size: 11px;
				}

				footer .columns ul li a:hover {
					text-decoration: underline;
				}

/*-----------------------------------------------------------------------------------*/
/* twitter footer area
/*-----------------------------------------------------------------------------------*/
#twitter ul li {
	margin-bottom: 18px;
}

	#twitter ul li.lastTweet {
		margin-bottom: 0;
	}

	#twitter a {
		font-weight:bold;
	}

/*-----------------------------------------------------------------------------------*/
/* footer copyright block
/*-----------------------------------------------------------------------------------*/
#copyright {
	padding-top:18px;
	color: #dfddd1;
	font-size: 11px;
}

	#copyright a {
		color: #fff;
	}

/*-----------------------------------------------------------------------------------*/
/* footer social links
/*-----------------------------------------------------------------------------------*/
#social ul li {
	float: left;
	margin-right: 12px;
}

	#social ul li a {
		background-repeat: no-repeat;
		background-position: center center;
		width: 24px;
		height: 24px;
		display:block;
	}

	#social ul li a.rss {
		background-image: url(img/connect-feed.png);
	}

/*-----------------------------------------------------------------------------------*/
/* sidebar
/*-----------------------------------------------------------------------------------*/
#sidebar h3 {
	border: 0;
}

	/* sidebar on about page */
	#sidebar.about {
		background-color: #f5f5df;
		border: 1px solid #938875;
		border-left: 0;
		border-right: 0;
		padding: 10px 20px;
	}

		/* team on about page */
		#sidebar.about ul.imglist {
			margin-top: 20px;
		}

			#sidebar.about ul.imglist li {
				list-style: none;
				margin: 0;
			}

			#sidebar.about ul.imglist li p {
				padding-left: 60px;
				color: #938875
			}

			#sidebar.about ul.imglist li p span.name {
				font-weight: bold;
				color: #000;
			}

			#sidebar.about ul.imglist li img {
				border: 0;
			}

		#team h3 {
			text-align:center;
		}

		#team {
			background-color: #f5f5df;
			border: 1px solid #938875;
			border-left: 0;
			border-right: 0;
			padding: 10px 20px;
		}

			/* team */
			#team ul.team {
				margin-top: 20px;
			}

				#team ul.team li {
					margin: 0;
				}

					#team ul.team h5 {
						padding: 14px 0 8px 58px;
					}

					#team ul.team li p {
						padding-left: 10px;
						color: #938875;
						overflow:hidden;
					}

					#team ul.team li img {
						float:left;
					}

	/* sidebar on contact page */
	#sidebar.contact dl {
		margin-bottom: 20px;
	}

	#sidebar.contact dt {
		margin-top: 10px;
		font-weight: bold;
	}

	#sidebar.contact dd {
		margin-left: 0;
		padding-left:12px;
	}

	#sidebar.contact .note {
		display: block;
		padding: 15px;
		border-width: 1px;
		border: double;
		border-color: #fff;
		font-size: 11px;
		color: #fff;

		background-color: #872300;
	}

	/* contact page sidebar: google maps iframe */
	#contact-map iframe	{
		width: 260px !important;
		height: 250px !important;
		border: 1px solid #938875;
	}

/*-----------------------------------------------------------------------------------*/
/* FAQ page
/*-----------------------------------------------------------------------------------*/
#faq dt {
	font-weight: normal;
	font-size: 16px;
	line-height: 1.2;
	padding: 9px 0;
	color:#888;
}

	#faq dt:hover,
	#faq dt.opened {
		color:#000;
	}

	#faq dd {
		background-color:#eee;
		padding: 9px;
		margin:9px 0;
		margin-left:9px;
	}

	#faq-categories li a {
		text-decoration:none;
	}

/*-----------------------------------------------------------------------------------*/
/* services page
/*-----------------------------------------------------------------------------------*/
#services .service {
	margin-bottom: 36px;
}

	#services .service h2 {
		border-bottom: 1px solid #BBB9A4;
		margin-bottom: 18px;
	}

	.secondary .button,
	#services .service .button {
		display: inline-block;
		margin-right:9px;
	}

	#services ul {
		margin-left: 16px;
	}

	/* bulleted checkedlist */
	#services .checkedlist li {
		margin-left:0;
		list-style: none;
		background-image: url(img/ico-accept.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		padding-left: 20px;
		position: relative;
	}

	/* headlines with icons as background images */
	#services .icon {
		background-repeat: no-repeat;
		background-position: -3px 5px;
	}

		/* icon images */
		.icon.recycle {
			background-image: url(img/ico-recycle.png);
		}
		.icon.globe {
			background-image: url(img/ico-globe.png);
		}
		.icon.megaphone {
			background-image: url(img/ico-megaphone.png);
		}
		.icon.refresh {
			background-image: url(img/ico-refresh.png);
		}
		.icon.chart-up {
			background-image: url(img/ico-chart_up.png);
		}
		.icon.accept {
			background-image: url(img/ico-accept_male_user.png);
		}

		#services .icon {
			padding-left: 36px;
			line-height: 1.2;
		}

/* right image */
#services .image {
	padding-top:54px;
}

	#services .image img {
		padding:6px;
		border: 1px solid #D8D8D8;
	}

	#sidebar.services img {
		margin: auto;
		display: block;
		margin-bottom: 10px;
	}

	#sidebar.services .actionbutton {
		margin-top:12px;
	}

/*-----------------------------------------------------------------------------------*/
/* projects page
/*-----------------------------------------------------------------------------------*/
#projects {
	padding-top:36px;
}

	#projects ul {
		word-spacing: -3px;
		letter-spacing: -3px;
	}

	#projects .project {
		display: inline-block;
		margin-left: 0;
		vertical-align: top;
		word-spacing: normal;
		letter-spacing:normal;
	}

	#projects .project h2 {
		padding:0;
		padding-bottom: 5px;
		line-height:1;
	}

/*-----------------------------------------------------------------------------------*/
/* portfolio pages
/*-----------------------------------------------------------------------------------*/
#content.portfolio {
	padding-bottom: 18px;
}

	#portfolio {
		margin-top:5px;
		word-spacing:-3px;
		letter-spacing:-3px;
		overflow:hidden !important;
	}

	#portfolio li {
		margin-left:0;
		display:inline-block;
		vertical-align:top;
		word-spacing:normal;
		letter-spacing:normal;
	}

	#portfolio a:hover img.frame {
		border-color: #888;
	}

/*-----------------------------------------------------------------------------------*/
/* portfolio 1
/*-----------------------------------------------------------------------------------*/
#portfolio.v1 h4 .button {
	float:right;
	margin:0;
	margin-top:-3px;
}

	#portfolio.v1 li {
		margin-bottom:36px;
	}

	#portfolio.v1 div .button {
		margin-top:0;
	}

/*-----------------------------------------------------------------------------------*/
/* portfolio 2
/*-----------------------------------------------------------------------------------*/
#portfolio.v2 li {
	min-height: 486px;
}

	#portfolio.v2 h5 {
		padding-top: 9px;
		text-align: left;
	}

		#portfolio.v2 li .button {
			display:inline-block;
			margin-left:3px;
			margin-right:4px;
		}

			#portfolio.v2 li .button.big {
				margin: 18px 0 0;
			}

/*-----------------------------------------------------------------------------------*/
/* portfolio 3
/*-----------------------------------------------------------------------------------*/
#portfolio.v3 h6 {
	padding: 3px 0 20px 0;
	text-align: center;
}

/*-----------------------------------------------------------------------------------*/
/* portfolio 4
/*-----------------------------------------------------------------------------------*/
#portfolio.v4 h3 {
	padding: 8px 0 10px;
}
	#portfolio.v4 .button {
		float:right;
		margin-top:0;
		margin-bottom:18px;
	}

/*-----------------------------------------------------------------------------------*/
/* portfolio 5
/*-----------------------------------------------------------------------------------*/
#portfolio.v5 h2 {
	padding: 7px 0 19px;
}
	#portfolio.v5 .button {
		margin:0;
	}

	#portfolio.v5 li {
		padding-bottom:36px;
	}

	#portfolio.v5 p {
		margin-top:18px;
	}

/*-----------------------------------------------------------------------------------*/
/* portfolio 6
/*-----------------------------------------------------------------------------------*/
#portfolio.v6 li {
	min-height: 290px;
	padding-bottom: 36px;
}

/*-----------------------------------------------------------------------------------*/
/* portfolio filtering toolbar: centered, fullwidth or in sidebar
/*-----------------------------------------------------------------------------------*/
#filter li {
	margin-left:0;
}

#filter li a {
	display: block;
	padding: 0 12px;
	line-height: 28px;
	text-decoration: none;
	color: #aaa;
}

	#filter li a:hover {
		background-color: #f8f8f8;
	}

	#filter li a.active {
		background-color: #eee;
		color: #000;
	}

		/* centered */
		#filter.center {
			clear:left;
			float:left;
			position:relative;
			left:50%;
			text-align:center;
			height: 28px;
			margin: 36px 0;
		}

			#filter.center li {
				margin-bottom: 0;
				float: left;
				position:relative;
				right:50%;
			}

		/* full width */
		#filter.fullwidth {
			height: 28px;
			margin-bottom: 8px;
			border: 1px solid #ddd;
		}

			 #filter.fullwidth li {
				margin-bottom: 0;
				float: left;
			}

				#filter.fullwidth li a:hover {
					background-color:#eee;
				}

				#filter.fullwidth li a:active {
					background-color:#ddd;
				}

		/* in sidebar */
		#filter.right {
			border: 1px solid #ddd;
		}

			 #filter.right li {
				margin-bottom: 0;
			}

/*-----------------------------------------------------------------------------------*/
/* testimonials on about page
/*-----------------------------------------------------------------------------------*/
ul.testimonials li {
	margin:0;
}

/*-----------------------------------------------------------------------------------*/
/* pricing pages
/*-----------------------------------------------------------------------------------*/
#pricing {
	padding-bottom:36px;
}

#pricing-table {
	padding-bottom:84px;
	padding-top:48px;
}

	#pricing-table .button {
		margin:0 auto;
		float: none;
	}

	/* titles */
	#pricing-table hgroup {
		display:block;
		text-align:center;
	}

		#pricing-table hgroup h4 {
			padding: 0px;
		}

			#pricing-table hgroup h3 {
				color:#999;
				padding-top:0;
				font-size:48px;
				color:#444;
			}

				#pricing-table hgroup h3 .currency {
					font-size:21px;
					vertical-align: top;
					display:inline-block;
					margin-top:10px;
					color:#777;
				}

				#pricing-table hgroup h3 .period {
					font-size:18px;
				}

	/* ribbon for featured plan */
	#pricing-table .ribbon {
		background-image: url(img/pricing-ribbon.png);
		background-repeat: no-repeat;
		background-position: top right;
		position:absolute;
		width:87px;
		height:88px;
		top:-5px;
		right:-5px;
		z-index:20;
	}

	/* white separator border */
	#pricing-table .border {
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		border:1px solid #fff;
		z-index:-1;
	}

		#pricing-table .selected .border {
			border: none
		}
		
#pricing-table .grid_3,
#pricing-table .grid_4 {
	z-index:8;
}
	#pricing-table .grid_3 a,
	#pricing-table .grid_4 a {
		z-index:5;
	}
	
/*-----------------------------------------------------------------------------------*/
/* pricing page: 4 plans
/*-----------------------------------------------------------------------------------*/
#pricing-table .grid_3 {
	background-color: #f0efeb;

	-moz-box-shadow: 0 0 2px #000;
	-webkit-box-shadow: 0 0 2px #000;
	box-shadow: 0 0 2px #000;

	padding:20px;
	padding-bottom:22px;
	width: 181px;
	display: inline-block;
	position: relative;
	min-height:220px;
}

	#pricing-table .grid_3.selected:hover,
	#pricing-table .grid_3.selected {
		background-color: #b3631a;

		-moz-box-shadow: 0 0 1px #000;
		-webkit-box-shadow: 0 0 1px #000;
		box-shadow: 0 0 1px #000;

		margin: -20px 0;
		padding: 20px 20px 30px !important;
		position: relative;
		z-index:10;
	}

		#pricing-table .grid_3.selected ul,
		#pricing-table .grid_3.selected hgroup * {
			color:#fff;
		}

		#pricing-table .grid_3.selected:hover .button,
		#pricing-table .grid_3.selected .button {
			margin:50px auto 0;
		}

		#pricing-table .grid_3:hover .button {
			margin: 40px auto 10px;
		}

	#pricing-table .grid_3:hover {
		margin: -10px 0;
		padding: 20px 20px 10px !important;
		position: relative;
		z-index:9;
	}

/*-----------------------------------------------------------------------------------*/
/* pricing page: 3 plans
/*-----------------------------------------------------------------------------------*/
#pricing-table .grid_4 {
	background-color: #f0efeb;


	-moz-box-shadow: 0 0 2px #000;
	-webkit-box-shadow: 0 0 2px #000;
	box-shadow: 0 0 2px #000;

	padding: 20px 50px;
	padding-bottom:22px;
	width: 150px !important;
	display: inline-block;
	position: relative;
	min-height:220px;

	position:relative;
}

	#pricing-table .grid_4.selected:hover,
	#pricing-table .grid_4.selected {
		background-color: #b3631a;
		margin: -20px 0;
		padding: 20px 40px 30px !important;
		position: relative;
		z-index:10;
	}

		#pricing-table .grid_4.selected ul,
		#pricing-table .grid_4.selected hgroup * {
			color:#fff;
		}

		#pricing-table .grid_4.selected:hover .button,
		#pricing-table .grid_4.selected .button {
			margin:50px auto 0;
		}

	#pricing-table .grid_4:hover {
		margin: -10px 0;
		padding: 20px 50px 10px !important;
		position: relative;
		z-index:9;
	}

		#pricing-table .grid_4:hover .button {
			margin:35px auto 15px;
		}

/*-----------------------------------------------------------------------------------*/
/* blog styling
/*-----------------------------------------------------------------------------------*/
#blog .post {
	padding-bottom: 18px;
}

#blog .button {
	margin-top:0;
}

	/* info block: meta & read more */
	#blog .info {
		color: #aaa;
		line-height: 1.5;
		position: relative;
		margin-bottom:18px;
	}

		#blog .info .more {
			float:left;
			text-decoration: none;
			color:#777;
		}

		#blog .info .meta {
			float:right;
			margin-top: 4px;
		}

			#blog .info .meta li {
				line-height: 18px;
				margin-left: 5px;
				display: inline;
				float: left;
			}

		#blog .post h3 {
			padding: 6px 0 12px;
		}

			/*post title links*/
			#blog .post h2 a,
			#blog .post h3 a {
				text-decoration: none;
			}

		/* blog images */
		#blog .post figure figcaption {
			text-align: center;
		}

		#blog .post figure.full img {
			border: 1px solid #d8d8d8;
			padding: 8px;
			width: 556px;
		}

			#blog .post .image-left {
				float: left;
				margin: 18px;
				margin-left: 0;
				border: 1px solid #dfddd1;
				padding:4px 4px 0 4px;
			}

			#blog .post .image-right {
				float: right;
				margin: 18px;
				margin-right: 0;
				border: 1px solid #dfddd1;
				padding:4px 4px 0 4px;
			}

/*-----------------------------------------------------------------------------------*/
/* blog comments
/*-----------------------------------------------------------------------------------*/
#comments .head {
	overflow: auto;
	border-bottom:6px solid #dedede;
	background-color: #bbb;

	margin-top: 36px;
	margin-bottom: 24px;

	padding: 18px;
	padding-bottom: 8px;
}

	#comments .head h3 {
		padding:0;
		float: left;
		width: 100%;
		color:#fff;
	}

		#comments .head h3 .post {
			float: right;
			font-size: .65em;
			text-decoration: none;
			color:#444;
			padding: 6px 0 9px;
		}

	#comments ol li {
		list-style-type: none;
		list-style-image: none;
		margin:0;
	}

	#comments .comment {
		overflow: auto;
	}

		#comments .comment .avatar {
			float: left;
			width: 64px;
			height: 64px;

			border: 1px solid #DFDDD1;
			padding: 4px;
		}

		#comments .comment .text {
			float: left;
			width: 390px;
			margin-left: 20px;
			padding-bottom: 48px;
			position: relative;
		}

			#comments .comment .text .author {
				display: block;
				margin-bottom: 18px;
				color: #666;
			}

				#comments .comment .text .author a {
					font-weight: bold;
					color:#6b94c1;
				}

			#comments .comment .text .date {
				margin-top: 18px;
				margin-bottom: 18px;

				position: absolute;
				bottom: 3px;
				right: -15px;
				color:#888;
			}

			#comments .comment .text .reply {
				padding: 3px 15px;
				margin-top: 24px;
				margin-left: 10px;
				margin-bottom: 18px;
				display: block;
				color:#fff;

				position: absolute;
				bottom:0;
				right: -90px;

				background-color: #6b94c1;
				background-image: url(img/bg-nav.png);
				background-repeat: repeat-x;
				background-position: top;
				text-decoration: none;
				text-align: center;
			}

				#comments .comment .text .reply:hover {
					color:#fff;
					text-decoration: none;
					background-image: url(img/bg-nav-over.png);
				}

/*-----------------------------------------------------------------------------------*/
/* post a comment form
/*-----------------------------------------------------------------------------------*/
#post-comment {
	padding-top:24px;
}

/*-----------------------------------------------------------------------------------*/
/* posts pager
/*-----------------------------------------------------------------------------------*/
#blog .pager li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

	#blog .pager li a {
		display: block;
		float: left;
		padding: 1px 7px;
		margin-left: 1px;
		color: #fff;
		background-color: #6b94c1;
		background-image: url(img/bg-nav.png);
		background-repeat: repeat-x;
		background-position: top;
		text-decoration: none;
		text-align: center;
	}

		#blog .pager li a:hover {
			background-image: url(img/bg-nav-over.png);
			background-repeat: repeat-x;
			background-position: top;
		}

		#blog .pager li a.active {
			background-image: url(img/bg-nav-active.png);
		}

/*-----------------------------------------------------------------------------------*/
/* blog sidebar
/*-----------------------------------------------------------------------------------*/
#sidebar.blog h4 {
	color:#444;
}
	#sidebar.blog ul li {
		margin-left:0;
	}
	#sidebar.blog ul li a {
		text-decoration: none;
	}

/*-----------------------------------------------------------------------------------*/
/* blog sidebar banners
/*-----------------------------------------------------------------------------------*/
#sidebar.blog .banners a {
	display:inline-block;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

	#sidebar.blog .banners a:hover {
		filter:alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity: 1;
		opacity: 1;
	}

/*-----------------------------------------------------------------------------------*/
/* layout variation pages
/*-----------------------------------------------------------------------------------*/
#layout {
	padding-bottom: 54px;
}

	#layout.v4 .top,
	#layout.v1 .top {
		margin-top:54px;
	}
	
	#layout.v4 .top {
		margin-bottom: -16px;
	}	

	#layout.v4 {
		padding-bottom:18px;
	}

	#layout.v4 #portfolio {
		word-spacing:-3px;
	}

	#layout.v4 hgroup,
	#layout.v4 h1 {
		margin-top:0;
	}

	#layout.v4 .caption {
		margin-top:36px;
	}

/*-----------------------------------------------------------------------------------*/
/* timeline/resume page
/*-----------------------------------------------------------------------------------*/
#timeline {
	padding-top:36px
}

	#timeline li {
		margin-left:0;
	}

	#timeline h2,
	#timeline h3,
	#timeline h4,
	#timeline h5,
	#timeline h6	{
		padding-top:0;
	}

	#timeline h5 {
		padding-top: 3px;
		color:#555;
	}

	#timeline h6 {
		color:#888;
	}

/*-----------------------------------------------------------------------------------*/
/* tables
/*-----------------------------------------------------------------------------------*/
table {
	width: 100%;
	table-layout:fixed;

	overflow:hidden;

	border-color:#5a5d5d;
    border-width: 0 0 1px 1px;
    border-style: solid;
	margin-top:9px;
}
	table th {
		background-color: #7f7565;
		color: #fff;
		font-weight: bold;
	}

	table td,
	table th {
		padding: 8px 8px 9px 8px;

		border-style:solid;
		border-width:0 1px 1px 0;
		text-align:left;
		vertical-align:top;

    	border-color:#5a5d5d;
		border-style:solid;
    	border-width: 1px 1px 0 0;
	}

	tfoot td {
		background: #eee;
		color:#777;
		text-align: right;
	}

	/* zebra color table rows */
	tbody tr:nth-of-type(even) {
		background: #ccc;
	}

/*-----------------------------------------------------------------------------------*/
/* monospaced blocks
/*-----------------------------------------------------------------------------------*/
pre,code {
	display:block;
	background-color:#eee;
	outline:1px solid #aaa;
	padding:9px;
}

/*-----------------------------------------------------------------------------------*/
/* colored imageless bullet lists
/*-----------------------------------------------------------------------------------*/
ul.red li:before {
  color:#b4461f;
  content: "\00BB";
  font-weight:bold;
  margin-left:-12px;
  padding-right:6px;
}

ul.green li:before {
  color:#8bb383;
  content: "\00BB";
  font-weight:bold;
  margin-left:-12px;
  padding-right:6px;
}

ul.blue li:before {
  color:#008;
  content: "\00BB";
  font-weight:bold;
  margin-left:-12px;
  padding-right:6px;
}

/*-----------------------------------------------------------------------------------*/
/* message blocks
/*-----------------------------------------------------------------------------------*/
#content .message {
	background:#DCEFF5;
	border:1px solid #B8E7F5;
	color:#478BBF;
	margin:0 0 18px;
	padding:10px;
	font-weight:bold;
}

	#content .message:before {
	  content: "\00BB";
	  font-weight:bold;
	  padding-right:6px;
	}

	#content .message.info {
		background:#DCEFF5;
		border:1px solid #B8E7F5;
		color:#478BBF;
	}

	#content .message.success {
		background: #D7F7DF;
		border:1px solid #A3F7B8;
		color:#3F9153;
	}

	#content .message.warning {
		background:#FAF2D7;
		border:1px solid #FAE8AF;
		color:#CF9E00;
	}

	#content .message.error {
		background:#FFD6D6;
		border:1px solid #FFC2C2;
		color:#C24848;
	}

/*-----------------------------------------------------------------------------------*/
/* typography: The Helvetica/Arial-based sans serif stack
/*-----------------------------------------------------------------------------------*/
#fancybox-title,
body,
input,
textarea,
#rotator p {
	font-family: Calibri,Frutiger, "Frutiger Linotype", Univers,  "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*-----------------------------------------------------------------------------------*/
/* typography: A modern Georgia-based serif stack:
/*-----------------------------------------------------------------------------------*/
#feature .message h1,
#feature .message p,
#content blockquote p {
	font-family: Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
}

/*-----------------------------------------------------------------------------------*/
/* fonts: smallprint
/*-----------------------------------------------------------------------------------*/
footer,
#credits,
#copyright p,
#twitter,
form label,
#rotator .pager li a,
#sidebar.contact .note,
#top-nav li a,
#searchText {
	font-family: Tahoma, Calibri,Frutiger, "Frutiger Linotype", Univers,  "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*-----------------------------------------------------------------------------------*/
/* blockquotes & pullquotes
/*-----------------------------------------------------------------------------------*/
blockquote,
.pullquote {
	padding: 36px 0 20px 40px;
	margin-top: 20px;

	background-image: url(img/bg-quote.png);
	background-repeat: no-repeat;
	background-position: left -10px;

	border-top: 1px solid #dfddd1;
	border-bottom: 1px solid #dfddd1;
}
	/* text */
	blockquote p {
		font-size: 13px;
		font-style: italic;
		color:#0a7282;
		position: relative;
	}
		/* author */
		blockquote p span {
			position: absolute;
			right: 24px;
			bottom:-24px;

			font-style: normal;
			font-size: 12px;
			color: #948975;
			font-weight: bold;
			letter-spacing: -.08em;
		}

	span.pullquote.left,
	span.pullquote.right {
		border:0;
		display:inline;
		float:left;
		width:40%;
		padding: 20px;
		margin: 10px 18px 10px 0px;
		background-color:#eee;
	}

	span.pullquote.right {
		float:right;
		margin: 10px 0px 10px 18px;
	}

/*-----------------------------------------------------------------------------------*/
/* form elements
/*-----------------------------------------------------------------------------------*/
input, textarea, select {
	background-color: #f5f5df;
    border-color: #7f7565 #bbb9a4 #bbb9a4 #7f7565;
    border-style: solid;
    border-width: 1px;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 5px;
}

input[type=reset],
input[type=submit] {
	background-color: #938875;
    border: 1px solid #313435;
    color: #ffffff;
    margin-top: 10px;
    padding: 5px 15px;
    text-align: center;
    width: auto;
}

input:focus,
textarea:focus,
select:focus {
	border: 1px solid #000;
}

label {
    color: #5A5D5D;
    display: block;
    text-transform: uppercase;
	display: block;
	font-size:10px;
	color: #5a5d5d;
	padding: 3px;
	margin:0;
}

	label.error {
		background-color: #872300;
		border: 1px solid #872300;
		padding: 5px;
		margin-top: -10px;
		width: 100%;
		color: #fff;
		text-transform: none;
	}

	form textarea,
	form input {
		font-size: 18px;
		padding: 5px;
		margin-bottom: 10px;

		background-color:#dfddd1;
		border-color:#7f7565 #bbb9a4 #bbb9a4 #7f7565;
		border-style:solid;
	}

		form textarea:focus,
		form input:focus {
			border: 1px solid #000;
		}

	form textarea {
		height: 165px;
	}

	form input.submit {
		margin-top: 10px;
		padding: 5px 15px;
		background-color:#465A5B;
		border:1px solid #313435;
		color: #fff;
		text-align: center;
	}

	/* form specific stylings: contact page, blog comment form */
	#contactform textarea,
	#contactform input,
	#postform textarea,
	#postform input {
		width: 100%;
	}

	#postform input.submit,
	#contactform input.submit {
		width: auto;
	}

	#contactform label:after {
		content: ":";
	}

/*-----------------------------------------------------------------------------------*/
/* newsletterform
/*-----------------------------------------------------------------------------------*/
#newsletterform fieldset {
	position: relative;
}

	#newsletterform input {
		font-size:12px;
		margin:0;
		padding: 5px 15px;
		font-weight:bold;
	}

		#newsletterform input:focus {
			border-color: #7f7565 #bbb9a4 #bbb9a4 #7f7565;
		}

	#newsletterform label.error {
		position: absolute;
		top:12px;
		background: none;
		color: #f00;
		border:0;
	}

	#newsletterform label.error:after {
		content: "";
	}