/*  
Theme Name: FreshFolio
Version: 1.0
Description: Designed by <a href="http://www.themefuse.com">ThemeFuse</a>
Author: ThemeFuse
Author URI: http://www.themefuse.com
*/

/* 

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. Just copy a style from this file and paste it in 
custom.css and it will override the style in this file.

*/

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

CSS STRUCTURE:

1. GENERAL TYPOGRAPHY
	1.1 Global Reset 
	1.2 Extra fonts
	1.3 General Styles	
	1.4 List Styles
	1.5 Borders & Dividers
	1.6 Headers
	1.7 Tables
	1.8 Images
	1.9 Forms
	1.11 Buttons

2. SITE STRUCTURE
	2.1 Header
	    - Topmenu
	    - header text, title
	2.2 Middle content
	    - home scroll
	    - portfolio scroll
		- about scroll
		- blog scroll
		- blog post detail
	2.3 Project details
	2.4 Top Filter with Scroll
		
3. EXTENDED TYPOGRAPHY
	3.1 Typographic Elements
		- Blockquote
		- Framed boxes
		- Quotes

4. EXTENDED ELEMENTS
	4.1 Contact Form Page
		- Contact Columns
		- Contact Form
	4.2 Comment form

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

/*============================================================================================*/
/* 1. GENERAL TYPOGRAPHY */
/*============================================================================================*/

/*----------------------------------------------*/
/* 1.1 Global Reset */
/*----------------------------------------------*/

body, html  { height: 100%; }
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%;
	vertical-align: baseline;
	
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

/*----------------------------------------------*/
/* 1.2 Extra fonts */
/*----------------------------------------------*/
@font-face {
    font-family: 'FolksBold';
    src: url('css/folks-bold-webfont.eot');
    src: url('css/folks-bold-webfont.eot?iefix') format('eot'),
         url('css/folks-bold-webfont.woff') format('woff'),
         url('css/folks-bold-webfont.ttf') format('truetype'),
         url('css/folks-bold-webfont.svg#webfontgsm3kfAO') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FolksRegular';
    src: url('css/folks-normal-webfont.eot');
    src: url('css/folks-normal-webfont.eot?iefix') format('eot'),
         url('css/folks-normal-webfont.woff') format('woff'),
         url('css/folks-normal-webfont.ttf') format('truetype'),
         url('css/folks-normal-webfont.svg#webfontP9mvqX5a') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CCRedAlertINETRegular';
    src: url('css/cc_red_alert_inet-webfont.eot');
    src: url('css/cc_red_alert_inet-webfont.eot?iefix') format('eot'),
         url('css/cc_red_alert_inet-webfont.woff') format('woff'),
         url('css/cc_red_alert_inet-webfont.ttf') format('truetype'),
         url('css/cc_red_alert_inet-webfont.svg#webfontaAW4FuMP') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*----------------------------------------------*/
/* 1.3 General Styles */
/*----------------------------------------------*/

body {
	background: url(images/body_bg2.jpg) center top;
	font-family:Arial, Helvetica, sans-serif;
	color:#6f6f6f;
	font-size:13px;
	line-height:1.4em;
	min-width:996px}

.bodywrap {
	background: url(images/body_bg.jpg) center top repeat-x;}
	
/* Floating & Alignment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto}
.alignleft {
	float: left}
.alignright {
	float: right}
	
.text-right {
	text-align:right}
.text-left {
	text-align:left}
.text-center {
	text-align:center}

/* Clear Floats */
.clear {
	clear: both}

.clearfix {
	display: inline-block;}

* html .clearfix {
	height: 1%;}

.clearfix {
	display: block;}
	
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;}
	
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;}

a {
	text-decoration:none;
	outline:none;
	color:#626262}

/*----------------------------------------------*/
/* 1.4 List Styles */
/*----------------------------------------------*/
ul{ list-style:disc outside; }
ol{ list-style:decimal outside; }
li{ margin:0;}
ol li{ margin-top:5px; margin-bottom:7px }
ul, ol, dd{ margin-left:25px; }
ul ul, ol ul, ul ol, ol ol{ margin-bottom:0; }

/*----------------------------------------------*/
/* 1.5 Borders & Dividers */
/*----------------------------------------------*/
hr{
	border:0px solid transparent !important;
	background-color:transparent !important;
	height:1px;}

.border {
	border:1px solid #d6d6d6}

.divider_space, .divider, .divider_thin {
	clear:both;
	display:block;
	margin-bottom:20px;
	padding-top:20px;
	width:100%;}

.divider_thin {
	margin-bottom:10px;
	padding-top:10px;}

.divider{
	background:url(images/divider_line.gif) bottom repeat-x;
	padding-top:22px}

.clearboth{
	clear:both;
	display:block;
	font-size:0px;
	height:0;
	line-height:0;
	width:100%;}

/*----------------------------------------------*/
/* 1.6 Headers */
/*----------------------------------------------*/
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-family: 'FolksRegular', Arial, sans-serif;
	color:#f4f4f4}
	
h1{
	font-size:22px;
	line-height:24px;}	
	
h2{
	font-size:22px;
	font-family: 'FolksRegular', Arial, sans-serif;
	line-height:23px;
	color:#f3f3f3;
	margin-bottom:15px}
	
h3{
	font-size:19px;
	line-height:22px;}
	
h3.widgettitle{
	margin-bottom:10px; }
	
h4{
	font-size:17px;
	color:#333;
	margin-bottom:10px;}
	
h5{
	font-size:14px;
	font-weight:normal;}
	
h6{
	font-size:12px;
	letter-spacing:2px;
	margin-bottom:5px;
	padding-bottom:5px;
	text-transform:uppercase;
	line-height:20px;
	font-weight:normal;
	color:#444e69;}

/*----------------------------------------------*/
/* 1.7 Tables */
/*----------------------------------------------*/
table.fancy_table,.widget_calendar table { border-collapse:separate; border-spacing:0; width:99%; padding:2px 0; }
table,td,th { vertical-align:middle; text-align:center; }
th{ padding:10px; font-size:12px; text-transform:uppercase; letter-spacing:1px;}
td{ font-size:11px; padding:10px; }
table.fancy_table,.widget_calendar table{margin:20px 2px; }
.fancy_table th,.widget_calendar table th{border-bottom:1px solid #5c5c5c;}
.fancy_table td,.widget_calendar table td{color:#888;border-top:1px solid #4b4b4b;}
.fancy_table,.widget_calendar table{border:1px solid #5c5c5c;}

/*----------------------------------------------*/
/* 1.8 Images */
/*----------------------------------------------*/
img.alignleft {
	margin:5px 16px 5px 0 !important;}
img.alignright {
	margin:5px 0 5px 16px !important;}


img.framed,.video_frame,.wp-caption,#flickr a img, dl.gallery-item img{ padding:6px;margin:2px; }
p.wp-caption-text{
	margin-bottom:0px;
	text-align:center;}
	
.wp-caption{
	margin-bottom:10px !important;
	padding-top:10px;
	text-align:center;}
	
.image_frame img, img.image_frame, .entry img {
	background:#050505;
	padding:7px;
	border:1px solid #2b2b2b;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;}

/*----------------------------------------------*/
/* 1.9 Forms */
/*----------------------------------------------*/
fieldset{
	padding:20px;
	border:1px solid #2b2b2b;}
form .row {
	padding:5px 0}
input[type=text],input[type=password],textarea{
	color:#5c5c5c;
	padding:8px;
	border:1px solid #222;
	background:#050505;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size:13px;
	resize: none;}
	
textarea{
	width:90%;
	font-size:13px;
	background:#050505;
	overflow:auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
	
input, textarea,input[type="submit"]:focus{
	outline:0 none;}
	
input[type="radio"],input[type="checkbox"]{
	margin-right:10px; margin-left:10px;}
	
button::-moz-focus-inner {
	border: 0;
	padding: 0;}
	
input[type="reset"],input[type="submit"],input[type="button"], button{
	border:none;
	color:#2f3850;
	margin:10px 0;
	outline-width:0;
	padding:3px 20px 3px 10px;
	height:22px;
	font-family: "CCRedAlertINETRegular", Arial, sans-serif;
	text-transform:uppercase;
	font-size:13px;
	line-height:12px;
	text-align:center}	
	
input[type="button"]:hover, input[type="button"]:focus,input[type="reset"]:hover,
input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,
button:hover,button:focus{
	color:#63dac0;
	cursor:pointer;}
	
/*----------------------------------------------*/
/* 1.10 Buttons */
/*----------------------------------------------*/

.button_link {
	background:url(images/buttons_bg.png) no-repeat  right -22px transparent;
	color:#5c5c5c;
	display:inline-block;
	margin:5px 0;
	border:0 none;
	padding:0 20px 0 0;
	font-family: "CCRedAlertINETRegular", Arial, sans-serif;
	font-size:13px;
	text-transform:uppercase}

.button_link span{
	background:url(images/buttons_bg.png) no-repeat  left 0 transparent;
	display:block;
	line-height:12px;
	color:#5c5c5c;
	padding:6px 10px 4px 20px;}

.button_link:hover{
	background:url(images/buttons_bg.png) no-repeat  right -66px transparent;
	color:#0c5847}

.button_link:hover span {
	background:url(images/buttons_bg.png) no-repeat  left -44px transparent;
	color:#0c5847}

.join_link {
	display:block;
	background:url(images/join_disscution.png) 0 0 no-repeat;
	width:125px;
	height:27px;
	line-height:25px;
	text-align:center;
	font-family: "CCRedAlertINETRegular", Arial, sans-serif;
	font-size:13px;
	text-transform:uppercase;
	color:#5c5c5c}

.join_link:hover {
	background:url(images/join_disscution.png) 0 -27px no-repeat;
	color:#0c5847}


/*============================================================================================*/
/* 2. SITE STRUCTURE */
/*============================================================================================*/
/*----------------------------------------------*/
/* 2.1 Header */
/*----------------------------------------------*/

.header {
	width:100%;
	height:171px;
	background:url(images/top_line.gif) 0 0 repeat-x;
	position:relative;
	margin-bottom:40px;}

.logo {
	background:url(images/top_logo_bg.png) 0 0 no-repeat;
	width:190px;
	height:171px;
	position:absolute;
	top:0;
	left:62px}

.logo img {
	margin:19px 37px 0 37px}

/* topmenu */
.menu-header {
	height:39px;
	padding-right:10%;
	position:relative;
	z-index:300}

.topmenu {
	height:39px;
	float:right;
	position:relative;
	z-index:300;
	margin:0;
	padding:0}

.topmenu .menu-item-home a {
	background: url(images/menu_home.png) 0 14px no-repeat;
	width:15px;
	height:18px;
	padding:2px 0 10px 0;
	text-indent:-300px;
	overflow:hidden}

.topmenu .menu-item-home a:hover, 
.topmenu .menu-item-home.current-menu-item a {
	background: url(images/menu_home_a.png) 0 14px no-repeat;}

.topmenu li.first {
	background:url(images/topm_bg.png) left 0 no-repeat;
	padding-left:35px}

.topmenu li.last {
	background:url(images/topm_bg.png) right 0 no-repeat;
	padding-right:35px}

.topmenu li ul li.first, .topmenu li ul li.last {
	padding:0}

.topmenu li {
	background:url(images/topm_bg_mid.png) 0 0 repeat-x;
	display:block;
	float:left;
	height:39px;
	position:relative;
	font-family:"FolksBold", Arial, sans-serif;
	font-size:15px;
	list-style:none}

.topmenu li a {
	display:block;
	padding:12px 12px 0 12px;
	color:#626262;
	text-shadow:#000 1px 1px 2px;}

.topmenu li a:hover,
.topmenu .current-menu-item a,
.topmenu .current-menu-item li a:hover{
	color:#e2e2e2;}

.topmenu .current-menu-item li a {
	color:#626262;}

.topmenu li ul {
	display:none;
	position: absolute;
	top: 32px;
	left: 0px;
	z-index: 308;
	width: 161px;
	padding:0;
	margin:0}

.topmenu li ul li ul {
	display:none;
	position: absolute;
	top:-11px;
	left:140px;
	z-index: 308;
	width: 161px;}
	
.topmenu li ul li {
	background:url(images/dropdown_mid.png) 0 0 repeat-y;
	width:131px;
	height:auto;
	padding:0 15px;
	clear:both;
	font-family:"FolksRegular", Arial, sans-serif;
	position:relative;}

.topmenu li ul li ul li {
	position:relative;}

.topmenu li ul li.first {
	background:url(images/dropdown_first.png) 0 top no-repeat;
	width:131px;
	padding:15px 15px 0 15px;}
	
.topmenu li ul li.last {
	background:url(images/dropdown_last.png) 0 bottom no-repeat;
	width:131px;
	padding:0 15px 10px 15px;}

.topmenu li ul li a {
	display:block;
	color:#7d7d7d;
	padding:7px 0 7px 5px;
	background:url(images/dropdown_line.gif) bottom repeat-x;}

.topmenu li ul li.last a {
	background:none}
	
.topmenu li a span {
	display:block;}

.topmenu li a:hover span {
	cursor:pointer}
	
.topmenu li ul li.parent a span {
	background:url(images/topm_arrow.gif) right 5px no-repeat}

.topmenu li ul li.parent a:hover span {
	background:url(images/topm_arrow_a.gif) right 5px no-repeat}

.topmenu li ul li.last a, 
.topmenu li ul li.parent ul li a span, 
.topmenu li ul li.parent ul li a:hover span {
	background:none;}

.topmenu li ul li ul li.first {
	background:url(images/dropdown_first_sub.png) 0 top no-repeat;
	padding:10px 15px 0 15px;}

.topmenu li:hover ul li ul {
	display:none;}	

.topmenu li:hover ul,
.topmenu li:hover ul li:hover ul{
	display:block}

/* header text, title */
.header-content {
	float:left;
	padding:25px 0 0 295px;}

.header-content h1 {
	font-family:"FolksBold", Arial, sans-serif;
	color:#e6e6e6;
	font-size:30px;
	line-height:35px}

.header-content h1 span {
	color:#71d6bf}


/*----------------------------------------------*/
/* 2.2 Middle content */
/*----------------------------------------------*/
.container {
	position:relative;
	width:100%;
	overflow:hidden}
	
.container .header {
	position:relative;
	z-index:21;}

.container .header .topmenu ul {
	z-index:10}

.container .content {
	position:relative;}

.content {
	width:100%}

/* homepage scroll */
.content-scroll {
	position:relative;
	z-index:2;
	width:100%;
	height:auto;
	overflow: hidden; /* change to "auto" to see the scroll */
    overflow-y: hidden;
    -ms-overflow-y: hidden;
	padding-bottom:50px}

.slider_main {
	display:block;
	width:1292px; /* width: 62+610*N+10 px | add margin-left:-610px*M to scroll */
	padding:0;
	margin:0;
	position:relative;}

.slider_main li {
	position:relative;
	list-style:none;
	display:inline;
	float:left;
	width:610px;}

.home_slider .slider_main li img,
.sidebar_slider .slider_main li .slide_content,
.sidebar_slider .slider_main li .slide_text {
	filter:alpha(opacity=45);
    -moz-opacity: 0.45;
    -khtml-opacity: 0.45;
    opacity: 0.45;}

.slider_main li.active:first-child {
	padding-left:62px}

.slider_main .slide_image {
	height:200px;
	position:relative;
	margin-top:3px;
	overflow:hidden}

.tiled_image, .slider_main .slide_image, .project_image , .post_image{
	border-bottom:1px solid #2a2a2a}

.slider_main .border_image {
	width:600px;
	height:180px;
	border:10px solid #050505;}

.home_slider .border_image {
	border-left:none}
	
.home_slider li.active .border_image{
	border:10px solid #050505;}

.link-prev, .link-next {
	position:absolute;
	z-index:400;
	top:10px;
	width:120px;
	height:180px;
	display:block;
	cursor:pointer;
	visibility:hidden}

.slide_image .link-prev {
	background:url(images/btn_previous.png) 10px 78px no-repeat;
	left:5px;}

.slide_image .link-next {
	background:url(images/btn_next.png) 30px 78px no-repeat;
	right:0}

.slide_content {
	width:390px;
	padding:0 20px;
	position:relative;}

.home_slider .slide_content, .home_slider .scroll_prev, .home_slider .scroll_next{
	filter:alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;}

.home_slider li.active {
	width:620px;}

.home_slider li.active, 
.home_slider li.active img,
.sidebar_slider li.active .slide_text {
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;}

.slider_main li.on .slide_content {
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;}

.slider_main li.on .scroll_prev, .slider_main li.on  .scroll_next {
	zoom: 1; /* Stupid IE (all version) */
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;}
	
.slide_title {
	padding:35px 0 0 0;
	text-shadow:1px 1px 1px #000}

.slide_title h2 {
	margin:0 0 5px 0;
	font-size:21px}
	
.slide_title h2 a {
	color:#f3f3f3}

h2 a span, h2 span {
	color:#7ce1ca}

.slide_meta {
	font-family:"CCRedAlertINETRegular", Verdana, sans-serif;
	font-size:13px;
	color:#4b5257;
	text-transform:uppercase;
	margin-bottom:10px}

.slide_meta a {
	color:#4b5257}

.slide_meta a:hover {
	color:#797e81}

.slide_text {
	color:#7c7c7c;
	padding:0 0 10px 0;}

.slide_text p {
	margin-bottom:10px}

.scroll_navi {
	position: absolute;
	z-index:100;
	width:45px;
	top:235px;
	right:10px}

.scroll_prev, .scroll_next  {
	background:url(images/arrows_small.png) 0 0 no-repeat;
	width:22px;
	height:22px;
	overflow:hidden;
	text-indent:-200px;
	float:left;
	display:block}

.scroll_next  {
	background:url(images/arrows_small.png) -22px 0 no-repeat;
	margin-left:1px}

/* portfolio scroll */
.portfolio_slider {}

.portfolio_slider .slide_image img,
.blog_slider .slide_image img {
	background:#050505;
	padding:10px;}

.portfolio_slider .slider_main{
	display:block;
	width:1902px; /* width: 62+(430+30)*N  */
	position:relative;}
	
.portfolio_slider .slider_main li,
.blog_slider .slider_main li {
	margin-right:30px;
	width:430px}
	
.portfolio_slider .slide_content {
	display:block}

.portfolio_slider li:first-child,
.blog_slider li:first-child {
	padding-left:62px}

.ribbon_new {
	display:block;
	background:url(images/ribbon_new.png) no-repeat;
	width:91px;
	height:78px;
	position:absolute;
	top:0px;
	right:-3px;
	text-indent:-200px;
	overflow:hidden;
	z-index:2}

.project_image .ribbon_new{
	top:-3px}

/* about scroll */
.about_slider {}

.about_slider .slider_main{
	width:1600px; /* width: 390*N  */
}

.about_slider .slide_image img {
	border-top:10px solid #050505;
	border-bottom:10px solid #050505}

.about_slider .slide_content {
	width:300px;
	padding:0 0 0 70px;
	position:relative;}

.about_slider .slider_main li {
	width:390px}
	
/* blog scroll */
.blog_slider .slide_title {
	padding-right:40px;}

.comments_count {
	width:38px;
	height:27px;
	line-height:23px;
	background:url(images/comments_count.png) 0 0 no-repeat;
	text-align:center;
	color:#5c5c5c;
	font-family:"CCRedAlertINETRegular", Arial, sans-serif;
	font-size:13px;
	position:absolute;
	top:35px;
	right:20px}

.comments_count a:hover {
	color:#7c7c7c}

/* blog post detail  */
.post_detail {
	float:left;
	margin:3px 0 20px 62px;
	width:540px;}

.post_image {
	margin-bottom:30px}
	
.post_image img {
	background:#050505;
	padding:10px;}

.post_content {
	padding:0 10px 10px 20px;
	position:relative}

.post_title {
	width:370px;
	padding-bottom:5px;}

.post_title h1 {
	text-shadow:1px 1px 1px #000}

.post_content .join_link {
	position:absolute;
	top:5px;
	right:10px}

.post_text p {
	margin:0 0 20px 0}

.post_text h2,
.post_text h3 {
	font-size:17px;
	font-weight:normal;
	color:#7adec8;
	margin:25px 0 10px 0}

.post_text h4{
	font-size:15px}

.comment_list .button_link {
	margin-top:20px;
	filter:alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0}

.comment_list .active .button_link {
	zoom: 1;
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;}

/*----------------------------------------------*/
/* 2.3 Project details */
/*----------------------------------------------*/
/* project text and comments scroll */

.wrapper {
	float:right;
	width:100%;
	margin-left:-652px}
	
.sidebar_slider {
	width:auto;
	margin-left:652px;
	margin-top:3px;
	overflow:hidden;}

.sidebar_slider .slider_main li.active .slide_content{
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;}

.sidebar_slider .slider_main{
	display:block;
	width:1480px; /* width: (320+50)*N  */
	position:relative;}

.sidebar_slider .slider_main li {
	margin-right:50px;
	width:320px;
	display:block}

.sidebar_slider .slide_content {
	width:320px;
	min-height:300px;
	padding:0}

.sidebar_slider li.active:first-child {
	padding-left:0}

.sidebar_slider .slide_title {
	padding:0}

/* project images */
.project_detail {
	float:left;
	margin:3px 0 0 62px;
	width:540px;}

.project_image {
	position:relative}
	
.project_image img {
	background:#050505;
	padding:10px;}
	
.project_screens {
	margin-top:13px}
	
.project_detail .small_title {
	display:block;
	float:left;
	width:73px;
	padding:2px 0 0 15px;
	height:60px;
	font-family:"CCRedAlertINETRegular", Verdana, sans-serif;
	font-size:13px;
	text-transform:uppercase}
	
.testimonials {
	clear:both;
	margin:20px 0}

.testimonials .boxtext {
	background:#242424;
	color:#7c7c7c;
	border:1px solid #242424;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	float:left;
	margin-left: 2px;
	padding: 14px 21px 16px;
	width: 403px;}

.project_buttons {
	filter:alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0}

.active .project_buttons {
	zoom: 1;
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1}
	
/* Mini Gallery */
.minigallery-list {
	float:left;
	position:relative;
	width:450px;
	height:64px;}
	
.minigallery-list ul {
	margin:0;
	padding:0}
	
.minigallery {
	width:100%;
	height:64px;
	padding:0;}

.minigallery li {
	float:left;
	width:107px;
	height:64px;
	margin:0 3px;
	list-style:none;
	position:relative}
	
.minigallery li img {
	width:107px;
	height:64px;}

.minigallery li span {
	position:absolute;
	top:0;
	left:0;
	width:107px;
	height:64px;
	display:none;
	background:url(images/gallery_hover.png) no-repeat;
	cursor:pointer}
	
.minigallery li:hover span {
	display:block}

.minigallery-list .next,
.minigallery-list .prev{
	cursor:pointer;
	display:block;
	width:14px;
	height:22px;
	overflow:hidden;
	position:absolute;
	text-indent:-5000px;
	top:21px;
	z-index:20}

.minigallery-list .prev {
	background:url(images/gallery_arrows.png) 0 0 no-repeat;
	left:0}

.minigallery-list .next {
	background:url(images/gallery_arrows.png) -14px 0 no-repeat;
	right:-2px}

.minigallery-list .prev:hover {
	background:url(images/gallery_arrows.png) 0 -22px no-repeat;}

.minigallery-list .next:hover {
	background:url(images/gallery_arrows.png) -14px -22px no-repeat;}

.minigallery-list .disabled,
.minigallery-list .disabled:hover{
	background:none;
	cursor: auto}

/* box */
.box {
	background:#0f0f0f;
	border:1px solid #0d0d0d;
	border-bottom:1px solid #252525;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:14px;}
	

/* social box  */
.fallow_box {
	position: absolute;
	z-index:1000;
	top:234px;
	left:705px;
	width:268px;}

.fallow_box  .slide_meta {
	margin-bottom:0}

.fallow_box .box {
	display:inline-block;}

.fallow_box h2 {
	margin:0 0 5px 0;}

.fallow_box .box {
	margin:20px 0}

.social_icons img {
	margin:2px 2px;
	float:left}

/*----------------------------------------------*/
/* 2.4 Top Filter with Scroll  */
/*----------------------------------------------*/
.filter_list, .filter_back {
	height:18px}

.filter_top ul li {
	list-style:none;
	display:inline;
	margin:0 10px;}

.filter_top li a {
	color:#626262;
	font-family:"FolksRegular", Arial, sans-serif;
	font-size:17px;
	text-shadow:1px 1px 1px #000}

.filter_top li a:hover, .filter_top li.active a{
	color:#d2d2d2}

.filter_scroll {
	margin-top:30px;
	background:url(images/scroll_bg.png) 0 center no-repeat;
	width:700px;
	height:18px;
	position:relative;
	clear:both;}

.filter_scroll_content {
	width:550px;
	position:relative}

.filter_scroll_pane {
	display:block;
	width:57px;
	height:18px;
	cursor:pointer;
	position:absolute;}

.filter_scroll_navi {
	font-family:"FolksRegular", Arial, sans-serif;
	font-size:15px;
	text-shadow:1px 1px 1px #000;
	color:#626262;
	position: absolute;
	left:600px;
	width:90px}

.filter_scroll_navi span {
	display:block;
	float:left;
	margin:0 2px}

#filter_prev, #filter_next {
	background:url(images/scroll_arrows.png) 0 0 no-repeat;
	width:10px;
	height:14px;
	cursor:pointer;
	margin:2px 2px 0 2px}


#filter_next {
	background:url(images/scroll_arrows.png) -10px 0 no-repeat;}

#filter_prev:hover {
	background-position:0 -14px}

#filter_next:hover {
	background-position:-10px -14px}
	
.back_link {
	font-family:"FolksRegular", Arial, sans-serif;
	font-size:17px;
	font-weight:normal;
	background:url(images/arrow_back.png) 0 3px no-repeat;
	padding-left:14px}

.back_link:hover {
	color:#949494}

/*============================================================================================*/
/* 3. EXTENDED TYPOGRAPHY */
/*============================================================================================*/
/*----------------------------------------------*/
/* 3.1 Typographic Elements  */
/*----------------------------------------------*/
.text {
	font-size:13px;}

.text a {
	color:#ccc}

.text ul, .text ol {
	margin:5px 0 25px 35px}

.text ul li, .text ol li {
	margin-bottom:10px}

.text_deleted {
	text-decoration:line-through}

.title_border {
	border-bottom:1px solid #e5e5e5;
	padding-bottom:15px}

/* Blockquote */
.content blockquote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:normal;
	font-style:italic;
	color:#68e6ca;
	background:url(images/divider_line.gif) bottom repeat-x;
	margin:10px 0;
	line-height:1.5em}

.content blockquote p {
	margin:0}

.content blockquote .inner {
	background:url(images/divider_line.gif) top repeat-x;
	padding:15px 0}

/* Framed boxes */
.frame_left, .frame_right, .frame_center, .frame_box {
	border:1px solid #2a2a2a;
	background:#000;
	padding:7px;
	margin:5px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}

.frame_box {
	display: inline-block}

.frame_left {
	float:left;
	display:block;
	margin:7px 18px 5px 0;}
	
.frame_right {
	float:right;
	display:block;
	margin:7px 0 5px 18px}

.frame_center {
	float:none;
	display:block;
	margin:10px auto}

/* Quotes */
.quote_right, .quote_left {
	float:right;
	color:#cccccc;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:19px;
	width:33%;
	padding:5px 0 5px 40px;
	line-height:1.2em}

.quote_left {
	float:left;
	padding:5px 40px 5px 0;}




/*============================================================================================*/
/* 4. EXTENDED ELEMENTS */
/*============================================================================================*/

/*----------------------------------------------*/
/* 4.1 Contact Form Page */
/*----------------------------------------------*/
/* Contact Columns  */
.tiled_image {
	width:100%;
	height:200px;
	overflow:hidden;
	margin-bottom:40px;
	padding-top:3px}

.tiled_image img {
	border:10px solid #050505;
	border-left:none;}

.contact_left {
	width:380px;
	margin:0 40px 10px 75px;
	float:left}
	
.contact_right {
	float:left;
	width:480px;
	padding-top:5px}
	
.contact_info label {
	color:#d3d3d3;
	font-family:"CCRedAlertINETRegular", Verdana, sans-serif;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold}

.contact_info .col {
	width:150px;
	float:left;
	font-size:12px;
	margin-right:10px}

.contact_info .col p {
	margin:10px 0 15px 0;
	min-height:55px}

/* Contact Form  */
.contact-form {
	padding:0}

.contact-form {
	font-size:13px}

.contact-form .row {
	padding:5px 0}

.contact-form .inputtext, .contact-form select, .contact-form textarea {
	color:#3f3f3f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px}

.contact-form .field_text .inputtext {
	width:150px;
	margin-right:22px;
	float:left;
	clear:none}
	
.contact-form .ui-selectmenu {
	margin-right:20px}

.contact-form .field_select select {
	width:150px;}

.contact-form .field_textarea textarea {
	width:340px;
	height:96px}

.contact-form label {
	font-weight:bold;
	color:#444}

.contact-form .field_submit {
	padding:0}

.contact-form .contact-submit, .comment-form .submit {
	background:url(images/btn_submit.png) no-repeat;
	width:81px;
	height:22px;
	line-height:20px;
	color:#5c5c5c;
	font-family:'CCRedAlertINETRegular', sans-serif ;}

.contact-form .contact-submit:hover, .comment-form .submit:hover {
	background:url(images/btn_submit.png) 0 -22px no-repeat;
	color:#0c5847}

.link-top {
	text-decoration:underline;
	background:url(images/arrow_top.gif) right 3px no-repeat;
	padding-right:12px;
	font-size:12px;
	color:#585858}

.link-top:hover {
	color:#999}

/*----------------------------------------------*/
/* 4.2 Comment form */
/*----------------------------------------------*/
.add-comment {
	position:relative;
	float:left;
	left:50px}

.slider_main .add-comment{
	left:0}

.add-comment h3 {
	font-size:17px;
	margin:0 0 5px 5px}
	
.comment-form {
	padding:0 0 15px 0;}

.comment-form .row {
	clear:both;
	padding:5px 0}

.comment-form .inputtext, .comment-form .textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	width:150px;
	padding:5px 8px;
	color:#3f3f3f}

.comment-form .inputtext {
	width:220px}

.comment-form .textarea {
	width:295px;
	height:73px;
	padding:10px;
	overflow:auto;
	margin-bottom:15px;}

.field-notice {
	display:block;
	padding:5px 0 0 85px;
	color:#a2a2a2;
	font-size:12px}
	

/*----------------------------------------------*/
/* Dinca Andrei extra css code */
/*----------------------------------------------*/	
/* slider UI */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { 
	position: absolute; 
	z-index: 2; 
	width: 57px; 
	height: 18px; 
	cursor: hand; 
	background-image: url(images/scroll_pane.png); 
}

/*-----------Ultimate Page Ends-------------------*/
.valid{border:1px solid #70A41B!important; overflow:hidden;} /*#70A41B*/
.error {overflow:hidden; border:1px solid red!important; }