/*
Theme Name: envisprecisely
Theme URI: http://www.envis-precisely.com
Description: wordpress theme for the king!
Version: 1.0
Author: philipp e sackl
Author URI: http://www.envis-precisely.com/
*/

* {
	padding: 0px;
	margin: 0px;
	border: 0px;
	
	font-family:"Lucida Grande", "Lucida Sans Unicode", Calibri, Verdana, Helvetica, Arial, sans-serif;
}


body {
	background-color:#2F3439;
	background-image:url("img/background_pattern.png"); 
	float:left;
}




/* Tab bar ============================================================= */
ul#tabs {
	display:block;
	clear:both;
	background-color:#0E0F10;
	width:100%;
	height:20px;
	margin-bottom:20px;
}

	ul#tabs li {
		display:block;
		float:left;
		padding:1px 0px 7px 0px;
		width:61px;
		height:10px;
		font-size:11px;
		margin-right:23px;
		margin-top:4px;
		font-weight:bold;
		text-align:center;
		
		background-image: url("img/tabs/tab_inactive.png");
		background-repeat:no-repeat;
		background-position:top;
	}
	
		ul#tabs li a {
			color:#7F7F7F;
			text-decoration:none;
		}
		
		ul#tabs li a:hover {
			color:#AAA;
		}
	
	ul#tabs li.firsttab {
		margin-left:36px;
	}
	
	ul#tabs li.tab_active {
		background-image: url("img/tabs/tab_active.png");
		background-repeat:no-repeat;
		background-position:top;
	}
	
		ul#tabs li.tab_active a {
			color:#CBCBCB;
		}
	
	
	

/* Menubar Layout ====================================================== */
div#menubar {
	float:left;
	width:200px;
	height:65px;
	position:absolute;
	left:0px;
	top:100px;
	width:100%;
	z-index:100;
	
	background-image: url("img/transparency.gif");
}

ul#menuitems {
	display:block;
	float:left;
	height:22px;
	width:599px;
	margin-left:236px;
	margin-right:10px;
	margin-top:10px;
	padding-top:3px;
	background-color:#000;
}

	ul#menuitems li {
		display:block;
		float:left;
	}

	ul#menuitems li a {
		display:block;
		float:left;
		height:15px;
		margin-left:20px;
		margin-top:2px;
		text-decoration:none;
		background-repeat:no-repeat;
		background-position:left top;
	}
	
	ul#menuitems li.kingtalkheader a {
		width:400px;
	}
	
	ul#menuitems li a:hover {
		background-position: 0px -16px;
	}
	
	ul#menuitems li a.activated, ul#menuitems li a.activated:hover {
		background-position: 0px -32px;
	}
		
		#m_portfolio {
			background-image: url("img/m_portfolio.png");
			width:87px;
		}
		
		#m_about_us {
			background-image: url("img/m_about_us.png");
			width:93px;
		}
		
		#m_awards {
			background-image: url("img/m_awards.png");
			width:76px;
		}
		
		#m_publications {
			background-image: url("img/m_publications.png");
			width:122px;
		}
		
		#m_contact {
			background-image: url("img/m_contact.png");
			width:78px;
		}
	
	
	span.hidden, div.hidden, img.hidden {
		display:none;
	}
	
		
	div#description {
		margin-top:11px;
		float:left;
		display:block;
		width:160px;
		color:#FFF;
		
		font-size:11px;
	}
	
	div.menubreakprotection {
		float:left;
		width:1005px;
	}



div#logo {
	position:absolute;
	z-index:150;
	top:65px;
	left:8px;
}





div.mainbreakprotection {
	float:left;
	width:1005px;
}



/* Box for content ===================================================== */
div.box {
	float:left;
	position:relative;
	background-color:#000;
}

	div.inner_box {
		padding: 4px 5px 1px 4px;
	}
	
	/* Edges */
	div.edge_t {
		background-image:url("img/box/edge_t.gif");
		background-repeat: repeat-x;
		background-position:top;
		float:left;
	}
	
	div.edge_r {
		background-image:url("img/box/edge_r.gif");
		background-repeat:repeat-y;
		background-position:right;
		float:left;
	}
	
	div.edge_b {
		background-image:url("img/box/edge_b.gif");
		background-repeat:repeat-x;
		background-position:bottom;
		float:left;
	}
	
	div.edge_l {
		background-image:url("img/box/edge_l.gif");
		background-repeat:repeat-y;
		background-position:left;
		float:left;
	}
	
	
	div.corner_tl {
		background-image:url("img/box/corner_tl.gif");
		background-repeat:no-repeat;
		background-position:top left;
		float:left;
	}
	
	div.corner_tr {
		background-image:url("img/box/corner_tr.gif");
		background-repeat:no-repeat;
		background-position:top right;
		float:left;
	}
	
	div.corner_br {
		background-image:url("img/box/corner_br.gif");
		background-repeat:no-repeat;
		background-position:bottom right;
		float:left;
	}
	
	div.corner_bl {
		background-image:url("img/box/corner_bl.gif");
		background-repeat:no-repeat;
		background-position:bottom left;
		float:left;
	}




div.bigbox {
	width:100%;
	margin-bottom:0px;
	float:left;
}

div.smallbox {
	width:138px;
	float:left;
	display:block;
}




div.contentarea {
	float:left;
	width:585px;
	padding:5px;
	padding-top:35px;
	margin-bottom:4px;
	background-color:#FFF;
}

	div.contentarea p a {
		text-decoration:underline;
	}

div.notfirstbox {
	padding-top:10px;
}









/* Sidebar Layout ====================================================== */
ul.sidebarul {
	display:block;
	float:left;
	width:160px;
	margin-left:40px;
	margin-top:200px;
	list-style-type:none;
	list-style-position:outside;
}

	ul.sidebarul li {
		display:block;
		clear:both;
		font-size:10px;
		margin-bottom:5px;
		color:#CCC;
	}
	
	ul.sidebarul p {
		font-size:10px;
		margin-bottom:10px;
	}
	
	ul.sidebarul a {
		color:#FFFF3C;
	}


li.sidebaritem {
	margin-top:30px;
	padding-bottom:5px;
}


li.sidebaritem, li.categories {
	border-bottom:1px solid #888;
}


li.categories ul, li.twitter ul {
	margin-top:5px;
}



	
	div.searchbox {
		background-color:#485154;
		width:160px;
		margin-bottom: 40px;
		float:left;
	}

	div.s_inner_box {
		padding: 3px 0px 4px 2px;
		width:159px;
	}


	/* Edges */
	div.s_edge_t {
		background-image:url("img/searchbox/edge_t.gif");
		background-repeat: repeat-x;
		background-position:top;
		float:left;
	}
	
	div.s_edge_r {
		background-image:url("img/searchbox/edge_r.gif");
		background-repeat:repeat-y;
		background-position:right;
		float:left;
	}
	
	div.s_edge_b {
		background-image:url("img/searchbox/edge_b.gif");
		background-repeat:repeat-x;
		background-position:bottom;
		float:left;
	}
	
	div.s_edge_l {
		background-image:url("img/searchbox/edge_l.gif");
		background-repeat:repeat-y;
		background-position:left;
		float:left;
	}
	
	
	div.s_corner_tl {
		background-image:url("img/searchbox/corner_tl.gif");
		background-repeat:no-repeat;
		background-position:top left;
		float:left;
	}
	
	div.s_corner_tr {
		background-image:url("img/searchbox/corner_tr.gif");
		background-repeat:no-repeat;
		background-position:top right;
		float:left;
	}
	
	div.s_corner_br {
		background-image:url("img/searchbox/corner_br.gif");
		background-repeat:no-repeat;
		background-position:bottom right;
		float:left;
	}
	
	div.s_corner_bl {
		background-image:url("img/searchbox/corner_bl.gif");
		background-repeat:no-repeat;
		background-position:bottom left;
		float:left;
	}
	
	
	div.searchbox {
		width:157px;
		float:left;
	}
	
	

	input#s {
		background-color:#485154;
		color:#999;
		border:0px;
		width:130px;
		height:15px;
		font-size:11px;
		margin-top:2px;
		padding-left:2px;
	}
	
		input#s:focus {
			color:#FFF;
		}
	
	input#searchbutton {
		background-image:url("img/searchbox/button.gif");
		background-color:#FFF;
		background-repeat:no-repeat;
		background-position: center;
		border:0px;
		width:16px;
		height:15px;
		cursor:pointer;
	}




/* Main Layout ========================================================= */
div#container {
	float:left;
	width:604px;
	margin-left:35px;
	margin-top:40px;
}

div.row {
	width:100%;
	margin-bottom:30px;
	float:left;
}

div.rowboarder {
	border-bottom:1px solid #CCC;
}

div.rownomargin {
	margin-bottom:0px;
}

div.column {
	float:left;
	width:138px;
	margin-right:17px;
}

	div.lastcolumn {
		margin-right:0px;
	}
	
	div.thirdcolumn {
		margin-left:1px;
	}



/* Slideshow =========================================================== */
div.slideshow {
	width:595px;
	height:291px;
	overflow:hidden;
}

div.loaderbackground {
	background-image:url("img/loader.gif");
	background-repeat:no-repeat;
	background-position: center center;
}

div#the_slideshow {
	
}

div#slideshow_inner {
	height:270px;
}

div#slideshow_inner img {
	float:left;
}


div.slideshowcontroller {
	float:left;
	display:block;
	position:relative;
	background-color:#000;
	width:595px;
	height:20px;
}

div.slideshowcontroller_inner {
	display:block;
	float:left;
	height:20px;
	width:595px;
	position:absolute;
	left:0px;
	bottom:0px;
}

div.slideshowcontroller_right {
	display:block;
	position:absolute;
	float:left;
	right:5px;
	bottom:0px;
}

div#slideshowcontroller_inner {
	float:left;
	display:block;
	position:absolute;
}

	div.slideshowbutton {
		display:block;
		float:left;
		width:20px;
		height:20px;
		background-image:url("img/slideshow/pager.png");
		background-repeat:no-repeat;
		background-position:0px 0px;
	}
	
	div.slideshowbutton:hover {
		background-position:0px -20px;
		cursor:pointer;
	}
	
	div.slideshowbuttonactive, div.slideshowbuttonactive:hover {
		background-position:0px -40px;
		cursor: default;
	}
	
	
	div.slideshow_fb {
		background-image:url("img/slideshow/fb.png");
	}
	
	div.slideshow_ff {
		background-image:url("img/slideshow/ff.png");
	}
	
	div.slideshow_f {
		background-image:url("img/slideshow/f.png");
	}
	
	div.slideshow_b {
		background-image:url("img/slideshow/b.png");
		margin-right:15px;
	}

.clickable {
	cursor: pointer;
}



/* Overlay-Thingy ====================================================== */
div#sl_overlay {
	position:absolute; 
	top: 0; 
	left: 0; 
	z-index: 190; 
	width: 100%; 
	height: 500px; 
	background-color: #000;
}

div#sl_outer_container {
	position:absolute;
	z-index:200;
	background-color:#FFF;
	width:595px;
	height:245px;
}

div#sl_image_container {
	background-color:#000;
}



/* Footer ============================================================== */
div#footer {
	float:left;
	width:100%;
	height:17px;
	margin-top:70px;
	padding-top:3px;
	background-image:url("img/transparency.gif");
}
	
	div#footer p {
		font-size:10px;
		color:#FFF;
		margin-left:240px;
	}
	
	div#footer a {
		text-decoration:none;
		color:#FFFF3C;
		
		margin-left:40px;
	}



/* Text ================================================================ */
div.main_image_overlay {
	position:absolute;
	float:left;
	bottom:5px;
}

	div.main_image_overlay p {
		background-color:#000;
		color:#FFF;
		display:block;
		clear:both;
		padding:2px;
		margin:0px;
	}

h1.h1overlay {
	font-size:14px;
	font-weight:normal;
	color:#FFF;
	/*position:absolute;
	bottom:5px;*/
	float:left;
	background-color:#000;
	clear:both;
	display:block;
}
	
	span.h1background a, span.h2background a {
		color:#FFF;
	}
	
	
	div.bigbox h1 {
		font-size:20px;
	}


h2.h2overlay {
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	position:absolute;
	float:left;
	bottom:5px;
}

	h2.h2overlay span.h2background, h1.h1overlay span.h1background {
		background-color:#000;
		padding: 2px 5px 2px 2px;
	}



h2 {
	font-size:22px;
	font-weight:bold;
}

h2.h2search {
	font-size:12px;
	clear:both;
	margin-top:20px;
	padding-top:10px;
	border-top:1px solid #CCC;
}

h2.h2blog {
	width:450px;
	margin-bottom:20px;
	position:relative;
	left:-5px;
}

	h2.h2blog a, span.h2blogbackground {
		color:#FFF;
		background-color:#000;
		padding: 2px 5px 2px 5px;
	}


h3, h4{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	position:relative;
	left:-5px;
	padding:0px 5px 2px 5px;
	color:#FFF;
	background-color:#000;
	clear:both;
	margin-bottom:20px;
}

h3 {
	display:inline;
	bottom:20px;
}
	


p {
	font-size:12px;
	color:#CCC;
	margin-bottom:10px;
}


	div.contentarea p {
		color:#2F2F2F;
	}

p.smallbox_p {
	display:none;
	/*display:block;*/
	float:left;
	padding-top:5px;
}


p.banner {
	margin-bottom:30px;
	padding-bottom:5px;
	/*border-bottom:1px solid #CCC;*/
}


p.border_above {
	border-top:1px solid #CCC;
	padding-top:9px;
	margin-bottom:5px;
}


a {
	color:#8398A1;
	text-decoration:none;
}


strong {
	font-weight:bold;
}

small {
	font-size:10px;
	color:#CCC;
}

em {
	font-style:italic;
}

blockquote {
	padding:10px;
}

input, textarea {
	border:1px solid #CCC;
	background-color:#FFFEEB;
	font-size:10px;
}

input {
	height:15px;
}

input:focus, textarea:focus {
	background-color:#FFF;
}

input.button {
	background-color:#2F3439;
	color:#FFF;
	padding:5px;
	height:25px;
}



/* The map ============================================================= */
div#map_canvas {
	width:595px;
	height:300px;
	margin-bottom:3px;
}




/* Blog-specific ======================================================= */
div.blogheader {
	width:595px;
	height:140px;
	background-image:url("img/blog_header.jpg");
	background-repeat:no-repeat;
	margin-bottom:3px;
	float:left;
}

	div.blogheader h1 {
		display:inline;
		float:left;
		position:absolute;
		bottom:3px;
		color:#FFF;
		background-color:#000;
		font-size:20px;
		font-weight:normal;
		padding:2px;
	}

div.blogcolumn {
	width:452px;
	float:left;
}

	div.blogcolumn img {
		border:1px solid #CCC;
	}

div.blogsidecolumn {
	width:123px;
	margin-left:10px;
	float:left;
}

	div.blogsidecolumn p {
		font-size:10px;
		color:#595959;
	}

div.contentarea textarea {
	width:450px;
}


div.navigation a {
	font-size:12px;
	padding:2px;
	color:#FFF;
	background-color:#000;
}

div.navigation a:hover {
	background-color:#313438;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

img.noborder {
	border-width:0px;
}

/* Blog-specific ======================================================= */
img.hiddenImage {
	display:none;
}