@charset "utf-8";
body { margin:0; padding:0; width:100%; }
html { padding:0; margin:0; }
/* main */
.main { width:978px; padding:0; margin:0 auto; background:#ffffff; border:1px solid #f2f2f2; }
/********** header **********/
.header { padding:0; margin:0 auto; }
.block_header { margin:0 auto; width:980px; padding:0; border:none; }
/* logo */
.logo { float:left; padding:0px 0px 0px 20px ; margin:0; width:280px; }
/* menu */	
.menu { float:right; padding:0; margin:26px 0 0 0; width:450px; }
.menu ul { padding:0; margin:0; list-style:none; border:0; }
.menu ul li { float:left; margin:0; padding:10px 1px 10px 0; border:0; }
.menu ul li a { text-align:center; float:center; margin:0; padding:13px 10px; color:#868686; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; }
.menu ul li a:hover {color:#171717;	text-decoration:inherit;}
.menu ul li a.active {color:#171717;text-decoration:inherit;}
/* menu_l */	
.menu_l { float:right; padding:0; margin:-65px 10px 0px 0px; width:306px;background: #FFF; height:40px; }
.menu_l ul { padding:0; margin:0; list-style:none; border:0; }
.menu_l ul li { float:left; margin:0; padding:0px 20px 0px 0; border:0; }
.menu_l ul li a { text-align:center; float:center; margin:0; padding:1px 1px; color:#868686; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; }
.menu_l ul li a:hover {color:#171717;	text-decoration:inherit;}
.menu_l ul li a.active {color:#171717;text-decoration:inherit;}
.menu_l p {	font:bold 22px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:0px 5px; margin:0; line-height:1.8em; text-align:left }
/* menu2 */
.menu2 { float:right; padding:0; margin:40px 0 0 0; width:450px; }
.menu2 ul { padding:0; margin:0; list-style:none; border:0; }
.menu2 ul li { float:left; margin:0; padding:1px 1px 1px 0; border:0; }
.menu2 ul li a { text-align:center; float:center; margin:0; padding:13px 10px; color:#606060; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; }
.menu2 ul li a:hover {color:#0396e5;text-decoration:inherit;}
.menu2 ul li a.active {color:#0396e5;text-decoration:inherit;}
/*-----  Index Portfolio  -----*/
.header_text { width:960px; margin:0 auto; padding:0; border-top: 6px solid #d2d2d2; border-bottom:6px solid #d2d2d2; }
.header_text2 { width:978px; margin:0; padding:0; }
.header_text2 h2 { font: normal 36px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:10px 0px 10px 30px; margin:0; }
.header_text2 div.menu2 { border-top:1px solid #e2e2e2; width:958px; margin:0; padding:0 10px 0px 10px; }
.header_text2 a { color:#2b2b2b; padding:10px 15px;	margin:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal;	font-variant: normal; text-transform: none; text-decoration: inherit;}
#index_portfolio { float: left; width:960; margin:0; padding:0; }
.itemidx {	float: right;	overflow: hidden;	cursor: pointer;	position: relative;	height: 313px;}
.itemidx img { margin:0; padding:0; float:none; }
#index_portfolio .itemidx a { width: 100%; height: 313px; float: left; position: absolute; display: none; }
#index_portfolio .current a { width: 100%; height: 313px; float: left; position: absolute; display: block; }
#index_portfolio .itemidx .caption { position: absolute; padding: 0; float: left; }
#index_portfolio .itemidx .caption h2 { font-weight: bold; }
#index_portfolio .itemidx .caption p { font-size: 13px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: 0; }
/*FBG*/
.FBG { margin:0; padding:10px 0; }
.FBG_resize { width:960px; margin:0 auto; padding-top:20px ; border-top:1px solid #f1f1f1; background:#f1f1f1; z-index:-1; }
.FBG h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#171717; padding:5px; margin:0; }
.FBG p { font:normal 12px Arial, Helvetica, sans-serif; color:#4a4a4a; line-height:1.8em; padding:5px 5px; margin:0; }
.FBG p span { color:#cb6700; }
.FBG a { color:#ee1100; text-decoration:none; font: bold 11px Arial, Helvetica, sans-serif; background:#f1f1f1; padding:3px; margin:0; }
.FBG img.news { float: left; margin:10px 5px; padding:0; }
.FBG ul { margin:10px auto; padding:0; list-style:none; }
.FBG li { background:url(images/fbg_ul_li.gif) left no-repeat; padding:2px 0 2px 20px; margin:0; font: bold 12px Arial, Helvetica, sans-serif; color:#4a4a4a; }
/* search */
.search { padding:0px 5px 0px 0px; width:158px; margin:0; height:40px; background:url(images/searchbar.png) no-repeat }
.search form { display:block; float:right; padding:0; }
.search span { display:block; float:left; width:101px; padding:0 5px; height:40px; }
.search form .keywords { width:100px; line-height:17px; height:17px; float:left; background:none; border:0; padding:11px 6px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#000; }
.search form .button { float:left; margin:0; padding:8px 22px 10px 0px; }
/****Recent **/
.Recent_services { width:278px; float:left; padding:0 10px; margin:10px 10px 10px 10px; }
.Recent_contact { width:278px; float:left; padding:0 10px; margin:10px 10px 10px 10px; }
.Recent_news { width:278px; float:left; padding:0 10px; margin:10px 10px 10px 10px !important; margin:0 0 0 20px;}
.Recent2 { width:304px; float:right; padding:0; margin:0; }
/********** block index **********/
.body { margin:0; padding:0; }
.body_resize { width:960px; margin:0 auto; padding:20px 0 0 0; }
.body_resize h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#171717; padding:5px; margin:0; }
.body_resize h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#5c5c5c; }
.body_resize p { font:normal 12px Arial, Helvetica, sans-serif;	color:#9a9a9a; padding:5px; margin:0; line-height:1.8em; font-size: 12px; }
.body_resize a { color:#138cbb; text-decoration:none; }
.body_resize img { margin:5px; padding:0; }
.body_resize img.center { margin:0 1px; padding:0; }
.body_resize img.floated { float:left; margin:0; padding:20px 0 0 0; }
.left { width:572px; float:left; margin:0; padding:10px 10px; }
.left p { font: normal 12px Arial, Helvetica, sans-serif; color:#2b2b2b; padding:10px 5px; margin:0; line-height:1.8em; }
.block_body { width:278px; float:left; margin:0 10px; padding:10px; }
.block_body_quote { width:304px; float:left; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; background: #FFD9A6}
.block_body_quote p { font: normal 12px Arial, Helvetica, sans-serif; color:#4a4a4a; padding:10px 0; margin:0; line-height:1.8em; }
.block_body_s { width:150px; float:left; margin:0 10px; padding:10px 10px 10px 10px; }
.block_body_c { width:500px; float:left; margin:0 10px; padding:10px 10px 10px 10px; }
.block_body p { font: normal 12px Arial, Helvetica, sans-serif; color:#4a4a4a; padding:10px 0; margin:0; line-height:1.8em; }
.block_body2 { width:210px; float:left; margin:0 10px; padding:20px 0; }
.block_body2 p { font: normal 12px Arial, Helvetica, sans-serif; color:#4a4a4a; padding:10px 0; margin:0; line-height:1.8em; }
.arroww { width:100px; margin:0 auto; padding:0; }
.right_details { width:313px; float:right; margin:0; padding:10px 10px; background:#2b2b2b; }
.right { width:313px; float:right; margin:0; padding:10px 10px; background:#2b2b2b; }
.right_about { width:313px; float:right; margin:0; padding:10px 10px; background:#efefef; }
.right_about p { font: normal 11px Arial, Helvetica, sans-serif; color:#4a4a4a; padding:10px 0; margin:0; line-height:1.8em; }
.products_left { width:300px; float:left; margin:0 5px; padding:5px 5px 5px 5px; }
.products_centre { width:300px; float:left; margin:0 5px; padding:5px 5px 5px 5px; }
.products_right { width:300px; float:left; margin:0 5px; padding:5px 5px 5px 5px; }
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; }
#contactform label { margin:0; width:110px; display:block; padding:10px 0; color:#5f5f5f; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:300px; border:1px solid #efefef; margin:2px 0; padding:5px 2px; height:16px; background:#fafafa; float:left; }
#contactform textarea { width:460px; border:1px solid #efefef; margin:2px 0; padding:2px; background:#fafafa; float:left; }
#contactform li.buttons input { padding:10px 0 3px 0; margin:0; border:0; color:#FFF; float:left; }
p.response { text-align:center; color:#F00; font: normal 11px Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto; }
/*************footer**********/
.footer_resize { width:938px; margin:0 auto; padding:10px 20px; background:#2d2d2d; border:1px solid #3b3b3b; }
.footer { padding:10px 0; margin:0; }
.footer p { font:normal 12px Arial, Helvetica, sans-serif; color:#e9f3fb; }
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#e9f3fb; text-decoration:none; padding:5px; margin:0; }
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0 0 0; float:left; }
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 0 0 0; float:right; }
p.clr,
.clr { clear:both; padding:0; margin:0; background:none; }
li.bg,
.bg {
	clear:both;
	border-top:1px solid #e2e2e2;
	padding:0;
	margin:0px 0;
	background:none;
	line-height:0;
}
/* !!! */
.rss { background: url(images/rss.gif) top no-repeat; position:absolute; width:27px; height:50px; margin:-0px 0 0 978px !important; margin:-100px 0 0 980px; padding:0; }
.post_date_block2 a { float:none; margin:0; padding:0;}
.search_side3 { background: url(images/search_img.gif) top no-repeat; position:absolute; width:18px; height:68px; margin:0 0 0 978px !important; margin:0 0 0 978px; padding:0; }
.twit { background: url(images/twitter.gif) top no-repeat; position:absolute; width:27px; height:50px; margin:-100px 0 0 978px !important; margin:-100px 0 0 979px; padding:0; }
.search_side2 { background: url(images/search_img.gif) top no-repeat; position:absolute; width:18px; height:68px; margin:0 0 0 304px !important; margin:0 0 0 304px; padding:0; }


/* Kwicks */

 .kwicks {  
     list-style: none;  
     position: relative;  
     margin: 0px 0 10px 10px;  
     padding: 0; 
	 background-image:url(images/no_flicker.jpg); width:960; /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/

 }  
 .kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 135px;
	height: 40px;
	margin-right: 0px;
	background-image:url(images/kwicks_sprite.jpg);
	background-repeat:no-repeat;
}
.kwicks a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}

#kwick1 {
	background-position:0px 0px;
}
#kwick2 {
	background-position:-200px 0px;
}
#kwick3 {
	background-position:-400px 0px;
}
#kwick4 { 
	background-position:-600px 0px;
}
#kwick5 { 
	background-position:-800px 0px;
}
#kwick6 { 
	background-position:-1000px 0px;
}

#kwick1.active, #kwick1:hover { 
	background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
	background-position: -200px bottom;
}
#kwick3.active, #kwick3:hover {
	background-position: -400px bottom;
}
#kwick4.active, #kwick4:hover {
	background-position: -600px bottom; 
}
#kwick5.active, #kwick5:hover {
	background-position: -800px bottom; 
}
#kwick6.active, #kwick6:hover {
	background-position: -1000px bottom; 
}

#kwick1 a{
	background-image:url(images/end.jpg);
	background-repeat:no-repeat;
	background-position: left 0px;
}

#kwick1 a:hover{
	background-position: left -80px;
}

#kwick6 a{
	background-image:url(images/no_flicker.jpg);
	background-repeat:no-repeat;
	background-position: right -40px;
}
#kwick6 a:hover{
	background-position: right -120px;
}

#silver-shadow-left {
	width: 967px;
	padding: 0;
	background: url('images/silver-theme-shadow-left.png') left repeat-y;
	margin: 0 auto;
}

#silver-shadow-right {
	background: url('images/silver-theme-shadow-right.png') right repeat-y;
	margin-left: 4px;
	padding: 0;
	width: 963px;