/* CSS INFORMATION
	- Project: Chapter One
	- Author: Oitentaecinco - www.oitentaecinco.com
	- Last Update: 05/01/2012
*/

/* CSS INDEX

	@ Reset
	@ Typography
	
	@ Header
	@ Header - Menu
	@ Header - HomeSlideshow
	
	@ Body
	
	@ Footer
	@ Footer - SocialShare
	@ Footer - Tweets
	@ Footer - Contacts
	@ Footer - Menu & Copyrights
	
	@ Page Elements
	
	@ News
	@ Portfolio
	@ Feedback Pages
	@ Twitter Feed Page
	@ Contacts
	
	@ Carousel
	@ Search Box
	@ Video Player
	@ Fieldset
	@ Pricing Tables
	@ Buttons
	@ Pager
	
	
*/


/* @ Reset
   ==================================================================== */

/* reset by Eric Meyer (v1.0 | 2008-02-12) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
body { line-height: 1.1; }
ol, ul { list-style: none; }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
.fClear { clear:both; }
.fLeft { float:left; }
.fRight { float:right; }

.noPadding { padding:0 !important; }
.hidden { display:none; }



/* @ Typograpy
   ==================================================================== */

@font-face {
    font-family: 'QlassikMediumRegular';
    src: url('fonts/qlassik_tb-webfont.eot');
    src: url('fonts/qlassik_tb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/qlassik_tb-webfont.woff') format('woff'),
         url('fonts/qlassik_tb-webfont.ttf') format('truetype'),
         url('fonts/qlassik_tb-webfont.svg#QlassikMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	font-family: QlassikMediumRegular, Tahoma;
	font-size:16px;
	line-height:19px;
	color:#767679;
	text-shadow:0 1px 0 #FFF;
	}

textarea, 
input {
	font-family: QlassikMediumRegular;
	font-size:14px;
	line-height:14px;
	color:#767679;
	text-shadow:0 1px 0 #FFF;
	}
	
a 		{ text-decoration:none; color:#2e8cb5; }
a:hover	{ text-decoration:underline; }


h1, h2, h3, h4, h5, h6 { 
	color:#2e8cb5;
	font-style:normal;
	font-weight: normal;
	margin-bottom:12px;
	top:0;
	}

h1 {
	font-size:24px;
}
h2 {
	font-size:20px;
}	
h3 { font-size:19px; margin-bottom:10px; }
h4 { font-size:17px; margin-bottom:7px; }
h5 { font-size:15px; margin-bottom:5px; }
h6 { font-size:14px; margin-bottom:4px; }


h4.subtitle {
	font-size:13px;
	font-style:italic;
	font-weight:normal;
	line-height:16px;
	margin-bottom:10px;
	position:relative; top:-6px;
	color:#888888;
	}
	
sup { font-size:10px; }
p 	{ margin-bottom:15px; }

	

	
/* @ Header
   ==================================================================== */
   
#header .darkBar {
	background:#242521;
	height:123px;
	}
#header .colorBar {
	background:#2e8bb5 url(images/backgrounds/header_colorbar.png) no-repeat center top;
	height:130px;
	}
	#header h1 {
		font-size:28px; font-weight:normal; color:#FFF; text-shadow:1px 1px 0 #000;
		padding:49px 10px 5px 10px; margin:0;
		}
	#header h6 {
		font-size:14px; font-weight:normal; font-style:italic; color:#FFF; text-shadow:1px 1px 0 #000;
		padding:0 10px;
		}
	
#header .logo {
	width:220px; height:62px;
	display:block;
	background:url(images/logo.png) no-repeat 0 0;
	text-indent:-9999px;
	position:absolute; top:34px; left:10px;
	}
	
/* homepage header */
.homepage #header .darkBar {
	background:#242521;
	height:144px;
	}
.homepage #header .colorBar {
	background:#2e8bb5 url(images/backgrounds/header_colorbar_homepage.png) no-repeat center top;
	height:329px;
	}
		
		

/* @ Header - Menu
   ==================================================================== */		

#header .menu {
	position:absolute; top:53px; right:10px;
	}
	#header .menu li { 
		float:left; 
		margin-left:35px; 
		position:relative;
		}
	#header .menu a {
		font-size:19px;
		color:#dcdbe0;
		text-shadow:0 2px 0 #000;
		}
		#header .menu a.current,
		#header .menu a:hover { color:#71afd3; text-decoration:none; }

#header .menu ul { 
	background:#e3e3e3;
	border-radius:7px;
	padding:5px 0;
	text-align:center;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	position:relative;
	left:-9999px;
	}		
	#header .menu ul li {  
		float:none; 
		margin:0;
		padding:0 1px;
		position:relative;
		}	
		#header .menu ul a {
			font-size:13px;
			color:#3d4137;
			line-height:26px;
			display:block;
			text-shadow:0 1px 0 #FFF;
			padding:0px 10px;
			padding-top:1px;
			background:#d9d9d9;
			margin:1px 0;
			}
			#header .menu ul a.current,
			#header .menu ul a:hover {
				background:#2e8bb5;
				color:#f4f4f4;
				text-shadow:0 1px 0 #000;
				}
				
.subMenuWrapper {
	background:url(images/backgrounds/menu_horizontal_arrow.png) no-repeat center top;
	padding-top:9px;
	position:absolute;
	z-index:1;
	}
	.subMenuWrapper .subMenuWrapper { 
		position:absolute;
		left:130px;
		background:url(images/backgrounds/menu_vertical_arrow.png) no-repeat left 15px;
		padding-left:9px;
		padding-top:0;
		position:absolute; top:-10px;
		}
		.subMenuWrapper .subMenuWrapper .subMenuWrapper { 
			top:-5px;
			}
			.subMenuWrapper .subMenuWrapper .subMenuWrapper .subMenuWrapper .subMenuWrapper { 
				top:-4px;
				}



/* @ Header - HomeSlideshow
   ==================================================================== */
	
#header .homeSlideshow {
	position:absolute; top:-40px;
	width:960px;
	background:url(images/backgrounds/home_slideshow.png) no-repeat 0 0;
	height:321px;
	}
	#header .homeSlideshow .nivoSlider {
	    position:relative;
	    width:924px;
	    height:275px;
	    background:url(images/loading.gif) no-repeat 50% 50%;
	    margin-left:18px;
	    margin-top:23px;
	}
	#header .homeSlideshow .nivoSlider img {
	    position:absolute;
	    top:0px;
	    left:0px;
	    display:none;
	}
	#header .homeSlideshow .nivoSlider a {
	    border:0;
	    display:block;
	}
	#header .homeSlideshow .nivoSlider .nivo-caption {
		position:absolute;
		top:310px;
		background:none;
		text-shadow:0 1px 0 #000;
		left:-13px;
		}
		
	#header .homeSlideshow .nivo-controlNav {
	    bottom: -57px;
	    right: -10px;
	    margin-left: -40px;
	    position: absolute;
	}
	#header .homeSlideshow .nivo-controlNav a {
	    background: url("images/slideshow_radios.png") no-repeat left bottom;
	    border: 0 none;
	    display: block;
	    float: left;
	    margin: 0 3px;
	    text-indent: -9999px;
	    width: 16px;
	    height: 16px;
		}
		#header .homeSlideshow .nivo-controlNav a.active {
			background-position: left top;
			}
.subMenuWrapper { z-index:100; }
	

/* @ Body 
   ==================================================================== */
	
body {
	background:#f4eef2 url(images/backgrounds/body_texture.png) 0 0;
	}
	
.canvas {
	width:960px;
	margin:0 auto;
	position:relative;
	}	
	
#body .mainColumn {
	width:600px;
	margin-left:10px;
	float:left;
	padding-top:40px;
	padding-right:40px;
	}
	
#body .divider {
	width:100%; height:22px;
	background:url(images/backgrounds/divider.png) repeat-x left top;
	margin-bottom:20px;
	}
	
#body .sideColumn .divider {
	margin-bottom:5px;
	}
	
#body .sideColumn {
	width:260px;
	margin-right:10px;
	float:left;
	background:url(images/backgrounds/sidecolumn_texture.png) repeat-y;
	padding:40px 20px; 
	}
		
		
#body .uniqueColumn { 
	padding:30px 10px;
	}
	
	
	
/* @ Footer
   ==================================================================== */
	
#footer {
	color:#e2e2e2;
	font-size:13px; line-height:16px;
	text-shadow:0 1px 0 #000;
	}
	#footer .darkBar {
		background:#242521;
		height:250px;
		padding-top:25px;
		}
	#footer .colorBar {
		background:#2e8bb5 url(images/backgrounds/footer_colorbar.png) no-repeat center top;;
		height:44px;
		}
	
#footer h3 { text-transform:0 2px 0 #000000; font-weight:normal; }
#footer h3,
#footer a { color:#71afd3;}

#footer .logo {
	width:160px; height:43px;
	display:block;
	background:url(images/logo_small.png) no-repeat 0 0;
	text-indent:-9999px;
	margin-bottom:15px;
	}
	
#footer .column {
	width:270px;
	padding:0 40px 0 0;
	float:left;
	}


/* @ Footer - SocialShare
   ==================================================================== */
   
#footer .socialShare li {
	float:left;
	margin-right:5px;
	}
	#footer .socialShare a {
		width:26px; height:26px;
		display:block;
		background:url(images/social_logos.png) no-repeat 0 top;
		text-indent:-9999px;
		}
		#footer .socialShare a:hover {
			background-position:0 bottom;
			}
	#footer .socialShare a.twitter { background-position:0 top; }
	#footer .socialShare a.facebook { background-position:-26px top; }
	#footer .socialShare a.linkedin { background-position:-52px top; }
	#footer .socialShare a.rss { background-position:-78px top; }
	#footer .socialShare a.flickr { background-position:-104px top; }
	#footer .socialShare a.youtube { background-position:-130px top; }
	#footer .socialShare a.vimeo { background-position:-156px top; }
		
	#footer .socialShare a.twitter:hover { background-position:0 bottom; }
	#footer .socialShare a.facebook:hover { background-position:-26px bottom; }
	#footer .socialShare a.linkedin:hover { background-position:-52px bottom; }
	#footer .socialShare a.rss:hover { background-position:-78px bottom; }
	#footer .socialShare a.flickr:hover { background-position:-104px bottom; }
	#footer .socialShare a.youtube:hover { background-position:-130px bottom; }
	#footer .socialShare a.vimeo:hover { background-position:-156px bottom; }
	


/* @ Footer - Tweets
   ==================================================================== */
   
#footer .tweets {

	}
	#footer .tweets .tweet { margin-bottom:10px; }	
	#footer .tweets .tweet .text { margin-bottom:2px; }
	#footer .tweets .tweet .date { color:#7b7b7b; font-style:italic; }
	#footer .tweets a.user { color:#a1a1a1; }
	#footer .tweets a.hash { color:#a1a1a1; }	
	
	
	
/* @ Footer - Contacts
   ==================================================================== */
   
#footer .contacts {

	}
	#footer .contacts li { 
		margin-bottom:10px; 
		background:url(images/contacts_icons.png) no-repeat 0 0;
		padding-left:25px;
		}
		#footer .contacts li.address { background-position:0 0; }
		#footer .contacts li.gps	 { background-position:-400px 0; }
		#footer .contacts li.phones	 { background-position:-800px 0; }
		#footer .contacts li.mails	 { background-position:-1200px 4px; }
		#footer .contacts li.mails a { display:block; }
	#footer .contacts label { color:#a1a1a1; }




/* @ Footer - Menu & Copyrights
   ==================================================================== */

#footer .menu {
	position:absolute; left:0px; top:16px;
	}
	#footer .menu li { 
		float:left; 
		margin-right:35px; 
		}
	#footer .menu a {
		font-size:16px;
		color:#000;
		text-shadow:0 1px 0 #a9a9a9;
		}
		#footer .menu a.current,
		#footer .menu a:hover { color:#FFF; text-decoration:none; text-shadow:0 1px 0 #000; }
		
#footer .copyrights {
	position:absolute; right:10px; top:17px;
	color:#000;
	text-shadow:0 1px 0 #a9a9a9;
	}

	

/* @ Page Elements
   ==================================================================== */
	
#body .content {
	margin-bottom:20px;
	}
	#body .content cite { line-height:15px;}
	#body .content img {
	padding:1px;
		}
	#body img.floated {
	float:left;
	margin-right:25px;
	margin-bottom:2px;
	background: #FFF;
	border: Solid 1px #bbbbbb;
	padding: 1px;
		}
		#body img.floatedLeft {
	float:left;
	margin-right:25px;
	margin-bottom:2px;
	background: #FFF;
	border: solid 1px #bbbbbb;
	padding: 1px;
			}
		#body img.floatedRight {
			float:right; margin-left:25px; margin-bottom:2px;
			}






	#body img.floatedLeft_nbg {
	float:none;
	margin-right:2px;
	margin-bottom:2px;
	background: #FFF;
	border: solid 1px #bbbbbb;
	padding: 1px;
}
#body img.floated_nb {
	padding:1px;
}
			
/* layout */
#body .content .twoThirds {
	width:400px;
	float:left;
	margin-right:10px;
	}
	
#body .content .oneFourth { float:left; width:131px; margin-right:25px; }
#body .content .oneFourth_last { float:left; width:131px; margin-right:0; }

#body .content .threeFourth { float:left; width:444px; margin-right:25px; }
#body .content .threeFourth_last { float:left; width:444px; margin-right:0; }
	
#body .content .oneThird { float:left; width:183px; margin-right:25px; }
#body .content .oneThird_last { float:left; width:183px; margin-right:0; }

#body .content .twoThird { float:left; width:392px; margin-right:25px; }
#body .content .twohird_last { float:left; width:392px; margin-right:0; }
	
#body .content .oneHalf { float:left; width:287px; margin-right:25px; }
#body .content .oneHalf_last { float:left; width:287px; margin-right:0px; }
	
			
/* blockquotes */
#body .content blockquote {
	padding-left:40px; margin:35px 25px;
	font-style:italic;
	background:url(images/blockquote.png) no-repeat left top;
	}
		

/* lists */	
#body .content li {
	background:url(images/bullet.png) no-repeat left 2px;
	padding-left:15px;
	margin-bottom:10px;
	line-height:15px;
	}
	#body .content li.success {
		background:url(images/bullet_success.png) no-repeat left 2px;
		padding-left:17px;
		}
	#body .content li.error {
		background:url(images/bullet_error.png) no-repeat left 3px;
		padding-left:15px; 
		}
			
/* text highlights */
#body .content .highlightRed { 
	background-color:#d13939;
	color:#FFF; text-shadow:0 1px #000;
	padding:0 3px; padding-top:2px;
	}
#body .content .highlightGreen { 
	background-color:#84ab40;
	color:#FFF; text-shadow:0 1px #000;
	padding:0 3px; padding-top:2px;
	}
#body .content .highlightBlue { 
	background-color:#1282b0;
	color:#FFF; text-shadow:0 1px #000;
	padding:0 3px; padding-top:2px;
	}
#body .content .highlightOrange { 
	background-color:#d7942b;
	color:#FFF; text-shadow:0 1px #000;
	padding:0 3px; padding-top:2px;
	}
#body .content .highlightPink { 
	background-color:#b129a6;
	color:#FFF; text-shadow:0 1px #000;
	padding:0 3px; padding-top:2px;
	}
#body .content .highlightGray { 
	background-color:#a3a3a3;
	color:#FFF; text-shadow:0 1px #000;
	padding:0 3px; padding-top:2px;
	}
		
/* dropcaps */		
#body .content .dropcap { 
	float:left;
	font-size:40px;
	margin:13px 6px 1px 0;
	}
#body .content .dropcap2 { 
	background-color: #545659;
    border-radius:30px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 27px;
    height: 22px;
    margin: 5px 10px 0 0;
    padding: 13px 10px 13px 12px;
    text-align: center;
    text-shadow:1px 1px 0px #000;
    line-height:22px;
    vertical-align: bottom;
    width: 25px;
	}
#body .content .dropcap3 { 
	background-color: #545659;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 27px;
    height: 21px;
    margin: 5px 10px 0 0;
    padding: 13px 10px 13px 12px;
    text-align: center;
    text-shadow:1px 1px 0px #000;
    vertical-align: bottom;
    line-height:25px;
    width: 25px;
	} 
		
/* tables */
#body .content table {
	width:100%;
	border:solid 1px #d3d3d3;
	}
	#body .content table td {
		padding:5px 10px;
		}
	#body .content table thead td {
		background-color:#6baccb;
		color:#000; text-shadow:none;
		border-top:solid 1px #6baccb; border-left:solid 1px #6baccb; border-right:solid 1px #6baccb;
		}
	#body .content table tbody td.alt {
		background:#e3e3e3;
		}
		
		
/* @ News
   ==================================================================== */

/* Calendar */
.latestNews .item .calendar,
.newsList .item .calendar,
.newsDetails .item .calendar {
	float:left;
	width:49px; height:49px;
	margin-right:10px;
	background:url(images/calendar_icon.png) no-repeat 0 0;
	position:relative;
	text-align:center;
	}
	.latestNews .item .calendar .month,
	.newsList .item .calendar .month,
	.newsDetails .item .calendar .month {
		font-family:Verdana; font-size:10px; color:#FFF; text-shadow:0 1px 0 #000; line-height:18px;
		display:block;
		margin-top:1px; padding-left:1px;
		}
	.latestNews .item .calendar .day,
	.newsList .item .calendar .day,
	.newsDetails .item .calendar .day {
		font-size:22px; color:#5c5c5c; text-shadow:0 1px 0 #FFF; line-height:19px;
		display:block;
		margin-top:2px; padding-left:1px;
		}

/* Latest News */
.latestNews .item {
	}
	.latestNews .item .details {
		float:left;
		width:201px;
		}
		.latestNews .item .details .title {
			display:block;
		    font-size:16px; font-weight:normal;
		    margin-bottom:3px;
			}
		.latestNews .item .details p {
			margin-bottom:0;
			line-height:18px;
			}
			

	
/* News List */
.newsList {

	}
	.newsList h3 {
		margin-bottom:7px;
		}
	.newsList p {
		margin-bottom:5px;
		text-align:justify;
		}
	.newsList .photo {
		float:left;
		margin-right:15px; margin-bottom:5px;
		}		
		.newsList .photo img { 
			width:420px; height:175px;
			background:#FFF; padding:1px;
			border:solid 1px #bbbbbb;
			}
	.newsList .metaData {
		float:left;
		width:160px;
		font-size:13px; line-height:15px;
		}
		.newsList .metaData div {
			margin-bottom:3px;
			margin-left:6px;
			}
		.newsList .metaData .calendar {
			float:none;
			margin-bottom:17px; margin-left:0px;
			}
		.newsList .metaData label {
			color:#ababab;
			padding-right:3px;
			}
		.newsList .metaData .comments {
			background:url(images/comment_icon.png) no-repeat 0 2px;
			padding-left:15px;
			margin-top:20px;
			}
	.newsList .excerpt {
		clear:both;
		}
		
		
/* News Details */
.newsDetails {

	}
	.newsDetails h3 {
		margin-bottom:7px;
		}
	.newsDetails p {
		margin-bottom:5px;
		}
	.newsDetails .photo {
		float:left;
		margin-right:15px; margin-bottom:5px;
		}		
		.newsDetails .photo img { 
			width:420px; height:175px;
			background:#FFF; padding:1px;
			border:solid 1px #bbbbbb;
			}
	.newsDetails .metaData {
		float:left;
		width:160px;
		font-size:13px; line-height:15px;
		}
		.newsDetails .metaData div {
			margin-bottom:3px;
			margin-left:6px;
			}
		.newsDetails .metaData .calendar {
			float:none;
			margin-bottom:17px; margin-left:0px;
			}
		.newsDetails .metaData label {
			color:#ababab;
			padding-right:3px;
			}
		.newsDetails .metaData .comments {
			background:url(images/comment_icon.png) no-repeat 0 2px;
			padding-left:15px;
			margin-top:20px;
			}
	.newsDetails .body {
		clear:both;
		line-height:22px;
		padding-top:15px;
		}
		.newsDetails .body p {
			margin-bottom:15px;
			}
		.newsDetails .body h3 {
			margin-top:30px;
			}
		.newsDetails .body img {
			background:#FFF; padding:1px;
			border:solid 1px #bbbbbb;
			}

	.newsDetails .author {
		background:url(images/backgrounds/sidecolumn_texture.png) repeat scroll 0 0 transparent;
		padding:20px; 
		font-size:13px; line-height:16px;
		margin-bottom:30px;
		}
		.newsDetails .author h3 {
			margin-bottom:15px;
			}
		.newsDetails .author .avatar {
			width:76px; height:81px;
			background:url(images/avatar_big.png) no-repeat 0 0;
			display:block;
			float:left;
			margin-right:10px;
			}
			.newsDetails .author .avatar img {
			    width:72px; height:77px;
			    margin-left:2px; margin-top:2px;
				}
		.newsDetails .author .info h5 {
			margin-bottom:5px;
			font-size:14px;
			}
		
	.newsDetails .comments {
		}	
		.newsDetails .comments h3 {
			margin-bottom:15px;
			}
		.newsDetails .comments .item {
			margin-bottom:10px;
			background:url(images/backgrounds/divider_pattern.png) repeat-x left top;
			padding-top:19px;
			}
			.newsDetails .comments .level2 { margin-left:46px; }
			
		.newsDetails .comments .item .avatar {
			width:38px; height:35px;
			background:url(images/avatar.png) no-repeat 0 0;
			float:left;
			margin-right:10px;
			}
		.newsDetails .comments .item .info {
			float:left;
			width:552px;
			position:relative;
			}
			.newsDetails .comments .reply { position:absolute; top:0; right:0; font-size:12px; }
			.newsDetails .comments .commentAuthor {}
			.newsDetails .comments .commentDate { font-size:11px; font-style:italic; color:#9c9b9b; line-height:11px; margin-bottom:5px; }

		.newsDetails .comments .level2 { margin-left:46px; }
		.newsDetails .comments .level2 .info { width:506px; }
		
		.newsDetails .comments .level3 { margin-left:92px; }
		.newsDetails .comments .level3 .info { width:460px; }
		

	.newsDetails .leaveComment {
		background:url(images/backgrounds/sidecolumn_texture.png) repeat scroll 0 0 transparent;
		padding:20px; 
		margin-bottom:30px; margin-top:20px;
		}
		
		.newsDetails .leaveComment .commentText { float:left; margin-right:18px; }
		.newsDetails .leaveComment .commentDetails { float:left; }
		.newsDetails .leaveComment .commentDetails p { margin-bottom:10px; }
		.newsDetails .leaveComment .commentDetails a.submit { margin-top:10px; display:block; font-weight:bold; }

	
	
/* @ Portfolio
   ==================================================================== */
     
.portfolio {
	margin-top:20px;
	}
	
.portfolio .noMargin { margin:0 !important; }

.portfolio .item {
	width:280px;
	float:left;
	margin-right:50px; margin-bottom:40px !important;
	}
.portfolio .item h3 {
	margin-bottom:2px;
	font-size:16px;
	}
.portfolio .photo {
	width:280px; height:233px;
	padding:10px 0 0 10px;
	width:270px; height:223px;
	background:url(images/backgrounds/portfolio_3columns_photo.png) no-repeat 0 0;
	}
	.portfolio .photo a {
		width:260px; height:195px;
		display:block;
		}
	.portfolio .photo img {
		width:260px; height:195px;
		border:none !important; background:transparent !important; padding:0 !important;
		}
.portfolio .label a {
	display:block;
	font-weight:normal;
	font-size:13px;
	}
   

/* 3 columns */
.portfolio_3columns .item { width:280px; }
.portfolio_3columns .photo { width:270px; height:223px; background:url(images/backgrounds/portfolio_3columns_photo.png) no-repeat 0 0; }
.portfolio_3columns .photo a, .portfolio_3columns .photo img { width:260px; height:195px; }

/* 2 columns */
.portfolio_2columns .item { width:446px; margin-right:48px; }
.portfolio_2columns .photo { width:436px; height:282px; background:url(images/backgrounds/portfolio_2columns_photo.png) no-repeat 0 0; }
.portfolio_2columns .photo a, .portfolio_2columns .photo img { width:426px; height:250px; }

/* 1 columns */
.portfolio_1columns .item { width:100%; float:none; }
.portfolio_1columns .photo { width:630px; height:320px; background:url(images/backgrounds/portfolio_1column_photo.png) no-repeat 0 0;  }
.portfolio_1columns .photo a, .portfolio_1columns .photo img { width:620px; height:290px; }
.portfolio_1columns .photo { float:left; width:640px; margin-right:20px; }
.portfolio_1columns .label { float:left; width:270px; }


/* @ Feedback Pages
   ==================================================================== */
   
.feedbackPage {
	background:url("images/backgrounds/sidecolumn_texture.png") repeat scroll 0 0 transparent;
	padding:70px 0;
	margin:50px 0;
	}
	.feedbackPage .canvas { 
		width:550px; 
		margin:0 auto;
		}
	.feedbackPage .errorCode {
		font-size:100px; font-weight:bold; font-family: Arial;
		line-height:100px;
		color:#2E8CB5;
		padding-right:20px;
		float:left;
		width:160px;
		}
	.feedbackPage .errorMessage { 
		float:left;
		width:330px;
		}
	.feedbackPage h1 { 
		padding-top:10px;
		}


/* @ Twitter Feed Page
   ==================================================================== */
   
.tweetsList .tweet { margin-bottom:5px; background:url(images/backgrounds/divider.png) repeat-x left bottom; padding-bottom:25px; }	
.tweetsList .tweet .text { margin-bottom:0px; }
.tweetsList .tweet .date { color:#7b7b7b; font-style:italic; font-size:11px; }
.tweetsList a.user { color:#a1a1a1; }
.tweetsList a.hash { color:#a1a1a1; }	



/* @ Contacts
   ==================================================================== */
   
.contactsTable { width:100%; line-height:16px; }
.contactsTable td { padding-bottom:15px; }
.contactsTable label { color:#ABABAB; margin-bottom:2px; display:block; }

.contactsTable { border:none !important; }
.contactsTable td { padding-left:0 !important; padding-bottom:20px !important; }
.contactsTable .alt { background:none !important; }

#map { border:solid 1px #c7c7c7; background:#f3f3f3; padding:8px 0 0 8px; }


.contacts {
	position:relative;
	}
	
	.contacts .commentText { float:left; margin-right:18px; }
	.contacts .commentDetails { float:left; }
	.contacts .commentDetails p { margin-bottom:10px; position:relative; }
	.contacts .commentDetails a.submit { margin-top:10px; display:block; font-weight:bold; }
	
	
.contacts .feedback {
	background:url(images/bullet_error.png) no-repeat scroll left 3px transparent;
	width:16px; height:16px; display:block;
	position:absolute; right:-20px; top:3px;
	display:none;
	}
	
.contacts .loader { 
	width:16px; height:16px;
	background:url(images/loader.gif) no-repeat 0 0;
	position:absolute; top:66px;
	display:none;
	}
	
.contacts .successFeedback {
	position:absolute; top:66px;
	display:none;
	}
.contacts .errorFeedback,
.contacts .fieldsFeedback { display:none; }
	

		
/* @ Carousel 
   ==================================================================== */
	
.carousel {
	width:610px;
	overflow:hidden;
	}
.carousel .items {
	width:630px;
	}
.carousel .item {
	width:180px;
	float:left;
	margin-right:30px;
	}
.carousel .photo {
	width:180px; height:150px;
	padding:7px 0 0 7px;
	width:173px; height:143px;
	background:url(images/backgrounds/carousel_photo.png) no-repeat 0 0;
	}
	.carousel .photo a {
		width:166px; height:121px;
		display:block;
		}
	.carousel .photo img {
		width:166px; height:121px;
		border:none !important; background:transparent !important; padding:0 !important;
		}
.carousel .label a {
	display:block;
	font-weight:normal;
	font-size:15px;
	margin-bottom:3px;
	}
.carousel .label .description {
	font-size:13px;
	line-height:15px;
	display:block;
	}
	
	
	
/* @ Search Box
   ==================================================================== */
   
fieldset.search {
	width:258px; height:26px;
	background:url(images/search_box.png) no-repeat 0 0;
	position:relative;
	}
	fieldset.search input {
		width:210px; height:25px;
		border:none; background:transparent; color:#8b8b8b; font-style:italic;
		margin-left:10px;
		}
	fieldset.search a.searchButton {
		background:url(images/search_box.png) no-repeat -227px top;
		width:31px; height:26px; display:block;
		text-indent:-9999px;
		position:absolute; top:0; right:0;
		}
		fieldset.search a.searchButton:hover { 
			background-position:-227px bottom;
			}


/* @ Video Player
   ==================================================================== */
   
.videoPlayer {
	width:261px; height:180px;
	background:url(images/backgrounds/video.png) no-repeat 0 0;
	}
	.videoPlayer img {
		margin:8px 0 0 8px;
		width:245px; height:147px;
		border:none !important; background:transparent !important; padding:0 !important;
		}


/* @ Fieldset
   ==================================================================== */
   
fieldset p.textarea {
	width:361px; height:140px;
	background:url(images/fieldset.png) no-repeat 0 0;
	}
	fieldset p.textarea textarea {
		background:transparent;
		border:none;
		width:345px;
		height:124px;
		margin:8px 0 0 8px;
		}
		
fieldset p.textbox {
	width:182px; height:19px;
	background:url(images/fieldset.png) no-repeat -361px 0;
	}
	fieldset p.textbox input {
		background:transparent;
		border:none;
		width:165px;
		margin-left:8px; margin-top:2px;
		}
		
fieldset .toggleval {
	color:#aaaaaa;
	font-style:italic;
	}
fieldset .tv-focused, 
fieldset .tv-changed { 
	color:#767679 !important;
	font-style:normal !important;
	}
	
	
/* @ Pricing Tables
   ==================================================================== */

.indexedPricingTable { width:100% !important; }
.noIndexedPricingTable { width:auto !important; }

.pricingTable { border:none !important; }
.pricingTable td { background:none !important; border:none !important; color:inherit !important; text-shadow:inherit !important; padding:0 !important; }

/* thead */
.pricingTable thead td {
	height:160px;
	text-align:center;
	border-left:solid 1px #f0eff0 !important;
	vertical-align:top;
	color:#FFF !important; text-shadow:1px 1px 0 #386919 !important;
	}
	.pricingTable thead td .title {
		color:#FFF; text-shadow:0 1px 0 #000;
		padding-top:3px;
		font-size:14px;
		}
	.pricingTable thead td .price {
		height:50px; line-height:50px;
		margin-top:20px;
		font-size:50px; font-weight:bold; font-family:Arial; text-shadow:2px 2px 0 #626262;
		}
		.pricingTable thead td .price cite { font-size:20px; margin-right:2px; }
	.pricingTable thead td .period {
		font-size:10px; font-style:italic; 
		position:relative; top:-7px;
		}
	
	.pricingTable thead td.low 		{ width:119px; background:#e1f6ff url(images/pricingtable.png) no-repeat 0 0 !important; }
	.pricingTable thead td.medium 	{ width:119px; background:#d3ebf5 url(images/pricingtable.png) no-repeat -119px 0 !important; }
	.pricingTable thead td.high 	{ width:119px; background:#c0e1ef url(images/pricingtable.png) no-repeat -238px 0 !important; }
	
/* tbody */

.pricingTable td .ok { 
	display:block; 
	background:url(images/icon_ok.png) no-repeat center center; 
	text-indent:-9999px;
	}

.pricingTable tbody td	{ 
	text-align:center; font-size:14px;
	border-left:solid 1px #f0eff0 !important; 
	padding-top:5px !important; padding-bottom:2px !important; }

.pricingTable tbody td.index 		{ background:#f5f5f5 !important; }
.pricingTable tbody .alt td.index 	{ background:#e6e6e6 !important; }

.pricingTable tbody td.low 			{ background:#e1f6ff !important; }
.pricingTable tbody .alt td.low 	{ background:#d3ebf5 !important; }

.pricingTable tbody td.medium 		{ background:#d3ebf5 !important; }
.pricingTable tbody .alt td.medium 	{ background:#c0e1ef !important; }

.pricingTable tbody td.high 		{ background:#c0e1ef !important; }
.pricingTable tbody .alt td.high 	{ background:#aad4e6 !important; }


/* tfoot */

.pricingTable tfoot td {
	background:#E6E6E6 !important;
	padding:10px 0 !important;
	text-align:center;
	border-left:solid 1px #f0eff0 !important; 
	border-top:solid 2px #FFF !important; 
	}
	.pricingTable tfoot td a.button { margin:0 !important; }



/* @ Buttons
   ==================================================================== */

a.button:hover { text-decoration:none; } 


/* general */

a.button { 
	background:url(images/buttons/general.png) no-repeat left 0;
	display:inline-block;
	height:32px; line-height:33px;
	padding-left:24px;
	color:#325f70; text-shadow:0 1px 0 #c3e3f2;
	margin-right:10px; margin-bottom:10px;
	}
	a.button span {
		background:url(images/buttons/general.png) no-repeat right -32px;
		display:block;
		height:32px;
		padding-right:24px;
		}
	a.button:hover span { background-position:right -96px; } 
	a.button:hover { background-position:left -64px; }
	
	a.button:active { background-position:left -128px; }
	a.button:active span { background-position:right -160px; }


/* confirm */

a.button.confirm { background:url(images/buttons/confirm.png) no-repeat left 0; padding-left:51px; }
	a.button.confirm span { background:url(images/buttons/confirm.png) no-repeat right -32px;}
	
a.button.confirm:hover { background-position:left -64px; }
	a.button.confirm:hover span { background-position:right -96px; } 
	
a.button.confirm:active { background-position:left -128px; }
	a.button.confirm:active span { background-position:right -160px; }
	
	
/* cancel */

a.button.cancel { background:url(images/buttons/cancel.png) no-repeat left 0; padding-left:51px; }
	a.button.cancel span { background:url(images/buttons/cancel.png) no-repeat right -32px;}
	
a.button.cancel:hover { background-position:left -64px; }
	a.button.cancel:hover span { background-position:right -96px; } 
	
a.button.cancel:active { background-position:left -128px; }
	a.button.cancel:active span { background-position:right -160px; }
	
	
/* send */

a.button.send { background:url(images/buttons/send.png) no-repeat left 0; padding-left:51px; }
	a.button.send span { background:url(images/buttons/send.png) no-repeat right -32px;}
	
a.button.send:hover { background-position:left -64px; }
	a.button.send:hover span { background-position:right -96px; } 
	
a.button.send:active { background-position:left -128px; }
	a.button.send:active span { background-position:right -160px; }
	
	
/* continue */

a.button.continue { background:url(images/buttons/continue.png) no-repeat left 0; padding-left:51px; }
	a.button.continue span { background:url(images/buttons/continue.png) no-repeat right -32px;}
	
a.button.continue:hover { background-position:left -64px; }
	a.button.continue:hover span { background-position:right -96px; } 
	
a.button.continue:active { background-position:left -128px; }
	a.button.continue:active span { background-position:right -160px; }
	
		
/* back */

a.button.back { background:url(images/buttons/back.png) no-repeat left 0; padding-left:51px; }
	a.button.back span { background:url(images/buttons/back.png) no-repeat right -32px;}
	
a.button.back:hover { background-position:left -64px; }
	a.button.back:hover span { background-position:right -96px; } 
	
a.button.back:active { background-position:left -128px; }
	a.button.back:active span { background-position:right -160px; }
	
	
/* share */

a.button.share { background:url(images/buttons/share.png) no-repeat left 0; padding-left:51px; }
	a.button.share span { background:url(images/buttons/share.png) no-repeat right -32px;}
	
a.button.share:hover { background-position:left -64px; }
	a.button.share:hover span { background-position:right -96px; } 
	
a.button.share:active { background-position:left -128px; }
	a.button.share:active span { background-position:right -160px; }
	
	
/* favorite */

a.button.favorite { background:url(images/buttons/favorite.png) no-repeat left 0; padding-left:51px; }
	a.button.favorite span { background:url(images/buttons/favorite.png) no-repeat right -32px;}
	
a.button.favorite:hover { background-position:left -64px; }
	a.button.favorite:hover span { background-position:right -96px; } 
	
a.button.favorite:active { background-position:left -128px; }
	a.button.favorite:active span { background-position:right -160px; }
	
	
/* info */

a.button.info { background:url(images/buttons/info.png) no-repeat left 0; padding-left:51px; }
	a.button.info span { background:url(images/buttons/info.png) no-repeat right -32px;}
	
a.button.info:hover { background-position:left -64px; }
	a.button.info:hover span { background-position:right -96px; } 
	
a.button.info:active { background-position:left -128px; }
	a.button.info:active span { background-position:right -160px; }
	

/* settings */

a.button.settings { background:url(images/buttons/settings.png) no-repeat left 0; padding-left:51px; }
	a.button.settings span { background:url(images/buttons/settings.png) no-repeat right -32px;}
	
a.button.settings:hover { background-position:left -64px; }
	a.button.settings:hover span { background-position:right -96px; } 
	
a.button.settings:active { background-position:left -128px; }
	a.button.settings:active span { background-position:right -160px; }
	

/* search */

a.button.search { background:url(images/buttons/search.png) no-repeat left 0; padding-left:51px; }
	a.button.search span { background:url(images/buttons/search.png) no-repeat right -32px;}
	
a.button.search:hover { background-position:left -64px; }
	a.button.search:hover span { background-position:right -96px; } 
	
a.button.search:active { background-position:left -128px; }
	a.button.search:active span { background-position:right -160px; }



/* @ Icon Buttons
   ==================================================================== */
   
.iconButton { 
	background:url(images/buttons/icons.png) no-repeat 0 0;
	display:inline-table;
	width:45px; height:32px;
	text-indent:-99999px;
	margin-right:10px; margin-bottom:10px;
	}
	.iconButton:hover { background-position: 0 -32px; }
	.iconButton:active { background-position: 0 -64px; }


/* download */

.iconButton.download 			{ background-position:0 0; }
.iconButton.download:hover 		{ background-position:0 -32px; }
.iconButton.download:active 	{ background-position:0 -64px; }
	
	
/* continue */	

.iconButton.continue 			{ background-position:-45px 0; }
.iconButton.continue:hover 		{ background-position:-45px -32px; }
.iconButton.continue:active 	{ background-position:-45px -64px; }


/* back */	

.iconButton.back 			{ background-position:-90px 0; }
.iconButton.back:hover 		{ background-position:-90px -32px; }
.iconButton.back:active 	{ background-position:-90px -64px; }


/* share */	

.iconButton.share 			{ background-position:-135px 0; }
.iconButton.share:hover 	{ background-position:-135px -32px; }
.iconButton.share:active 	{ background-position:-135px -64px; }


/* favorite */	

.iconButton.favorite 			{ background-position:-180px 0; }
.iconButton.favorite:hover 		{ background-position:-180px -32px; }
.iconButton.favorite:active 	{ background-position:-180px -64px; }


/* confirm */	

.iconButton.confirm 			{ background-position:-225px 0; }
.iconButton.confirm:hover 		{ background-position:-225px -32px; }
.iconButton.confirm:active 		{ background-position:-225px -64px; }


/* cancel */	

.iconButton.cancel 				{ background-position:-270px 0; }
.iconButton.cancel:hover 		{ background-position:-270px -32px; }
.iconButton.cancel:active 		{ background-position:-270px -64px; }


/* info */	

.iconButton.info 				{ background-position:-315px 0; }
.iconButton.info:hover 			{ background-position:-315px -32px; }
.iconButton.info:active 		{ background-position:-315px -64px; }


/* settings */	

.iconButton.settings 			{ background-position:-360px 0; }
.iconButton.settings:hover 		{ background-position:-360px -32px; }
.iconButton.settings:active 	{ background-position:-360px -64px; }


/* search */	

.iconButton.search 				{ background-position:-405px 0; }
.iconButton.search:hover 		{ background-position:-405px -32px; }

.iconButton.search:active 		{ background-position:-405px -64px; }


/* @ Pager
   ==================================================================== */
   
.pager a {
	background:url(images/buttons/pager.png) left 0;
	display:inline-table;
	height:24px;
	padding-left:8px;
	margin-right:2px;
	font-size:14px; color:#5c5c5c;
	}
	.pager a span {
		background:url(images/buttons/pager.png) right -24px;
		height:24px; line-height:24px;
		display:block;
		padding-right:8px;
		}
	
.pager a:hover,
.pager a.current {
	background-position:left -48px;
	text-decoration:none;
	color:#FFF; text-shadow:0 1px 0 #000;
	}
	.pager a:hover span,
	.pager a.current span {
		background-position:right -72px;
		}

.pager .next { margin-left:15px; }
.pager .prev { margin-right:15px; }