/*
Theme Name: BPO
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Shujaat Haider
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
#container{	
	margin:0 auto;
	position:relative;
	width:968px;
}
#slider {
	position:relative;
	width:968px;
	
}
#slider li{ 
	position:relative;
	width:968px;
	height:191px;
}
#slider ul, #slider li
{
	margin:0;
	padding:0;
	list-style:none;
}
ol#controls{margin:-40px 0 0 861px; width:220px;position:absolute;padding:0px; float:right; list-style:none;}
ol#controls li{margin:0px 6px 0px 0px; padding:0px; float:left; width:28px;}

ol#controls li a{text-decoration:none; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; line-height:26px; padding:0px 0px 0px 11px; background:url(images/black.png) no-repeat;}
ol#controls li a:hover{background:url(images/white.png) no-repeat; color:#3c5c80;}


body
{
	margin:13px 0px;
	background:url(images/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2f2f2f;
}

img
{
	border:0px;
}

h1, h2, h3, h4, h5, h6, form, p
{
	margin:0px;
	font-weight:normal;
}

div
{
	text-align:left;
}

a
{
	outline:none;
}

.flt_lft
{
	float:left;
}

.flt_rht
{
	float:right;
}

#wrapper{width:1006px; margin:auto; height:auto;}

#main{background:url(images/mainbg.png) repeat-y; float:left; width:1006px;}

#header{margin-left:20px; width:968px; float:left; height:88px;}
#header .evershine{width:421px; text-align:center; float:left; margin-top:32px; margin-left:50px;}
#header .buttons{width:247px; float:right; position:relative; margin-top:-16px;}
#header .lang_form{font-size:11px; color:#000000; width:169px; float:right; margin-top:35px;}
#header .lang_form select{width:115px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#848484;}
#header .logo{margin-left:12px;}

#navigation{width:968px; float:left; z-index:1000; position:relative; margin-left:19px;}
#navigation .bg{background:url(images/nav_bg.jpg) repeat-x; float:left; width:958px;}
#navigation .bg img{float:left;}
#navigation .bg img.sep{float:left; margin-right:5px; margin-left:-2px; margin-top:6px;}

#maincontainer{width:968px; margin:auto;}
#maincontainer .flash{float:left; margin-top:-9px; z-index:12; position:relative;}
#maincontainer .servicesmain{width:100%; float:left; margin-bottom:10px;}
#maincontainer .services{float:left; width:323px; background:url(images/services.png) no-repeat; height:163px;}
#maincontainer .services1{float:left; width:322px; margin:0px 8px; background:url(images/services.png) no-repeat; height:163px;}
#maincontainer .servicesbg{float:left; width:305px; padding-right:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#181818; line-height:16px;}
#maincontainer p.bg{background:url(images/services_top_headingbg.jpg) repeat-x; height:32px; width:300px; margin-left:3px;}
#maincontainer .symbol{margin-left:4px; margin-top:-7px; margin-bottom:-6px; margin-right:10px; position:relative; float:left; vertical-align:middle;}
#maincontainer h1{color:#2f2f2f; font-family:Arial, Helvetica, sans-serif; font-size:15px; float:left; font-weight:bold; margin-left:74px; margin-top:25px;}
#maincontainer div.top{height:57px; float:left; width:100%;}
#maincontainer img.img{position:relative; margin-top:-1px; margin-bottom:-10px; float:left; margin-right:9px; margin-left:10px;}
#maincontainer .details{margin-top:8px; float:left;}
#maincontainer .detailsbg{background:#ffd63d; height:16px; line-height:16px; text-align:center; width:60px; float:left;}
#maincontainer .detailsbg a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none; display:block; white-space:nowrap;}
#maincontainer .detailsbg a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:underline; display:block; white-space:nowrap;}
#maincontainer .representationmain{width:100%; float:left;}
#maincontainer .represtation{float:left; width:321px; background:url(images/inventory_bg.png) no-repeat; text-align:center;}
#maincontainer .represtation1{float:left; width:321px; background:url(images/inventory_bg.png) no-repeat; text-align:center; margin-left:8px; margin-right:8px;}
#maincontainer .represtation h1{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; font-weight:bold; text-shadow:2px 1px 3px #2773cd; margin-top:19px;}
#maincontainer .represtation .top{height:47px; float:left; width:100%;}
#maincontainer .represtation1 h1{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; font-weight:bold; text-shadow:2px 1px 3px #2773cd; margin-top:19px;}
#maincontainer .represtation1 .top{height:47px; float:left; width:100%;}
#maincontainer .represtationbg{background:url(images/invertory_bg.png) repeat-y; float:left; width:264px; padding:15px 28px 3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2f2f2f; line-height:16px; height:153px;}
#maincontainer a.readmore{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0b6ae3; font-weight:bold; float:right; text-decoration:none; margin-top:10px;}
#maincontainer a.readmore:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0b6ae3; font-weight:bold; float:right; text-decoration:underline; margin-top:10px;}
#maincontainer .bg_serv{background:url(images/services.jpg) no-repeat;}

#footer{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#afafaf; width:970px; margin:auto; line-height:37px;}
#footer .sep{color:#010101; padding:0px 6px;}
#footer a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#010101; text-decoration:none; margin:0px 3px;}
#footer a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#010101; text-decoration:underline;}
#footer a.genetech{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#afafaf; text-decoration:none;}
#footer a.genetech:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#afafaf; text-decoration:underline;}

#inner_lft{width:267px; float:left; margin-right:15px; margin-top:10px;}
#inner_lft .main{widows:267px; float:left; width:263px; background:url(images/lft_rpt.png) repeat-y;}

ul.inner{margin:0px 0px 0px 17px; padding:0px;}
ul.inner li{list-style:none; padding:0px; margin-bottom:5px; display:block;}
ul.inner li.one{background:url(images/inner_ul_hvr1.png) repeat-y; position:relative; width:231px;}
ul.inner li.two{ background:url(images/inner_ul_hvr2.png) repeat-y; position:relative; width:231px; height:50px; overflow-y:hidden}
ul.inner li.two:hover{background:url(images/inner_ul_hvr2.png) repeat-y; position:relative; width:231px; height:50px; overflow-y:hidden}
ul.inner li.one a{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; text-decoration:none;}
ul.inner li.two a{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; text-decoration:none;}
ul.inner li.two:hover a{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; text-decoration:none;}
ul.inner li.four{ position:relative; width:231px; height:50px; overflow-y:hidden}


ul.inner li a.selected{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; text-decoration:none; width:200px; background:url(images/selected_img.jpg) no-repeat; background-position:10px 15px; padding-left:22px; padding-top:10px; padding-bottom:10px;}
ul.inner li a{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; text-decoration:none; display:block; width:200px; background:url(images/anchor_img.jpg) no-repeat; background-position:10px 15px; padding-left:22px; padding-top:10px; padding-bottom:10px;}
ul.inner li:hover a{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; text-decoration:none; width:200px; background:url(images/selected_img.jpg) no-repeat; background-position:10px 15px; padding-left:22px; padding-top:10px; padding-bottom:10px;}

ul.inner li.four:hover{background:url(images/inner_ul_hvr2.png) repeat-y; position:relative; width:231px; height:50px; overflow-y:hidden}
ul.inner li.three:hover{background:url(images/inner_ul_hvr1.png) repeat-y; position:relative; width:231px;}



#inner_rht{width:662px; float:left; margin-top:10px;}
#inner_rht .bread_comes{float:left; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#8a8a8a; width:100%; margin-top:15px;}
#inner_rht .bread_comes span{color:#0663d2; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#inner_rht .bread_comes a{font-family:Arial, Helvetica, sans-serif; color:#8a8a8a; font-size:10px; margin-right:4px; text-decoration:none;}
#inner_rht .bread_comes a:hover{font-family:Arial, Helvetica, sans-serif; color:#8a8a8a; font-size:10px; margin-right:4px; text-decoration:underline;}
#inner_rht img.img{margin-bottom:3px; margin-left:6px; float:right;}
#inner_rht h1{font-family:"Century Gothic", Arial; font-size:34px; color:#23548c; width:100%; margin:0px 0px 6px; font-weight:normal;}

#text {color:#534F4F; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:22px;}
#text h3 {font-weight:normal; font-size:16px; color:#999;}
#text p{padding-bottom:12px;}
#text a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0663D2; text-decoration:none; outline:none; border:none; }
#text a:hover {text-decoration:underline; }


ul.inner li.current_page_item
{
	background:url(images/inner_ul_hvr1.png) repeat-y; position:relative; width:231px;	
}

ul.inner li.current_page_item a{
   font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; text-decoration:none; width:200px; background:url(images/selected_img.jpg) no-repeat; background-position:10px 15px; padding-left:22px; padding-top:10px; padding-bottom:10px;
}
ul.inner li:hover {background:url(images/inner_ul_hvr1.png) no-repeat; position:relative; width:231px;}

