@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
@import "../css/carousel.css";
@import url(https://fonts.googleapis.com/css?family=Quattrocento);
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:22px; color:#464646; min-width:960px; background:url(../images/body_bg.jpg) 50% 0 no-repeat #1d6c01; -webkit-text-size-adjust: none;}

.main{
	width: 1020px;
	margin: 0 auto;
	background: #fff;
}
.inner_bg{background: #f1f3ee;}

/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}

/*==================================== Links ======================================================== */
a {color:#464646;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#7aac1b; text-decoration:none;}

.button{ display:inline-block; padding:20px 32px 21px; margin: 0 1px 3px; font-size: 12px; line-height: 16px; color:#656565;font-weight: bold;background: url('../images/button.png') repeat-x #fff;border-radius: 4px;box-shadow: 0 1px 1px #d5d7d0;}

.button1{ display:inline-block; padding:11px 17px 10px; margin: 27px 1px 3px; font-size: 12px; line-height: 16px; color:#656565;font-weight: bold;background: url('../images/button.png') repeat-x #fff;border-radius: 4px;box-shadow: 0 1px 1px #d5d7d0;}

.button:hover{background: url('../images/button_h.png') repeat-x #3e840e;color: #fff;}
.button1:hover{background: url('../images/button_h.png') 0 -10px repeat-x #3e840e;color: #fff;}

.but_ind{margin-top: 25px;}
/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {margin-bottom: 32px;}
header h1{
	width: 285px;
	margin-left: 37px;
	float: left;
	margin-top: 75px;
}
.login_box{float: right;overflow: hidden;width: 1020px;margin-left: -3px;background: #f3f5ef;border-bottom: 1px solid #e8e8e8;font-size: 11px;line-height: 14px;color: #bcbcbc;}
.login_box a{color: #bcbcbc;}
.login_box a:hover{color: #000;}
.login_box .inner{float: right;padding: 8px 0px 7px 0;overflow: hidden;}
header h1 a {
	display: block;
	width: 411px;
	height: 123px;
	background: url(../images/logo_Cypress_Court_Reporting-411.jpg) 0 0 no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	margin-top: -50px;
}
.login_box .inner>li{background: url('../images/user_box_li.png') 0 7px no-repeat;padding: 10px 0 0 26px;float: left;margin-left: 25px;min-height: 24px;}
.login_box .inner>li:first-child{background: none;margin-left: 0;padding-left: 0;}
.login_box .inner>li.social{ overflow:hidden; padding-top: 0;}
.social span{display: block;float: left;padding: 10px 14px 0 0;}
.social a{ display:block; float:left;width:34px;height:35px; overflow:hidden; margin-left:8px;}
.social a:first-child{margin: 0 0 0 0;}
.social a:hover img{ margin-top:-35px;}
/*********************************content*************************************/
#content {
	padding: 0px 0px 0px;
}
.cont_pad{padding:44px 0 0 !important;}
.cont_pad_inner{padding:0px 0 0 !important;}
.bord_bot{border-bottom: 1px solid #E8E8E8;padding-bottom: 40px;padding-bottom: 40px !important;}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:22px}
.p2{ margin-bottom:18px;}
.p3{ margin-bottom:11px;}
.p4{ margin-bottom:4px;}
.p5{ margin-bottom:20px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ background:url(../images/marker1.png) 1px 9px no-repeat; margin-bottom: 13px; padding-left:17px;}
.list1 a{font-weight: bold;color: #454545;}
.list1 a:hover{text-decoration: underline;color: #7aac1b;}

/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 30px; line-height: 36px; color:#454545;background: url('../images/stripe1.png')  0 bottom repeat-x;padding: 0 0 24px;letter-spacing: -1px;}

h2.ind{ margin-bottom:30px;}
h2.ind1{ margin-bottom:22px;}
h2.ind2{ margin-bottom:27px;}
h2.ind3{ margin-bottom:29px;}

/*================================>> GOOGLE FONTS  <<========================================*/
.techno>div, .news>li>div p, .about_box>figure, h2, .sf-menu>li>a, .font1{font-family: 'Quattrocento', serif;}

/*================================>> hovers <<========================================*/
.sf-menu>li{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.about_box{font-size: 24px; line-height: 30px; color: #454545;word-spacing: -2px;}
.about_box>div{float: right;}
.about_box>figure{width: 750px;padding-top: 2px;}

.stripe1{height: 2px;margin: 42px 0 33px;background: url('../images/stripe1.png') repeat-x;}

.news img, .img{border-radius: 3px;box-shadow: 0 5px #e9ebe4; margin-bottom: 5px;}

.news>li{margin-bottom: 25px;}
.news>li>div{font-size: 16px; line-height: 20px; color: #464646;}
.news>li>figure{margin: 0 20px 0 0;}
.news time{display: block;font-size: 11px;line-height: 14px;color: #bcbcbc;}
.news p{margin-bottom: 12px;}
.news a:hover{color: #87b41e;}

.capabil{margin-bottom: 2px;}

.techno{padding-top: 2px;border-bottom: 1px solid #e6e6e6;padding-bottom: 24px;margin-bottom: 23px;}
.techno>div{padding: 12px 0 0 20px;font-size: 16px; line-height: 20px; color: #464646;}
.techno>figure{margin: 0 0 0 0;border-right: 1px solid #e6e6e6;width: 119px;padding-right: 20px;}

.pattern_box{background: url('../images/pattern1.jpg') 50% 0 repeat;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;padding: 43px 0 46px;}

.m_bot1{margin-bottom: 49px;}
.m_bot2{margin-bottom: 42px;}

.font1{font-size: 16px; line-height: 24px; color: #464646;}
/*********************************page_2*************************************/
.about1{}
.about1>div{}
.about1>figure{margin: 7px 20px 0 1px;}

.p_bot1{padding-bottom: 44px;}
.p_bot2{padding-bottom: 41px;}

.padding1{padding: 52px 0 48px;}

.staff{color: #b4b4b4;font-size: 11px;line-height: 18px;}
.staff>div{}
.staff>figure{margin: 3px 20px 0 0;}

/*********************************page_3*************************************/

/*********************************page_4*************************************/


/*********************************page_5*************************************/


/* Contact form */
#contact-form {padding:1px 0 0 0;}
#contact-form .success {width:246px;  padding:10px;}
#contact-form textarea, #contact-form input {margin:0;font-size:12px; border:1px solid #e5e4e3; color:#464646; padding:10px 18px 10px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;border-radius: 4px;}
#contact-form input {width:182px;float: left;}
#contact-form textarea {overflow:auto; width:422px; height:205px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:block; min-height:56px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button1 {margin-left:12px;}	
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px; float: left;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both; padding-top:30px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;display:block;margin-bottom:18px;}
#map_canvas {
   width:100%;
   height:225px;
}
.adress{}
.adress span{ display:inline-block; width:69px;}
.adress dt{}

.demo{color: #276f03;}
.demo:hover{ text-decoration:underline;}
/*

<div class="social">
	<a href="#" title="RSS"><img src="images/soc1.png" alt=""></a>
	<a href="#" title="Twitter"><img src="images/soc2.png" alt=""></a>
	<a href="#" title="Facebook"><img src="images/soc3.png" alt=""></a>
	<a href="#" title="Google +"><img src="images/soc4.png" alt=""></a>
</div>
*/
/****************************footer************************/
footer {padding:0px 0;text-align: center;color: #5b5b5b;font-size: 11px;}
footer a{color: #5b5b5b;}
footer a:hover{color: #000;}

.about-ul {
    color: #464646;
    font-family: 'Quattrocento',serif;
    font-size: 15px;
    line-height: 24px;
    margin-left:10px;
}

.about-ul li
{
	    background: url("../images/marker1.png") no-repeat scroll 1px 9px transparent;
    margin-bottom: 7px;
    padding-left: 20px;
}

h3 {
    font-size: 20px;
    padding-bottom: 10px;
    padding-top: 26px;
        font-family: 'Quattrocento',serif;
}
.new-button {
    background: none repeat scroll 0 0 #28823C;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    margin: 20px auto;
    padding: 10px 0;
    text-align: center;
    width: 200px;
}