/*
Theme Name: M3 Project
Theme URI: http://www.reversedelta.com/

Version: 1.0
Author: Reversedelta
Author URI: http://www.reversedelta.com/
Tags: blue, custom header, fixed width, two columns, widgets

*/



/* Begin Typography & Colors */
/* CSS Document */
body { background:url(images/bg_body.jpg) repeat-x left top; padding:0; margin:0; font-family:Arial, Helvetica; font-size:14px; color:#6f6f6f; line-height:16px; }
img { border:0; }
a { color:#6f6f6f; text-decoration:none; }
a:hover { color:#6f6f6f; text-decoration:none; }
ul, li, ul li { padding:0; margin:0; list-style-type:none; }
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; padding:0; margin:0; line-height:0; height:0; font-size:0; }
.main_bg { background:url(images/bg.jpg) no-repeat center top; width:100%}
#wrap { width:980px; margin:0 auto; }
.header { padding:55px 0 0 0; width:100%;  }
.logo { width:275px; float:left; }
.phone_no { padding:35px 30px 0 0; width:350px; float:right; text-align:right; color:#FFFFFF; font-size:28px; font-weight:normal; line-height:30px; }
.menu { height:41px; background:url(images/menu_bg.png) repeat-x left top; }
/*.menu ul { height:41px; }
.menu ul li { float:left; background:url(images/menu_split.jpg) no-repeat right top; ine-height:37px; padding:0 2px 4px 0; text-align:center; height:37px; display:block;  }
.menu ul li a { color:#FFFFFF; font-size:15px; padding:0 17px 4px 17px; display:block; float:left; line-height:37px; }
.menu ul li a:hover { color:#FFFFFF; background:#123445; display:block; float:left; }
.menu ul li.last { float:left; background:none; line-height:37px; padding:0; width:124px; text-align:center;  }
.menu ul li.last a { color:#FFFFFF;  padding:0px 0 4px 0; display:block; float:left; width:124px; }
.menu ul li.last a:hover { color:#FFFFFF;  background:#123445; display:block; float:left; }*/
.banner_container { position:relative; width:100%; height:392px; }
.banner { position:absolute; top:-4px; left:0; background:url(images/banner_bg.png) no-repeat left top; width:100%; height:300px; padding:22px 0 20px 0; z-index:50; }
.banner .banner_img_and_desc { position:relative; width:655px; float:left;  }
.banner .banner_img_and_desc .banner_img { float:left; margin:0 0px 0 0; width:605px; position:relative; }
.banner .banner_img_and_desc .banner_img .slide_img { padding:0 0 0 25px; }
.banner .banner_img_and_desc .banner_img .banner_img_desc_1 {  position:absolute; top:40px; left:35px; background:url(images/banner_inner_text_bg.png) repeat left top; width:320px; padding:10px 35px 10px 25px; z-index:55; font-size:26px; color:#FFFFFF; line-height:21px;  }
.banner .banner_img_and_desc .banner_img_desc {  position:absolute; float:left;  top:100px; left:35px;  width:270px; z-index:55;  }
.banner .banner_img_and_desc .banner_img_desc .banner_img_desc_2 {  font-size:15px; color:#FFFFFF; line-height:20px; padding:10px 35px 10px 25px; background:url(images/banner_inner_text_bg.png) repeat left top;  }
.banner .banner_text { width:300px; float:right; padding:0 25px 0 0; }
.banner .banner_text h1 { font-size:28px; color:#e5e5e5; padding:10px 0 20px 0; margin:0; font-weight:normal; line-height:28px; }
.banner .banner_text p { color:#cccccc; padding:0 0 17px 4px; margin:0; font-size:14px; }
.banner_container_inner { position:relative; width:100%; height:250px; }
.banner_inner { position:absolute; top:-4px; left:0; background:url(images/banner_bg_inner.png) no-repeat left top; width:955px; height:186px; padding:23px 0 23px 25px; z-index:50; }
.banner_inner_text { position:absolute; top:40px; left:36px; background:url(images/banner_inner_text_bg.png) repeat left top; width:430px; padding:10px 35px 10px 25px; z-index:55; font-size:26px; color:#FFFFFF; line-height:21px; }
.content_main { width:100%; padding:0px 0 0 0; }
.content_left { width:616px; float:left; padding:0 0 0 20px;  } 
.content_left_inner { width:566px; float:left; padding:15px 50px 0 20px;  } 
.content_right { width:344px; float:left; }
.content_main h1 { font-size:24px; color:#3e4f59; margin:0 0 18px 0; padding:0 0 15px 0; line-height:25px; border-bottom:1px solid #cacabb; font-weight:normal; }
.content_main h2 { font-size:18px; color:#3e4f59; margin:0 0; padding:0 0 15px 0; line-height:20px; font-weight:normal; }
.content_main h2.news_title { font-size:18px; color:#3e4f59; margin:0 0; padding:0 0 5px 0; line-height:20px; font-weight:normal; }

.content_main p { padding:0 50px 20px 0; margin:0; }
.content_left_inner p { padding:0 0px 20px 0; margin:0; }
.content_main ul { padding:0 0 10px 0; margin:0; }
.content_main ul li { padding:0 0 5px 20px; margin:0; background:url(images/icon_right_arrow_sml.png) no-repeat 0 3px; }
.content_main ul li ul { padding:0 0 10px 0; margin:0; }
.content_main ul li ul li { padding:0 0 5px 15px; margin:0; background:url(images/icon_right_arrrow_sml2.png) no-repeat 0 5px; }
.content_main ul li h2 { font-size:15px; padding:0 0 10px 0; margin:0;  }
.content_main ul li a {  color:#6f6f6f; }
.content_main ul li a:hover {  color:#6f6f6f; }
.content_main p span, .content_left_inner p span, .content_main span  { font-size:12px; }
.content_main .img_pad { float:right; padding:0 0 15px 20px; }
.post_pad_item { padding:0 0 20px 0; margin:0 0 15px 0; width:100%; border-bottom:1px solid #E3E6E6   }
.post_pad_item .post_pad_img { padding:2px 25px 0 0; width:100px; height:100px; float:left; margin:0; }
.post_pad_item .post_pad_content { padding:0; margin:0; width:335px;  float:left; }
 .post_pad_img2 { margin:2px 25px 0 0; float:left; padding:0; }
a.readmore { background:url(images/icon_right_arrow_sml.png) no-repeat right 5px; font-weight:bold; text-decoration:underline; padding:0 12px 0 0; font-size:12px; }
a.readmore:hover { background:url(images/icon_right_arrow_sml.png) no-repeat right 5px; font-weight:bold; text-decoration:none; padding:0 12px 0 0; font-size:12px; }
.line { border-bottom:1px solid #c8c8c8; margin:0 0 10px 0; padding-top:20px;}
.page_height {  min-height:405px; 
height:auto!important; 
height:400px;  }

.right_box { width:344px; margin:0 0 11px 0;  font-size:12px;}
.right_box .right_box_top { background:url(images/bg_right_box_top.png) no-repeat left top; height:6px; line-height:6px; font-size:0px; }
.right_box .right_box_bott { background:url(images/bg_right_box_bott.png) no-repeat left top; height:6px; line-height:6px; font-size:0px; }
.right_box .right_box_content { background:url(images/bg_right_box.jpg) repeat-x left bottom #fefefe; padding:4px 9px 2px 17px; color:#3e4f59; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9;  }
.right_box .right_box_content h2 { padding:8px 0 8px 0; margin:0; font-weight:normal; font-size:20px; color:#3e4f59; }
.right_box .right_box_content h2.line{ border-bottom:1px solid #c8c8c8; margin:0 10px 10px 0; padding:15px 0; }
.right_box .right_box_content p { padding:0 0 5px 0; margin:0; }
.right_box .right_box_content p.font_big { font-size:14px; padding:0 10px 10px 0; margin:0; }
.font_big { font-size:14px; padding:0; margin:0; }
.right_box .right_box_content b { font-weight:bold; text-transform:uppercase; font-size:13px; }
.right_box .right_box_content img.img_pad { padding:0 0 0 10px; }
.right_box .right_box_content a.readmore { background:url(images/icon_right_arrow_sml.png) no-repeat right 3px; font-weight:bold; text-decoration:underline; padding:0 12px 0 0; font-size:11px; color:#3e4f59;  }
.right_box .right_box_content a.readmore:hover { background:url(images/icon_right_arrow_sml.png) no-repeat right 3px; font-weight:bold; text-decoration:none; padding:0 12px 0 0; font-size:11px; color:#3e4f59; }
.right_box_gallery { width:100%; margin:0 3px; width:290px;  height:140px; padding:0 0 0 20px; }
/*.right_box_gallery .gallery_left_arrow { background:#d2d5d7;  height:140px; width:20px; float:left; padding:1px 0; margin:0;  }
.right_box_gallery .gallery_right_arrow { background:#d2d5d7;  height:140px; width:20px; float:left;  padding:1px 0; margin:0 }
.right_box_gallery .right_box_gallery_images { margin:0 3px; width:290px; float:left; height:140px; padding:0 0 0 20px; }*/
.content_main ol { padding:0 0 15px 5px; margin:0 0 0 0px; }
.content_main ol li { margin:0 0 0 20px; padding:0 0 5px 0px; list-style-type:decimal; }

.footer { border-top:1px solid #e4e5e5; padding:20px 0px; width:100%; color:#6f6f6f; font-size:11px;  }
.footer a { color:#6f6f6f; padding:0 15px 0 0; }
.footer a:hover { color:#6f6f6f; }
.footer .fl { width:460px;  padding:0 14px; }
.footer .fr { width:460px; text-align:right;  padding:0;  }


.stepcarousel{
position: relative; /*leave this value alone*/
order: 10px solid black;
overflow: scroll; /*leave this value alone*/
width: 290px; /*Width of Carousel Viewer itself*/
height: 140px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0 5px 0 0; /*margin around each panel*/
width: 92px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
border:1px solid #c9c9c9;
position:relative;
}
.stepcarousel .panel .panel_text { position:absolute; width:92px; height:90px; left:0; bottom:0; color:#FFFFFF; font-size:11px; background:url(images/panel_text_bg.png) repeat-y left top; padding:5px 0 }
.stepcarousel .panel .panel_text p{ padding:6px 5px 0 5px; line-height:13px; margin:0; font-size:11px;}
.stepcarousel .panel .panel_text a { color:#e2ea00;  padding:0px 5px; text-decoration:none; font-size:10px; line-height:16px; background:none;}
.stepcarousel .panel .panel_text a:hover{ color:#e2ea00; padding:0px 5px; font-size:10px;}


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
.content a {text-decoration:underline}
.content_main a {text-decoration:underline}