/* 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, 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; }

.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_2d2816fe.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:#000000;
	text-align:justify;

	

	}



textarea, 

input {

	font-family: QlassikMediumRegular;

	font-size:13px;

	line-height:14px;

	color:#767679;

	}

	

a 		{ text-decoration:none; color:#01415f; font-family:Verdana; font-size:12px; }

a:hover	{ text-decoration:none; }





h1, h2, h3, h4, h5, h6 { 

	color:#01415f;

	font-style:normal;

	font-weight: normal;

	margin-bottom:12px;

	top:0;

	}



h1 { font-size:28px; }

h2 { font-size:22px; }	

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 {

	height:123px;

	background-color: #FFFFFF;

	}

#header .colorBar {

background-color:#014261;

	height:160px;

	}

	#header h1 {

		font-size:28px; font-weight:normal; color:#000; 

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

		}

	#header h6 {

		font-size:14px; font-weight:normal; font-style:italic; color:#000; 

		padding:0 10px;

		}

	

#header .logo {

	width:190px;

	height:95px;

	display:block;

	text-indent:-9999px;

	position:absolute;

	top:0px;

	left:0px;

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

	background-repeat: no-repeat;

	background-position: 0 0;

	}

	

/* homepage header */

.homepage #header .darkBar {

	background:#FFF;

	height:110px;

	}

.homepage #header .colorBar {

	background-color:#014261;

	height:280px;

	}

		

		



/* @ Header - Menu

   ==================================================================== */		



#header .menu {

margin-top:8px;

	}

	#header .menu li { 

		float:left; 

		margin-left:30px; 

		position:relative;

		}

	#header .menu a {

	font-size:14px;

	color:#FFFFFF;		

		}

		#header .menu a.current,

		#header .menu a:hover {

	color:#FFFFFF;

	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:static;

	left:-9999px;

	}		

	#header .menu ul li {  

		float:none; 

		margin:0;

		padding:0 1px;

		position:relative;

		}	

		#header .menu ul a {

			font-size:12px;
			color:#3d4137;
			line-height:26px;
			display:block;
			padding:0px 10px;
			padding-top:1px;
			background:#d9d9d9;
			margin:1px 0;
			text-align:left;

			}

			#header .menu ul a.current,

			#header .menu ul a:hover {

				background:#01415f;

				color:#f4f4f4;

				

				}

				

				

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

	}

	#header .homeSlideshow .photos {

		width:924px; height:275px;

		margin-top:23px;

		margin-left:18px;

		margin-bottom:20px;

		overflow: hidden;

		}

		#header .homeSlideshow .photos img {

			width:924px; height:275px;

			float:left;

			}



	#header .homeSlideshow .labels {

		color:#f3f6e8;

		font-size:14px;

		

		margin-left:10px;

		position:absolute; bottom:-40px;

		}

	#header .homeSlideshow .pager {

		position:absolute; bottom:-38px; right:10px;

		}

		#header .homeSlideshow .pager a {

			width:16px !important; height:16px;

			display:block;

			float:left;

			background:url(./images/slideshow_radios.png) no-repeat left bottom;

			text-indent:-9999px;

			font-size:10px;

			line-height:10px;

			}

			#header .homeSlideshow .pager a.current {

				background-position:left top;

				}

	



/* @ Body 

   ==================================================================== */

	

body {

	

	}

	

.canvas {

	width:960px;

	margin:0 auto;

	position:relative;

	}	

	

#body .mainColumn {

	width:620px;

	margin-left:10px;

	float:left;

	padding-top:40px;

	padding-right:20px;

	}

	#body .mainpro {

	width:630px;

	margin-left:10px;

	float:left;

	padding-top:40px;

	padding-right:10px;

	}

	

#body .divider {

	width:100%;

	height:15px;

	margin-bottom:10px;

	}

	

#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;

	font-family:"Trebuchet MS";

	

	}

	#footer .darkBar {

	background:#434746;

	height:165px;

	padding-top:15px;

		}

	#footer .colorBar {

	background-color:#557392;

		height:44px;

		}

	

#footer h3 { text-transform:0 2px 0 #000000; font-weight:normal; }

#footer h3,

#footer a {

	color:#FFFFFF;

}



#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;

	line-height:18px;

	font-size:14px;

	color:#FFFFFF;

	}



Social share

#social {

	color:#e2e2e2;

	font-size:13px; line-height:16px;

	float:right;

	

	}

#social .socialShare li {

	float:right;

	margin-right:5px;

	margin-top:10px;

	}

	#social .socialShare a {

		width:26px; height:26px;

		display:block;

		background:url(./images/social_logos.png) no-repeat 0 top;

		text-indent:-9999px;

		}

		#social .socialShare a:hover {

			background-position:0 bottom;

			}

	#social .socialShare a.twitter { background-position:0 top; }

	#social .socialShare a.facebook { background-position:-26px top; }

	#social .socialShare a.linkedin { background-position:-52px top; }

	#social .socialShare a.rss { background-position:-78px top; }

	#social .socialShare a.flickr { background-position:-104px top; }

	#social .socialShare a.youtube { background-position:-130px top; }

	#social .socialShare a.vimeo { background-position:-156px top; }

	

	#social .socialShare a.twitter:hover { background-position:0 bottom; }

	#social .socialShare a.facebook:hover { background-position:-26px bottom; }

	#social .socialShare a.linkedin:hover { background-position:-52px bottom; }

	#social .socialShare a.rss:hover { background-position:-78px bottom; }

	#social .socialShare a.flickr:hover { background-position:-104px bottom; }

	#social .socialShare a.youtube:hover { background-position:-130px bottom; }

	#social .socialShare a.vimeo:hover { background-position:-156px bottom; }

socialshare



/* @ 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:#FFFFFF;

}









/* @ Footer - Menu & Copyrights

   ==================================================================== */



#footer .menu {

	position:absolute; left:0px; top:16px;

	}

	#footer .menu li { 

		float:left; 

		margin-right:14px; 

		}

	#footer .menu a {

	font-size:14px;

	color:#CCCCCC;

	

		}

		#footer .menu a.current,

		#footer .menu a:hover { color:#FFF; text-decoration:none; }

		

#footer .copyrights {

	position:absolute;

	top:17px;

	color:#FFFFFF;

	font-size: 12px;

	font-family: Verdana;

	

	}



	



/* @ Page Elements

   ==================================================================== */

	

#body .content {

	margin-bottom:10px;

	line-height:25px;

	height: auto;

	float: left;
	width:100%;

	}

	#body .content cite { line-height:15px;}

	#body .content img {
		}

	#body img.floated {
		float:left; margin-right:25px; margin-bottom:2px;
		}

		#body img.floatedLeft {

			float:left; margin-right:25px; margin-bottom:2px;

			}

		#body img.floatedRight {
			float:right; margin-left:25px; margin-bottom:2px;
			}		

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

	padding-left:15px;

	margin-bottom:22px;

	line-height:15px;

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

	background-repeat: no-repeat;

	background-position: left center;

	}

	#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; 

	padding:0 3px; padding-top:2px;

	}

#body .content .highlightGreen { 

	background-color:#84ab40;

	color:#FFF; 

	padding:0 3px; padding-top:2px;

	}

#body .content .highlightBlue { 

	background-color:#1282b0;

	color:#FFF; 

	padding:0 3px; padding-top:2px;

	}

#body .content .highlightOrange { 

	background-color:#d7942b;

	color:#FFF; 

	padding:0 3px; padding-top:2px;

	}

#body .content .highlightPink { 

	background-color:#b129a6;

	color:#FFF; 

	padding:0 3px; padding-top:2px;

	}

#body .content .highlightGray { 

	background-color:#a3a3a3;

	color:#FFF; 

	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;

    

    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;

    

    vertical-align: bottom;

    line-height:25px;

    width: 25px;

	} 

		


/* @ 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; 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; 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:#D38929;

		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 {

	}

	

	.contacts .commentText { float:left; margin-right:18px; }

	.contacts .commentDetails { float:left; }

	.contacts .commentDetails p { margin-bottom:10px; }

	.contacts .commentDetails a.submit { margin-top:10px; display:block; font-weight:bold; }

	



		

/* @ 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; 

		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; 

		}

		.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:#f1e3e8 url(./images/pricingtable.png) no-repeat 0 0 !important; }

	.pricingTable thead td.medium 	{ width:119px; background:#f0d6d7 url(./images/pricingtable.png) no-repeat -119px 0 !important; }

	.pricingTable thead td.high 	{ width:119px; background:#e6c7c7 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:#f1e3e8 !important; }

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



.pricingTable tbody td.medium 		{ background:#f0d6d7 !important; }

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



.pricingTable tbody td.high 		{ background:#e6c7c7 !important; }

.pricingTable tbody .alt td.high 	{ background:#deb7ba !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:#620808; 

	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 { background-position:left -64px; }

	a.button:hover span { background-position:right -96px; } 

	

	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; 
	}
	.pager a:hover span,
	.pager a.current span {
		background-position:right -72px;
		}
.pager .next { margin-left:15px; }
.pager .prev { margin-right:15px; }
.main_menu{
background: #016ea2; /* Old browsers */
background: -moz-linear-gradient(top,  #016ea2 0%, #013d59 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#016ea2), color-stop(100%,#013d59)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #016ea2 0%,#013d59 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #016ea2 0%,#013d59 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #016ea2 0%,#013d59 100%); /* IE10+ */
background: linear-gradient(to bottom,  #016ea2 0%,#013d59 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#016ea2', endColorstr='#013d59',GradientType=0 ); /* IE6-9 */
width:770px; float:left; height:40px;
border-radius:5px;
margin-top:10px;
}
.main_pro_box{
	width:200px;
	height:auto;
	float:left;
	margin-left: 10px;
	margin-bottom: 30px;
}
.pro_box{
	width:200px;
	float:left;
	background-color: #CCCCCC;
	height:165px;
}
.pro_ck{
	width:200px;
	float:left;
	height:auto;
	text-align: center;}
.pro_nm{
	width:200px;
	float:left;
	height:auto;text-align: center;}

.pro_nm:hover{
	width:200px;
	float:left;
	height:auto;
	text-align: center;
	color: #000000;
}