/*------------------------------------------------------------------
[CSS Stylesheet]

Project: Belief
Designed by: Hameed Rahamathullah, Alpha Weblab
-------------------------------------------------------------------*/

/* Reset */
@charset "utf-8";*{font-family:Georgia, serif;margin:0;padding:0;}*:focus {outline:none;}ul,ol{list-style:none;}img,fieldset{border:none;}a{outline:none;text-decoration:none;}.clr{clear:both;height:0;}img,div,a,input{behavior:url(iepngfix.htc);}textarea{overflow:auto;}

body {
font-size: 16px;
background: url(../images/body-bg.png) repeat-x;
}

#wrap {
width: 960px;
margin: 0 auto;
}

#header {
height: 115px;
position: relative;
}

.logo h1 a {
display: block;
width: 216px;
height: 87px;
margin-top: 28px;
background: url(../images/belief-logo.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
float: left;
}

.smlinks {
position: absolute;
right: 16px;
top: 16px;
}

.smlinks ul li {
float: left;
}

.smlinks ul li a {
display: block;
float: left;
width: 32px;
height: 32px;
margin-left: 10px;
overflow: hidden;
text-indent: -9999px;
}

.sm-fb {background: url(../images/sm-fb.png) no-repeat;}
.sm-tw {background: url(../images/sm-tw.png) no-repeat;}
.sm-in {background: url(../images/sm-in.png) no-repeat;}

.navigation {
float: right;
width: 730px;
}

.navigation ul li {
float: left;
}

.navigation ul li a {
display: block;
color: #fff;
background: #405A7B;
padding: 10px 7px;
float: left;
font-size: 0.875em;
margin-top: 63px;
}

.navigation ul li a:hover, .navigation .nav-active {
background: #667B95;
}

#banner {
margin-bottom: 15px;
}

.banner-intro {
float: left;
width: 200px;
padding: 14px 0;
}

.banner-intro blockquote {
font-style: italic;
font-size: 0.875em;
color: #444;
line-height: 20px;
background: url(../images/quotesymbol.png) no-repeat;
padding-left: 20px;
margin-bottom: 10px;
}

.banner-image {
float: right;
width: 730px;
}

.hp-col {
float: left;
margin-right: 15px;
width: 310px;
margin-bottom: 22px;
}

.hp-col h2 {
color: #667B95;
font-size: 1.125em;
font-style: italic;
margin-bottom: 10px;
}

.hp-col h2 a {
color: #667B95;
}

.hp-col p {
color: #444;
font-size: 0.75em;
line-height: 22px;
}

.hp-col-last {
margin-right: 0!important;
}

#footer {
background: #10315A;
}

#footer-wrap {
width: 960px;
margin: 0 auto;
height: 20px;
padding: 15px 0;
}

.copyright-text p {
font-size: 0.75em;
color: #fff;
text-align: center;
font-style: italic;
}

.sub-content {
float: right;
width: 720px;
margin-left: 10px;
}

.sub-content h2 {
color: #667B95;
font-size: 1.375em;
font-style: italic;
margin-bottom: 10px;
}

.sub-content h3 {
color: #667B95;
font-size: 1.2em;
font-style: italic;
margin-bottom: 10px;
}

.sub-content p {
color: #444;
font-size: 0.85em;
line-height: 22px;
margin-bottom: 10px;
}

.sub-content a {
color: #667B95;
line-height: 20px;
}

.sub-content a:hover {
text-decoration: underline;
}

.sub-content ul, .sub-content ol {
margin-bottom: 10px;
list-style: disc outside;
margin-left: 50px;
}

.sub-content ul li, .sub-content ol li {
color: #444;
font-size: 0.85em;
line-height: 22px;
}

.para-image-left {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.thumbnail {
float: left;
width: 100px;
height: 75px;
margin: 10px;
}

.joinus-btn {
display: block;
width: 196px;
height: 57px;
margin-bottom: 10px;
overflow: hidden;
text-indent: -9999px;
background: url(../images/joinus-btn.png) no-repeat;
}

.enq-form-block {
overflow: hidden;
margin-bottom: 10px;
}

#enq-form input, #enq-form .textbox {
display: block;
}

#enq-form .textbox {
float: left;
padding: 5px;
width: 288px;
color: #444;
font-size: 12px;
margin-bottom: 10px;
margin-right: 10px;
background: #fff;
border: 1px solid #444;
}

#enq-form .textarea {
padding: 5px;
width: 598px;
color: #444;
font-size: 12px;
margin-bottom: 10px;
background: #fff;
border: 1px solid #444;
}

.submitbutton {
display: block;
margin-left: 550px;
padding: 4px 6px;
cursor: pointer;
}

*:first-child+html .submitbutton {
margin-left: 526px!important;
}

* html .submitbutton {
margin-left: 526px!important;
}

.LV_validation_message{
	display: none;
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00!important;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000!important;
}