/* CSS Document */
@font-face {
 font-family: 'OpenSansRegular';
 src: url('../fonts/opensans-regular-webfont.eot');
 src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#OpenSansRegular') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
    font-family: 'bebasregular';
    src: url('../fonts/bebas__1-webfont.eot');
    src: url('../fonts/bebas__1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebas__1-webfont.woff') format('woff'),
         url('../fonts/bebas__1-webfont.ttf') format('truetype'),
         url('../fonts/bebas__1-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;

} 
body
{ background:url(../images/body_bg.jpg) repeat;
padding:0px;
margin:0px;
}
h1,h2,h3,h4,h5,h6,p, div,ul,li
{ padding:0px;
margin:0px;
}
a { 
outline:none;
}
a img
{ border:0px;}
.wraper{ width:979px;
margin:auto;}

.main_container
{ width:100%;
float:left;
background:#fff;
}
.logo
{ float:left;
margin:10px 0 0 10px;}
.contact
{ float:right;
margin:20px 0 0 0; font-family: 'OpenSansRegular';
width:29%; font-size:19px;}
.contact img
{ float:left;
margin:0 10px 0 0;
}
.contact label
{ float:left; color:#673301;}
.contact label font
{ color:#0a69aa;}
.menu_main
{ width:100%;
float:left;
height:54px;
margin:10px 0 0 0;
background:url(../images/menu_bg.png) repeat-x;
}
.menu_main ul
{ margin:0 0 0  6px;}
.menu_main ul li
{ float:left;
list-style:none;
}
.menu_main ul li a
{ display:block;font-family: 'OpenSansRegular';
line-height:40px; 
padding:0 25px;
text-decoration:none;
font-size:17px; color:#fff;
margin:7px 0 0 0;
font-weight:bold;
}
.menu_main ul li a:hover{background:#288dd2;
border-radius:4px;
}
.banner
{ width:100%;
float:left;
}
.box_main
{ width:100%;
float:left;
background:url(../images/box_bg.jpg) repeat-x;
height:257px;
}
.tab
{ margin:20px 0 0 0;}
.tab li
{ width:188px;
float:left;
margin:0 28px;
list-style:none;
}
.tab li strong
{font-family: 'OpenSansRegular';
font-size:18px;
color:#574000;
float:left;
width:100%;
text-align:center;}
.tab li  span{float:left;
width:100%;
text-align:center;
padding:15px 0 0 0;
}
.tab li  p{font-family: 'OpenSansRegular';
font-size:13px;
padding:15px 0 0 0;
line-height:21px;
display:table;}
.lft_panel
{ 
width:655px;
float:left;
margin:30px 0 0 0;
}
.ribbon
{ width:705px;
float:left;font-family: 'bebasregular';
line-height:45px; color:#fff;
text-align:center;
height:53px;
background:url(../images/ribbon.png) no-repeat;
margin:0 0 0 -40px;
word-spacing:5px;
}
.content_div
{ width:96%;
margin:10px 0 0 10px;
float:left; border:1px solid #ededed;
padding:10px;
color:#676767;
font-size:15px;
background:#f5f5f5;
}
.content_div_lt{
width:48%;
float:left;
}
.content_div_lt p{
font-family: 'OpenSansRegular';
line-height:25px;
font-size:20px;
margin:0 0 20px 0;
	
}
.content_div_lt img{
float:left;
margin:0 0 30px 0;

}
.content_div_lt h1{
clear:both;
font-family: 'bebasregular';
font-size:25px;
font-weight:normal;
color:#554000;
	
}
.space{
margin:0 0 0 20px;
}
.content_div_rt{
width:98%;
float:left;
}
.content_div_rt_frm h1{
font-family: 'OpenSansRegular';
padding:10px 0;
line-height:20px;
font-size:25px;
color:#554000;
border-bottom:5px solid #554000;
text-align:left;
margin: 0 45px 0 15px;
}
.content_div_rt_frm{
width:99%;
float:left;
/*background:url(../images/conform.png);*/
margin:0 0 0 15px;
}

.content_div_rt_frm input{
width:57%;
float:left;
height:25px;
font-family: 'OpenSansRegular';
color:#000;
font-size:15px;
border-radius:2px;
border:1px solid #CCCCCC;
float:left;

padding:0 0 0 10px;
margin:15px 0px 0px 40px;
}


.content_div_rt_frm select{
width:57%;
float:left;
height:25px;
font-family: 'OpenSansRegular';
color:#000;
font-size:15px;
border-radius:2px;
border:1px solid #CCCCCC;
padding:0 0 0 10px;
margin:15px 0px 0px 40px;
}


.content_div_rt_frm textarea{
width:57%;
float:left;
font-family: 'OpenSansRegular';
color:#000;
font-size:15px;
height:100px;
border:1px solid #CCCCCC;
border-radius:2px;
padding:0 0 0 10px;
margin:15px 0px 0px 40px;
}
.sub input{
background:url(../images/button.png);
width:104px; cursor:pointer; 
height:39px; border:0px; color:#fff;
float:left;
margin:25px 0 0 203px;

}
.sub h5{
font-family: 'OpenSansRegular';
color:#fff;
font-size:17px;
text-align:center;
margin:8px 0 0 0;
font-weight:normal;
}
.sub h5 a{
text-decoration:none;
color:#fff;
}
.content_div_rt_frm {
float:left;
 
 
}
.content_div p{font-family: 'OpenSansRegular';
padding:10px 0 10px 0;
line-height:30px;
}
.side_panel
{ 
float:right;
width:30%;
margin:30px 0 10px 0;
}
.latest
{ width:98%;
float:left;
padding:0 10px;
display:none;
}
.latest h3
{font-family: 'bebasregular';
font-size:18px;
}
.project_container
{ width:100%;
float:left; border:1px solid #dfdfdf;
margin:10px 0 0 0;
background:#ededed;
padding:10px 0;}
.project_container ul{}
.project_container ul li
{ float:left;
margin:0 11px;
list-style:none;}

.footer
{ width:100%;
float:left;
padding:10px 0;
background:#0a6eb4;}
.footer_lft{ width:460px;
float:left; margin:0 0 0 10px;
}
.footer_lft ul
{ margin:5px 0 0 0;}
.footer_lft ul li
{ list-style:none; font-size:12px;
float:left; color:#fff;
font-family:Arial, Helvetica, sans-serif;
}
.footer_lft ul li a
{ color:#fff; text-decoration:none; padding:0 5px;}
.footer_lft p
{ font-size:12px;
float:left; color:#fff;
margin:10px 0 10px 5px;
font-family:Arial, Helvetica, sans-serif;
}

.social{ float:right; margin:15px 0 0 0;}
.social ul{ margin:0 10px 0 0;	}
.social ul li
{ list-style:none; line-height:30px;padding:0 5px;
float:left;font-family: 'OpenSansRegular'; color:#fff;}

.social ul li a
{ }
.mobile{
float:left;
text-align:left;
margin:0 0 0 70px;
}
.mobile_con{
width: 96%;
margin: 10px 0 0 10px;
float: left;
padding: 10px;
color: #676767;
font-size: 15px;

}
.mobile_con p{
font-family: 'OpenSansRegular';
padding: 10px 0 10px 0;
line-height: 30px;
}
.sidebar{
float: left;
width:89%;
margin: 0px;
padding: 15px 10px 0 10px;
background:#ebebeb;
}
.sidebar img{
float:left;
margin:0px 10px 0 0;

}
.sidebar h1{
float:left;
margin:0px;
font-family:Bebas;
font-size:17px;
font-weight:normal;
line-height:20px;
color:#2a2a2a;
text-transform:uppercase;

}
.sidebar p{
float:left;
margin:10px 0 0 0;
font-family: 'OpenSansRegular';
font-size:14px;
color:#2a2a2a;
line-height:22px;
width:100%;
}
.hr{
background:url(../images/hr.png);
width:255px;
height:2px;
margin:15px 0 0 0;
float:left;
}
#form1 label{
float:left; 
    color: #000000;
    float: left;
    font-family: 'OpenSansRegular';
    font-size: 15px;
    margin: 15px 0 0 40px;
    opacity: 0.5;
    padding: 0 0 0 0px;
    width: 22%;
}
  /*********************** Message *******************************/
.messagediv { height: 25px; left: 0; position: fixed; text-align: center; top: 145px; width: 100%; z-index: 1100; }
.messagediv .message { background-color: #009F00; box-shadow: 0 2px 2px rgba(216,176,37,0.3); text-shadow: 0 1px 0 rgba(178,145,30,0.1); border-color: #B2911E; }
.messagediv .alert { background-color: #D8B025; box-shadow: 0 2px 2px rgba(216, 176, 37, 0.3); text-shadow: 0 1px 0 rgba(178, 145, 30, 0.1); border-color: #B2911E; }
.messagediv .error, #UrlShortenerNoProfile .error { background-color: #C10000; box-shadow: 0 2px 2px rgba(216,176,37,0.3); text-shadow: 0 1px 0 rgba(178,145,30,0.1); border-color: #B2911E; }
.messagediv .statusMessage { display: inline-block; padding: 2px 5px 3px; }
.rb-a-4 { border-radius: 4px 4px 4px 4px; }
.messagediv .statusMessage span { color: #FFF; text-shadow: 0 1px 0 rgba(0,0,0,0.2); font-size: 13px; font-weight: 700; }

.active{background:#288dd2;
border-radius:4px;
}
label.req:after {content:"*";color:Red;}