/*
File Name: style.css
Theme Name:  Carna - Premium Corporate Theme
This file creaded by Tolga Can
for Themeforest
19.08.2009
*/

body {
	margin:0px auto;
	padding:0px;
	font-family:'Arial','Tahoma', san-serif;
	font-size:12px;
	line-height:21px;
	background:url(../images/background2.jpg);
	background-repeat: no-repeat;	
	background-position:  center top;	
	background-color:#c679d6;
}


/* layouts 
-------------------------------------------------------------- */
#con0{
	background:url(../images/background2.jpg);
	background-repeat: no-repeat;	
	background-position: top center;
}

#con1{
	background:url(../images/back2.gif);
	background-repeat: no-repeat;
	background-position: center;
	width:867px;
	text-align:left;
}

#header{
	height:129px;
	display:block;	
}

#logo{
	float:left;
	margin-top:47px;
	margin-left:18px;
}

#search_links{
	float:right;
	margin-right:10px;
}


/*content con*/
#content_con{
	width:867px;
	text-align:left;
}



/*main slider con*/
#main_slider_con{
	width:909px;
	height:302px;
	display:block;
	background:url(../images/main_slider_back.png);
	background-repeat: no-repeat;	
	background-position: top center;
}

/*pages slider con*/
#pages_slider_con{
	width:909px;
	height:166px;
	display:block;
	background:url(../images/pages_slider_back.png);
	background-repeat: no-repeat;	
	background-position: top center;
}

#slider_area{
	height:221px; 
	width:830px;
}

/* page header background */
.title_area_style_1{
	background:url(../images/pages_header_back_1.png);
	background-repeat: no-repeat;	
	background-position: top center;
	height:82px;
	width:831px; 
}

/* page title h1 style */
.title_area_style_1 h1{
	font-size:19px;
	font-weight:normal;
	color:#e8f4fb;
	text-align:left;
	padding-top:30px;
	margin-left:20px;
	margin-bottom:0px;
	margin-top:0px;
}


.sub_navigation{
	font-size:10px;
	font-weight:normal;
	color:#D7D7D7;
	text-align:left;
	margin-top:3px;
	margin-left:50px;
}


/* sliding texts on main page slider
-------------------------------------------------------------- */
#sliding_texts{
	font-size:10px;
	width:840px;	
	margin-left:60px;
	height:274px;
}

/* slider title text */
.sliding_text_text{
	font-size:12px;
	line-height:18px;
	color:#FFFFFF;
	text-align:left;
	margin-top:6px;	
	margin-left:20px;	
	margin-right:8px;	
}

/* slider text link */
.sliding_text_text a{
	text-decoration:underline;
	color:#fff;
}

.sliding_text_text a:hover{
	text-decoration:none;
	color:#fff;
}

/* slider title title*/
.sliding_text_text h1{
	font-size:26px;
	font-weight:normal;
	color:#e8f4fb;
	text-align:left;
	margin-top:46px;
	padding-left:0px;
	margin-bottom:7px;
}


/* slider title title2*/
.sliding_text_text h2{
	font-size:19px;
	font-weight:normal;
	color:#e8f4fb;
	text-align:left;
	margin-top:2px;
	padding:0px;
}

/* slider title buttons*/
.slider_buttons{
	float:left;
	width:120px;	
	height:110px;
	background:url(../images/arrows.png);
	background-repeat: no-repeat;	
	background-position: top left;
	margin-top:105px;
	margin-left:7px;
}

.sliding_text_left{
	float:left;
	width:390px;	
}

.sliding_text_right{
	float:left;
	width:270px;
}


/* slider featured file position */
.sliding_text_right .featured_file{
	margin-top:30px;
	margin-left:10px;
}


#slider_area{
	height:221px; 
	width:830px;
}


/*
	slide background styles
	you can chose just 1 or more
*/
.slide{
	height:221px; 
	width:830px;
	background:#fff;	
}


/*	first slide's style */
.slide_1{
	background: url(../images/slider_home.png);
	background-repeat: no-repeat;	
	background-position: top center;
	height:221px; 
	width:830px;
}

/*	second slide's style */
.slide_2{
	background:url(../images/slider_home_2.png);
	background-repeat: no-repeat;	
	background-position: top center;
	height:221px; 
	width:830px;
}

/*	third slide's style */
.slide_3{
	background:url(../images/slider_home_3.png);
	background-repeat: no-repeat;	
	background-position: top center;
	height:221px; 
	width:830px;
}

/*	I din't use a style for slide four, it is just a picture..*/



/*---------TOP NAVIGATION---------  */
#nav { 
	height:39px; 
	width:867px;
	text-align:center;
	margin-left:0px;
	padding-top:26px;
}

#nav li {
	float: left;
	list-style: none ;	
	line-height:25px;
}

#nav ul { 
	float:left; 
	margin-left:15px; 
	padding:0px 0px 0px 4px;
}

#nav li { 
	float:left; 
	list-style-type:none; 
	margin:0px 8px 0px 12px; 
	padding:0px; 
	overflow:hidden; 
	line-height:7px;  
}

#nav ul li:hover a, #nav ul li.hover a, #nav ul li.current_page_item a { 
	text-decoration:none;
}

#nav ul li.current_page_item a:hover { 
	text-decoration:none;
}

#nav ul li a { 
	font-size:11px;
	text-decoration:none; 
	display:block;  
	padding:10px 18px 8px 5px; 
	margin:0px 0px 0px 15px;
	color:#502176;
}

#nav ul li a:hover { 
	text-decoration:none;
	color:#A5A5A5;
}

#nav ul li:hover, #nav ul li.hover, #nav ul li.active { 
	background: url(../images/menu_button.png) top left no-repeat;
}

#nav ul li:hover a, #nav ul li.hover a, #nav ul li.active a { 
	 background: url(../images/menu_button.png) top right no-repeat;	
	color: #502176;
}




/*--------- Page Layouts---------  */
#page_left{
	width:630px;
	float:left;
	margin-right:12px;
}

#page_left .content{
	padding-left:20px;
	padding-right:5px;
}

#page_left p{
	margin:0px
}

#page_right_cont{
	float:right;
	margin-right:15px;
}

.page_right{
	width:207px;
	background: url(../images/side_box.png) center repeat-y;
}

.page_right_2{
	width:207px;	
	height:27px;
	background: url(../images/side_box.png) top left no-repeat;

}

.page_right_3{
	width:207px;
	height:27px;
	background: url(../images/side_box.png) bottom right no-repeat;
	margin-bottom:15px;
}

.page_right #slider2{
	margin:0px 20px 0px 20px;
}




/* side menu layout
-------------------------------------------------------------- */
#sub_menu{
}

#sub_menu ul{
	width:168px;
	padding-top:10px;
	text-align:left;
}

#sub_menu li{
	font-size:11px;
	padding-bottom:2px;
	margin:0px 20px;
	border-bottom:1px solid #E4E4E4;
}

/* side menu links*/
#sub_menu  li a{	
	line-height:24px;
	padding:1px 20px;
	background:transparent url(../images/arrow.gif) top left no-repeat;
	text-decoration:none;
	font-size:11px;
	color:#9B9B9B;
}

#sub_menu  li a:hover{
	line-height:24px;
	padding:1px 20px;
	background:transparent url(../images/arrow2.gif) top left no-repeat;
	text-decoration:none;
	font-size:11px;
	color:#787878;
}



/* page header sub navigation - (you are here)
-------------------------------------------------------------- */
#sub_nav{
	font-size:12px;
	margin-left:20px;
	color:#9B9B9B;
}

#sub_nav a{	
	line-height:13px;
	text-decoration:none;
	font-size:12px;
	color:#747474;
}

#sub_nav a:hover{
	line-height:13px;
	text-decoration:none;
	font-size:12px;
	color:#969696;
}


/* home page layout 
-------------------------------------------------------------- */

 .box1{
	float:left;
	margin-right:15px;
	
}	

 .box2{
	float:left;
	margin-right:15px;

}	

.box3{
	float:left;
}	

.main_sub_left{
	float:left;
	width:574px;
}

.main_sub_right{
	float:left;
	width:279px;
	margin-left:10px;
}

.box_in{
	clear:both;
	width:700px;
	height:10px;
}

.box_r{
	clear:both;
	width:200px;
	height:25px;
}


	
/* HEADLINE'S BOTTOM LINES  
-------------------------------------------------------------- */
.f_box_hr{
	height:7px;
	width:239px;
	background:transparent url(../images/line_bg.gif);
	clear:both;			
	border:0px;
	margin:4px 20px 4px;
	padding:0px;
}

.f_box_hr_2{
	height:1px;
	width:239px;
	background:#f4f4f4;
	clear:both;			
	border:0px;
	margin:10px 20px 0px;
	padding:0px;
}

.f_box2_hr{
	height:7px;
	width:539px;
	background:transparent url(../images/line_bg.gif);
	clear:both;			
	border:0px;
	margin:4px 20px 4px;
	padding:0px;
}

.f_box2_hr_2{
	height:1px;
	width:239px;
	background:#f4f4f4;
	clear:both;			
	border:0px;
	margin:10px 20px 0px;
	padding:0px;
}

.f_box3_hr{
	height:7px;
	width:168px;
	background:transparent url(../images/line_bg.gif);
	clear:both;			
	border:0px;
	margin:4px 20px 4px;
	padding:0px;
}

.f_box3_hr_2{
	height:1px;
	width:168px;
	background:#f4f4f4;
	clear:both;			
	border:0px;
	margin:10px 20px 0px;
	padding:0px;
}

.f_box4_hr{
	height:7px;
	width:610px;
	background:transparent url(../images/line_bg.gif);
	clear:both;			
	border:0px;
	margin:4px 20px 4px;
	padding:0px;
}

.f_box4_hr_2{
	height:1px;
	width:620px;
	background:#f4f4f4;
	clear:both;			
	border:0px;
	margin:10px 20px 0px;
	padding:0px;
}


.f_box5_hr{
	width:610px;
	background:transparent url(../images/line_bg.gif);
	clear:both;			
	border:0px;
	margin:auto;
	padding:0px;
}


.f_box6_hr{
	width:280px;
	background:transparent url(../images/line_bg.gif);
	clear:both;			
	border:0px;
	height:7px;				
	padding:0px;
}



/* Box styles
-------------------------------------------------------------- */

	/* box 1 style	*/
	 .box_top{
		height:21px;
		width:279px;
		background:transparent url(../images/box_corners.png) left top no-repeat;
	}	

	 .box_bottom{
		height:18px;
		width:279px;
		background:transparent url(../images/box_corners.png) left bottom no-repeat;
	}	
	 .box_content{
		width:279px;
		background:transparent url(../images/box_back.png);
	}	


	.box_content h1, .box_content p, .box2_content .main_sub_left h1, .box2_content .main_sub_right h1, a.read_more, .right_box h1{
		margin:0px 20px;
	}


	/* box 2 style	*/
	 .box2_top{
		height:21px;
		width:865px;
		background:transparent url(../images/box_corners.png) right top no-repeat;
		clear:both;
	}	

	 .box2_bottom{
		height:18px;
		width:865px;
		background:transparent url(../images/box_corners.png) right bottom no-repeat;
	}	

	 .box2_content{
		width:865px;
		background:transparent url(../images/box_back.png);
	}	


	/* box texts*/
	.box_content p{
		line-height:17px;
		font-size:11px;
		margin:0px 20px 0px 0px;
		color:#747474;
	}
	
	/* box icon postion*/
	.box_content .featured_box_icon{
		margin:20px 10px 10px 20px;
		padding-left:5px;
		float:left;
	}

	/* box 2 title*/	
	.box_content h1{
		font-family:'Arial','Tahoma', san-serif;
		font-size:13px;
		color:#5e5e5e;
		font-weight:bold;
	}


	/* box 2 text*/
	.box2_content p{
		line-height:17px;
		font-size:11px;
		color:#747474;
		margin-right:20px;
		margin-left:20px;
		margin-top:0px;
		margin-bottom:10px;
	}

	/* box 2 title*/	
	 .box2_content .main_sub_right h1, .box2_content .main_sub_left h1, .right_box h1{
		font-family:'Arial','Tahoma', san-serif;
		font-size:13px;
		color:#5e5e5e;
		font-weight:bold;
	}

	/* box 2 icons*/
	.box2_content .featured_box_icon{
		margin:20px 10px 20px;
		float:left;
	}




/* page button and link styles
-------------------------------------------------------------- */

a.read_more{
	line-height:24px;
	padding:1px 20px;
	background:transparent url(../images/arrow.gif) left no-repeat;
	text-decoration:none;
	font-size:11px;
	color:#919191;
}

a.read_more:hover{
	line-height:24px;
	padding:1px 20px;
	background:transparent url(../images/arrow2.gif) left no-repeat;
	text-decoration:none;
	font-size:11px;
	color:#BBBBBB;
}


/* testimonial arrows*/
.test_arrows_right img, .test_arrows_left img{
	margin-top:5px;
}

a.test_arrows_left{
	line-height:24px;
	background:transparent url(../images/arrow_r.gif) left no-repeat;
	text-decoration:none;
	font-size:11px;
	color:#b9b9b9;
	margin:0px 0px 0px 20px;
	padding:1px 0px;
}

a.test_arrows_left:hover{
	line-height:24px;
	background:transparent url(../images/arrow2_r.gif) left no-repeat;
	text-decoration:none;
	font-size:11px;
	color:#969696;
	margin:0px 0px 0px 20px;
	padding:1px 0px;
}


a.test_arrows_right{
	line-height:24px;
	background:transparent url(../images/arrow.gif) left no-repeat;
	text-decoration:none;
	font-size:11px;
	color:#b9b9b9;
	margin:0px 20px 0px 0px;
	padding:1px 0px;
}

a.test_arrows_right:hover{
	line-height:24px;
	background:transparent url(../images/arrow2.gif) left no-repeat;
	text-decoration:none;
	font-size:11px;
	color:#969696;
	margin:0px 20px 0px 0px;
	padding:1px 0px;
}



/* slider area for testimonial or news etc.
-------------------------------------------------------------- */
#slider2{
	margin-left:20px;
	margin-right:20px;
	margin-top:0px;
	margin-bottom:10px;
}


.slider2_slide{
	line-height:17px;
	font-size:11px;
	color:#747474;
}

.author{
	margin-top:10px;
}






/* search */
#search{
	float:right;
	width:132px;
	height:27px;
	border:0px solid black;
	background:url(../images/search_back.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top:62px;
}

.search_form{
	float:left;
	margin-top:1px;
	margin-left:1px;
}

.search_form form{
	margin:0px;
	padding:0px;
	overflow:hidden;
}

.search_form input{
	border:0px;
	width:80px;
	padding:4px;
	background:transparent;
	color:#D7D7D7;
	margin-left:5px;
	font-size:11px;
}

.search_submit{
	float:right;
	margin:0px;
	padding:0px;
	width:34px;
	height:27px; 
}




/* footer text style*/
#footer_cont{
	color:#959595;
	font-size:10px;
	line-height:14px;
	margin:0px 20px;
}

/* footer links*/
#footer_cont a{ 
	font-size:10px;
	color:#959595;
	text-decoration:none;
}

#footer_cont a:hover{
	color:#787878;
}

.float_right{
	float:right;
}

.float_left{
	float:left;
}




/* services page  
-------------------------------------------------------------- */
.services{	
	margin-top:20px;
}

h2.services {
	clear:both;
	padding-top: 12px;
	padding-bottom: 12px;
	color:#959595;
	font-size:17px;
	line-height:21px;
}

.services h3{
	font-family:'Arial','Tahoma', san-serif;
	font-size:13px;
	color:#187aa3;
	font-weight:bold;
}

.services p{
	line-height:17px;
	font-size:11px;
}



/* portfolio  
-------------------------------------------------------------- */
/* portfolio buttons 
-------------------------------------------------------------- */
.button{
	margin-left:15px;
}
.button a{
	line-height:24px;
	padding:1px 20px;
	background:transparent url(../images/arrow.gif) left no-repeat;
	text-decoration:none;
	font-size:11px;
	color:#919191;
}

.button a:hover{
	line-height:24px;
	padding:1px 20px;
	background:transparent url(../images/arrow2.gif) left no-repeat;
	text-decoration:none;
	font-size:11px;
	color:#BBBBBB;
}

/* portfolio shadows and images 
-------------------------------------------------------------- */
.portfolio_box{
	margin-bottom:25px;
	margin-top:25px;
}

.portfolio_image{
	float:left;
}

.portfolio_image img{
	background:#FCFCFC;
	border:1px dotted #E6E6E6;
	padding:15px;
}

/* portfolio texts 
-------------------------------------------------------------- */
.portfolio_text {
	float:left;
	margin-left:10px;
	width:362px;
}

.portfolio_text h2{
	color:#187aa3;
	font-size:14px;
	margin-bottom:10px;
	font-weight:bold;
}


/* blog box
-------------------------------------------------------------- */
.blog_box{	
	margin-top:15px;
}

.post_image{
	float:left;
}

/* blog post image position */
.post_image img{
	background:#FCFCFC;
}

.blog_box_r{	
	float:right;
	width:364px;
	padding:0px;
	margin:0px;
}

/* blog post title */
.blog_box_r h2{	
	float:right;
	width:364px;
	font-size:17px;
	line-height:21px;
	padding:0px;
	margin:0px;	
	font-weight:bold;
}

/* blog post link */
.blog_box_r h2 a{	
	text-decoration:none;
	color:#5e5e5e;
}

.blog_box_r h2 a:hover{	
	text-decoration:none;
	color:#8C8C8C;
}

/* date and categories */
.dateandcategories{
	background-color:#A3BDE9;
	margin:10px 0px ;
	padding:1px 5px ;
	line-height:14px;
	float:left;
	color:#fff;
	font-size:11px;
}

.dateandcategories a{
	color:#fff;
	text-decoration:none;
}

.dateandcategories a:hover{
	color:#7387CC;
	text-decoration:none;
}






/* GALLERY
-------------------------------------------------------------- */
#gallery {
	margin-top:10px;
	padding:0px;
}

#page_left  #gallery ul {
	list-style: none;
	margin:0px;
	padding:0px;
}
#gallery ul li { 
	float: left;
}

/* Portfolio page image description*/
#page_left  #gallery h4 {
	font-size:11px;
	padding:10px 20px 10px 20px;
	margin:0px;
	line-height:15px;
	color:#86B6CC;
	border-top: 1px solid #E9E9E9;	
	font-weight:normal;
}

#page_left  #gallery ul li { 
	width:190px;
	background:#FFF;
	border: 1px solid #E9E9E9;	
	margin-right: 3px;
	margin-bottom: 22px;	
	text-decoration:none;
}

/* Portfolio images*/
#gallery ul img {
	margin: 19px 0 10px 19px;
	border: 1px solid #E9E9E9;
}

#gallery a  {
	border:1px;
	text-decoration:none;
}

#gallery ul a:hover img {
	border: 1px solid #A7C9DA;
	color: #fff;
	background-color:black;
	text-decoration:none;
}




/*
-----------------------------------------------------------
CONTACT US PAGE 
-----------------------------------------------------------
*/

.contact_form{
	float:left;	
	width:310px;
	margin-top:10px;
}

.contact_info{
	float:right;
	width:280px;
	font-size:11px;
	margin-top:10px;

}

#page_left .contact_info ul ,#page_left .contact_form ul{
	list-style: none;
	margin: 0px ;
	padding: 0px;
 }


/* contact info title */
.contact_info h1{
	font-size:13px;
	color:#5e5e5e;
	font-weight:bold;
}

/* contact info links */
.contact_info li a{
	font-size:11px;
	color:#546192;
	text-decoration:none;
}

.contact_info li a:hover{
	font-size:11px;
	color:#577c8f;
	text-decoration:underline;
}

/* contact info labes*/
.contact_info li.title {
	border-bottom:1px dotted #D2D2D2;
	font-weight:bold;
	font-size:12px;
	color:#546192;
	padding-top:10px;
}

/* contact form labes*/
.contact_form li.title {
	font-weight:bold;
	font-size:12px;
	color:#546192;
	padding-top:10px;
}

/* contact form errors*/
.contact_form li{
	font-size:11px;
	color:#ff0000;
}

/* contact form title*/
.contact_form h1{
	font-size:13px;
	color:#5e5e5e;
	font-weight:bold;
}


/* contact  form*/
.contact_form textarea,
select,
input { 
	font-family:verdana;
	font-size:11px;
	color:#577c8f;
}

.contact_form form {
	overflow:hidden;
}

.contact_form input {
	border:1px dotted #D2D2D2;
	background:transparent;
	width:263px;
	padding:4px;
	display:block;
}

.contact_form input.submit_button{
	margin-top:12px;
	width:132px;
	height:26px;
	border:0px;
	color:#F3F3F3;
	background-color:#546192;
}

.contact_form textarea {
	width:264px;
	height:42px;
	border:1px dotted #D2D2D2;
	background:transparent;
	padding:2px;
	overflow:auto;
	display:block;
}




/* HEADINGS -------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
	font-weight:normal;
	clear:both;
	color:#187aa3;
}

h1{font-size: 22px; margin: 5px 0px 10px;}
h2{font-size: 22px;}
h3{font-size: 20px; margin: 15px 0px 10px;}
h4{font-size: 18px; margin: 10px 0px 10px;}
h5{font-size: 16px; margin: 5px 0px 10px;}
h5{font-size: 14px; margin: 5px 0px 10px;}


/* image alignments */
.centerimage{
	display:block;
	margin: 5px 15px 10px 0px;
	padding: 12px;
	color:#9F9F9F;
	font-weight:bold;
	border:1px solid #e0e0e0;
}

.leftimage{
	float:left;
	font-size: 12px;
	margin: 5px 15px 10px 0px;
	padding: 12px;
	color:#9F9F9F;
	font-weight:bold;
	border:1px solid #e0e0e0;
}

.rightimage{
	float:right;
	font-size: 12px;
	margin: 5px 0px 10px 15px;
	padding: 12px;
	color:#9F9F9F;
	font-weight:bold;
	border:1px solid #e0e0e0;
}


/* TEXT ELEMENTS -------------------------------------------------------------- */

#page_left p,li,ul {
    margin-bottom:18px;
	line-height:21px;
	font-size:12px;
	color:#414141;
}


/* side menu links*/
#page_left,
#page_right, a{	
				text-decoration:underline;
				color:#9A9A9A;
}

#page_left,
#page_right, a:hover{
				text-decoration:none;
				color:#969696;
}


/* Lists */
	#page_left ul {
		list-style: disc outside;
		margin: 2px 0px 10px 10px;
		padding: 4px 0px 0px 20px ;
		color:#464646;
	}

	#page_left ul ul{
		list-style: circle outside;
		margin: 2px 0px 10px 10px;
		padding: 4px 0px 0px 20px ;
		color:#464646;
	}

	#page_left ul li {
		line-height: 25px;
	}

	#page_left ol {
		list-style-position: outside; 
		margin: 2px 10px 10px 10px;
		padding: 4px 20px 20px 20px ;
		color:#464646;
		font-size:12px;
	}

	#page_left ol li {
		line-height: 20px;
	}


blockquote {
	color: #666666;
	padding-left: 10px;
	border-left: 3px solid #eaeaea;
	line-height: 24px;
	margin-left: 20px;
	margin-bottom: 10px;
}

blockquote em, blockquote i, blockquote cite {
	font-style:normal;
}

pre {
	font:11px Monaco, monospace;
	line-height:18px;
	margin-bottom:18px;
}

code {
	font:11px Monaco, monospace;
}

ins {
	text-decoration:none;
}


sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* PULLQUOTES -------------------------------------------------------------- */

blockquote.left {
	float: left;
	margin-right:20px;
	text-align: right;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-left:20px;
	text-align: left;
	width: 33%;
}



/* TABLES */

	table{
		border:1px solid #DDDDDD;
		margin: 10px;	
	}

	table caption strong{
		text-align:left;
		font-size: 14px;
		color: #414141;
		font-weight: normal;
		line-height:40px;
	}

	table caption{
		text-align:left;
		font-size: 12px;
		color: #414141;
		font-weight: normal;
		padding-bottom: 10px;
		padding-top: 5px;
	}

	table th {
		padding: 13px;
		background: #9B9B9B;
		border: 1px solid #ffffff;
		color: #ffffff;
		font-size: 12px;

	}

	table td {
		font-size: 11px;
		padding: 10px;
		text-align: left;
		border-left:1px solid #DDDDDD;
		border-bottom:1px solid #DDDDDD;
		background: #fcfcfc;
	}