/* CSS Document
Theme Name: Koncept Business  Portfolio
Description: Koncept WordPress Theme.
Version: 1.2
Author: system32
Author URI: http://www.themeforest.net/user/system32
Tags: space, custom header, fixed width, two columns, widgets

	The CSS, XHTML and design under 960 Grid System:
*/

.colortheme		{ position:absolute; width:100%; color:#000; font-size:9px; color:#ccc; text-decoration: blink; text-align:center; }


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

body			{ margin:0px; font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; }

* html 			{ margin:0;padding:0; }

.imgborder		{ padding:3px; }


.floatleft 		{ 	float:left; }
.floatright 		{	float:right; }

.leftalign		{ float:left;margin-left:20px;}
.rightalign 		{ margin-right:20px;float:right;}

.textleft 		{ margin-left:20px;text-align:left;}
.textright 		{ text-align:right;}

.clear 			{ clear:both;}
.clearboth		{ clear:both;}

img 				{ border:0; }

p 				{ margin:0 0 15px 0;}

.port .loading 				{ text-align:center; display:block; background: url(ajax-loader.gif) no-repeat center center; height:150px; }

.divider										{ clear:both; margin-bottom:20px; margin-top:20px; border-bottom:1px solid #ddd; }

/* Headings ------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

h1				{ letter-spacing:-2px; font-size:30px; padding:0; margin:10px 0 20px 0; }

h2				{ font-size:24px; letter-spacing:-1px; padding:0; margin:0 0 15px 0; }

h3				{ font-size:20px; letter-spacing:-1px; padding: 0px; margin:0px 0 15px 0;}

h4				{ font-size:18px; line-height:0.5em; padding: 0px; margin:0px 0 15px 0; }

h5				{ padding: 0px; font-size:14px; margin:10px 0 10px 0; }

h6				{ padding:0px; font-size:11px; margin:10px 0 10px 0; }

/* Header ------------------------------------------------------*/

.topbar			{ min-height:100px; width:100%; position:relative; }

.logo img		{ display:block; margin:20px 0 0 20px;  }
.sf-menu		{ list-style:none; background:none; }

/* Sub Header ------------------------------------------------------*/

.subheader			{ padding:0px 0 20px 0; overflow:hidden;}

.subheader h2		{ padding:20px 20px 20px 20px;  margin:0;  }
.subheader h1		{ padding:20px 20px 10px 20px;  margin:0;  }

.subheader h5 		{ padding:0; margin:0 30px 0 0; text-align:right; line-height:30px; }


/* Top Menu -----------------------------------------------------*/

.topmenu			{ margin-top:16px; }

/* Top Box -----------------------------------------------------*/

.topbox 		{ margin:10px 0 0 0; padding:20px 0px 0px 20px; overflow:hidden; height:100%; }

.topbox h3		{ margin:10px 0 5px 0;	}
.topbox h3 span	{ display:block; font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:0;	}

.topbox p		{ clear:left; margin:0; padding:10px 0; }
* html .topbox p{ clear:left; margin:0; padding:0px 0 10px 0;}

.topbox img 	{ padding:0px 10px 10px 0; margin:0; }

.entry .topbox 	{ padding:10px 0 0 0; }


/* services servicebox
--------------------------------------------------------------------------------------------------*/

.servicebox			{ margin:0; padding:20px 20px 0px 0px; overflow:hidden; height:100%; clear:both;}

.servicetext h3 span	 	{ display:block; }
.serviceicon				{ vertical-align:top; float:left; width:70px;}
.servicetext h3	 			{ font: normal bold 18px/22px "lucida grande", Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#515151;}
.servicetext h3 span	 	{ font:normal 11px Tahoma, Arial, Helvetica, sans-serif; letter-spacing:normal; }
.servicetext p				{ margin-left:70px;	}


/* Mid Content -----------------------------------------------------*/	

.midcontent 		{ overflow:hidden; margin:0px 0 0px 0; padding:0 0 20px 0; }
.content			{ margin:20px auto 20px auto; padding:20px; overflow:hidden; }
.sidebar			{ margin:0 0px 0 0; min-height:482px; padding-right:20px;}


/* News List -----------------------------------------------------*/

ul.newslist					{ margin:10px 0px 10px 0; padding:0; list-style:none; }
ul.newslist li 				{ padding:5px 0px;  }
ul.newslist li p 			{ margin:0 0 10px 0; padding:0;	}

ul.newslist li a:link, 
ul.newslist li a:visited, 
ul.newslist li a:active 	{ padding:0px 0px; text-decoration:none;}

ul.newslist li a:hover 		{ padding:0px 0px; text-decoration:none; }

ul.newslist li span 		{ font-weight:bold; display:block; margin-bottom:0px; }



/* Sub Menu ------------------------------------------------------*/

.submenu ul						{ margin:0px 0 10px 0px; padding:0; 	position:relative;	}
.submenu ul li 					{ padding:0; list-style-type:none; background:none;	}
.submenu ul li:last-child		{ border-bottom:none;	}

.submenu ul li img				{ vertical-align:middle; margin-right:5px;}


.submenu ul li a 				{ margin:0px; display:block; padding:11px 0px 11px 0px;	text-decoration:none;	}
.submenu ul li li a 			{ margin:0; text-decoration:none;	}
.submenu ul li li a:link, 
.submenu ul li li a:visited 	{ text-decoration:none;	}

.submenu ul li a:link, 
.submenu ul li a:visited 		{ text-decoration:none;	}

.submenu ul ul 					{ margin-left:15px;}
.submenu ul ul li a				{ padding:2px 0 2px 10px; }

.submenu ul li.current_page_item > a,	
.submenu ul li.current-cat > a	{ font-weight:bold;	text-decoration:none;}

.submenu ul li a:hover 			{ display:block; text-decoration:none;	}


/* Portfolio Details ---------------------------------------------------*/	 

.port 							{ margin-left:20px; float:left; margin-bottom:20px; height:300px; } 
.port img						{ margin:0;	}	
.port p span 					{ margin:5px 0 0 0; padding:0; } 
.port h5 						{ display:block; margin:0 0 0px 0; padding:10px 6px; } 

.port p span, 
.port h5 						{ display:block; }

.img_border						{ padding:1px;  background:#FFFFFF; border:5px solid #ddd; margin-bottom:10px; 	}

.img_border:hover 				{ border:5px solid #aaa; }

.port a img, 
.port a:hover img 				{ position:relative; z-index:1; }

.galleryimage		{ position: absolute; z-index: 1; top:0; left:0; }
.galleryimage		{ position: absolute; background:transparent url(images/magnify.png) no-repeat center center; }


/* Read More -----------------------------------------------------*/

a.read			{ float:right; text-decoration:none; padding:5px 0; }
a.read:hover	{ text-decoration:underline; }


/* Testimonial Block -----------------------------------------------------*/

blockquote 				{ padding:0; margin:0px; }

.entry blockquote 		{ margin:0 0 20px 0; padding:20px;}

blockquote, q 			{ quotes: none;} 

blockquote:before, 
blockquote:after,
q:before, q:after 		{ content: ''; content: none; }

blockquote 				{ margin: 15px 0px 15px 0px; padding-right: 5px; }

.footerbg blockquote cite strong { font-style:normal; }



/* Footer Details ----------------------------------------------------*/

.footerbg				{ width:100%; height:100%; overflow:hidden; padding:40px 0 40px 0; }
.footerbg .divider		{ border-color:#444;}
.copyright 				{ float:left; }

.footerbg h2			{ font-size:16px; text-transform:uppercase; letter-spacing:normal; }

.footerbg img			{ vertical-align:middle; margin-right:10px;	}
.footerbg .client 		{ margin:10px 0;}

/* Footer Lists ------------------------------------------------------*/

.footerbg ul 			{ margin:10px 0; padding:0;	}
.footerbg ul li 		{ padding:0px 0px 5px 0px; margin:0; list-style-type:none; list-style-postition:outisde; }
.footerbg ul li a 		{ padding:0px 0px 10px 0px;	}
.footerbg ul li a:hover { padding:0px 0px 15px 0px; }

/* Blog Entries ------------------------------------------------------*/

.entry					{ padding:20px 0; clear:both; }

.entry .post-info		{ margin:8px 0; text-transform:uppercase; font-size:10px; }


div.excerpt				{ overflow:hidden; height:100%;}		
div.excerpt:last-child 	{ border-bottom:none;}

.singlepost h2		{ margin-bottom:20px;}
.singlepost h2 a	{ background:none;}


.bottomblog { border-top:1px solid #ccc; padding:3px 0; margin:10px 0; overflow:hidden; height:100%; border-bottom:1px solid #ccc; }


/* Search Box ------------------------------------------------------------*/

.search-box 					{ height: 40px; padding: 5px 0 0 0px; width: auto; margin:10px 10px 10px 0px; }

* html .search-box 				{ margin-top: 10px; }
*:first-child+html .search-box 	{ margin-top: 10px; !important; 	}
	
input.search-field 		{ background:#f0f0f0; border:1px inset #fff; width:190px; height:20px; float:left; margin:0px; padding: 5px 0px 0px 11px; }
input.search-go  		{ float:left; height:24px; width:24px; border:0; margin:0 0 0 5px; padding:0; background:url(images/search-on.gif) no-repeat top left; cursor: pointer; }

input.search-go:hover 	{ background:url(images/search-hover.gif) no-repeat bottom left; }



/* Contact form ------------------------------------------------------*/

#contactform	 					{ width:550px; 	}
#contactform form 					{ margin:0; padding:0; margin-top:20px; width:100%;	}

#contactform fieldset 				{ padding:10px 0; margin:0 0 15px 0; }
#contactform fieldset legend 		{ font:normal bold 18px/26px "Trebuchet MS",Verdana,Tahoma; padding:3px 25px; margin-left:30px; text-transform:uppercase; }

#contactform fieldset legend span 	{ font:normal 10px/18px Arial,Verdana,Tahoma; text-transform:uppercase; display:block; }
#contactform form label 			{ display:block; float:left; width:150px; padding:6px 10px 0 0; margin:0px; text-align:right; }
#contactform input.inpt, 
#contactform textarea, 
#contactform select 				{ width:260px; padding:5px; margin:5px 0 5px 0; }

#contactform form br 				{ clear:left; }
#contactform input.required 		{ 	}

#contactform .select select:focus 	{ }
#contactform form input.btn 		{ background:none; border:none; }

#contactform form.c1 input:hover,
#contactform textarea:hover			{ }

#note 								{ width:90%; margin:0 auto; }



.hover_video									{ position: absolute; background:transparent url(images/video.png) no-repeat center center;}
.hover_image									{ position: absolute; background:transparent url(images/image.png) no-repeat center center;}

p.fancy a img, a:hover img 				{ position:relative; z-index:2; }

.fullimage										{ padding:5px; margin-bottom:15px; }



/* Readmore -------------------------------------------------------------------------------------------*/

.social			{ float:right;}
.social	h4		{ margin-bottom:0; margin-right:20px;}
.social	p		{ margin-bottom:0; margin-left:20px;}

.social ul 		{ margin: 0; padding: 0; }
.social li 		{ margin-right:8px; padding:4px 0px 0px 0; list-style: none; display: inline; float: left; vertical-align:middle }







.half_width 										{ width:456px;}
.one_third 										{ width:288px;}
.two_third 										{ width:624px;}
.one_fourth										{ width:205px;}
.three_fourth									{ width:710px;}

.half_width, 
.one_third, 
.two_third, 
.two_third, 
.one_fourth, 
.three_fourth									{ float:left; position:relative; display:inline; margin:10px 40px 20px 0; }

.last 											{ margin-right:0 !important; clear:right; }

.content .half_width							{ width:280px;}
.content .one_third								{ width:180px;}


/* Alert Boxes -------------------------------------------------------------------------------------------*/

span.error 										{ color: #cc0000; border-top: 3px solid #fe7b7a; border-bottom: 3px solid #fe7b7a; background: #ffd6d6 url(images/icons/error.png) 4% 50% no-repeat;}
span.info 										{ color: #0055bb; border-top: 3px solid #629de3; border-bottom: 3px solid #629de3; background: #d8e5f8 url(images/icons/info.png) 4% 50% no-repeat;	}
span.alert 										{ color: #b79000; border-top: 3px solid #fde179; border-bottom: 3px solid #fde179; background: #fef6d8 url(images/icons/alert.png) 4% 50% no-repeat;}
span.download 									{ color: #ffffff; border-top: 3px solid #6a8b2c; border-bottom: 3px solid #6a8b2c; background: #7E9F59 url(images/icons/download.png) 4% 50% no-repeat;}
span.success 									{ color: #57861a; border-top: 3px solid #c2df88; border-bottom: 3px solid #c2df88; background: #eef7dd url(images/bullets/check.gif) 4% 50% no-repeat;}

span.error,
span.info,
span.alert,
span.success,
span.download 									{ display: block; padding: 10px 10px 10px 55px; margin: 5px;	-moz-box-shadow:0px 0px 2px #444; -webkit-box-shadow:0px 0px 2px #444; box-shadow:0px 0px 2px #444; }


/* Bullet Lists -------------------------------------------------------------------------------------------*/


.content ul, .content ol 							{ margin: 0 0 0px 0px; padding:0;}
.content ol 										{ padding-left: 2em;}

.content ul ul, .content ol ol,
.content ul ol, .content ol ul 						{ margin-top: 8px;}
.content ul li, .content ol li 						{ padding: 3px 5px; }

.content ul li 										{ padding-left: 15px; list-style:none; }
.content ol li 										{ list-style-type:decimal; list-style-position: outside;}


ul.bullet-black li 								{ background: transparent url("images/bullets/dot_black.gif") no-repeat 0 50%; }
ul.bullet-gray li 									{ background: transparent url("images/bullets/dot_gray.gif") no-repeat 0 50%; }
ul.bullet-blue li 									{ background: transparent url("images/bullets/dot_blue.gif") no-repeat 0 50%; }
ul.bullet-green li 								{ background: transparent url("images/bullets/dot_green.gif") no-repeat 0 50%; }
ul.bullet-red li 									{ background: transparent url("images/bullets/dot_red.gif") no-repeat 0 50%; }
ul.bullet-orange li 								{ background: transparent url("images/bullets/dot_orange.gif") no-repeat 0 50%; }
ul.disc-black li									{ background: transparent url("images/bullets/circle_black.gif") no-repeat 0 50%; }
ul.disc-gray li 									{ background: transparent url("images/bullets/circle_gray.gif") no-repeat 0 50%; }
ul.disc-blue li 									{ background: transparent url("images/bullets/circle_blue.gif") no-repeat 0 50%; }
ul.disc-green li	 								{ background: transparent url("images/bullets/circle_green.gif") no-repeat 0 50%; }
ul.disc-red li 									{ background: transparent url("images/bullets/circle_red.gif") no-repeat 0 50%; }
ul.disc-orange li 									{ background: transparent url("images/bullets/circle_orange.gif") no-repeat 0 50%; }

ul.bullet-check li 								{ background: transparent url("images/bullets/check.gif") no-repeat 0 8px;  padding-left: 20px; }


/* Pre Code -------------------------------------------------------------------------------------------*/

code, pre										{ font: normal 12px/20px Consolas, "Courier New", Courier, monospace; padding: 3px 5px; margin:10px 0 20px 0; border: 1px dotted #bbb;	color: #333;}
code											{ padding: 3px 5px; background-image: none; }
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* Highlight Texts -------------------------------------------------------------------------------------------*/

.yellow_highlight	 							{ background:#ffff00; }
.red_highlight 									{ background:#f9c1c1; }
.green_highlight 								{ background:#daf0a9; }
.blue_highlight 									{ background:#a9d1f0; }

.yellow_highlight,
.red_highlight,
.green_highlight,
.blue_highlight 									{ color:#000; padding:1px 4px;}

.black_highlight								{ background:#000; color:#fff;  padding:1px 4px;}


/* Drop Caps -------------------------------------------------------------------------------------------*/

.dropcap1										{ display:block;  background:url(images/dropcap.png) 50% 50% no-repeat; font-size:30px; float:left; width:40px; text-align:center; height:40px;  margin-bottom:-5px; margin-right : 10px; font-size: 2em; line-height:35px; color:#FFFFFF; padding-left:1px; padding-top:5px;}
.dropcap1 span									{ font-size: 2em; line-height:1.5em; color:#FFFFFF; }
.dropcap1 + span								{ margin-left  : -0.5em; }

.dropcap2										{ display:block; float:left; text-align:center; margin-top:0em; margin-left:0.1em; margin-right : 0.2em; font-size:3em; line-height:1em; color:#999;	}
.dropcap2 span									{ font-size:3em; line-height:1em; color:#999;}
.dropcap2 + span								{ margin-left  : 0em;}

/* Toggle Content ------------------------------------------------------------------------------------- */

h5.toggle 										{ background:transparent url(images/plus.png) no-repeat; font-size:18px; margin-top:20px; padding:0 0 0 30px;}
h5.toggle a 										{ color: #888; padding-top:2px; text-decoration: none; display: block;}
h5.toggle a:hover 								{ color:#666;}

h5.active 										{ background:transparent url(images/minus.png) no-repeat ;}
h5.active a:link 									{ color:#666;}

.toggle_content 									{ clear:both; overflow:hidden; border:1px solid #F5F5F5; margin:0 0 20px 0px; -moz-border-radius:4px; -webkit-border-radius: 4px; background:#F5F5F5;  }
.toggle_content div.toggleinside					{ padding:15px;}

/* Pull Quotes ------------------------------------------------------------------------------------- */

span.inset-left 									{ display: block; padding: 15px; float: left; width: 35%;letter-spacing:0; font:italic normal 14px/25px Georgia, Arial, Sans-serif;}
span.inset-right 								{ display: block; padding: 15px; float: right; width: 35%;letter-spacing:0; font:italic normal 14px/25px Georgia, rial, Sans-serif; }



/* Pagination -------------------------------------------------------------------------------------------*/

.pagination								{ clear:both; margin-top:30px; height:50px; margin-left:0px; width:100%; border-top:1px solid #ddd; padding-top:15px;}
.pagination a, 
.pagination a:link, 
.pagination a:visited,
.pagination a:active,
.pagination span.current,
.pagination span.pages,
.pagination span.extend					{ font-size:11px; padding: 10px;  margin: 1px; color:#444; border: 1px solid #c8c8c8; background: #FFFFFF; 
													-moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;}

.pagination span.pages 					{ border:0; text-transform:uppercase; ; }
.pagination a:hover 					{ border: 1px solid #000; background: #fff; }

.pagination span.current 				{ padding: 10px; margin: 1px; font-weight: bold; color:#777; border: 1px solid #000;}