/* 
Template Name: CLF
Documnet Type: CSS Style Sheet
Coded By Farhan Khan
Company: Origin Webs Technologies Inc.
*/

body {
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#d8d8d8;
	font-size:12px;
	font-family:"Trebuchet MS";
	color:#757575;
	margin:0px;
	padding:0px;
	}

#main {
	background-image:url(../images/main-bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFFFFF;
	width:990px;
	margin:0px auto;
	padding-top:10px;
	}

/*** Header Area ***/
#header {
	width:960px;
	margin:0px auto 10px auto;
	}

#header-left {
	width:101px;
	float:left;
	margin-right:39px;
	}

#header-right {
	width:820px;
	float:right;
	padding-top:10px;
	}

#slogan {
	font-size:24px;
	color:#0a3d7c;
	float:left;
	}

.phone {
	background-image:url(../images/phone-icon.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	height:35px;
	line-height:32px;
	padding:0px 0px 0px 35px;
	margin: 0 10px 0 0;
	font-size:28px;
	color:#0a3d7c;
	float:right;
	}
	
/*** Site Navigation ***/
#menu {
	margin:15px 0px 0px 0px;
	}

#menu ul{
	text-align:left;
	list-style:none;
	margin:0px;
	padding:0px;
	line-height:30px;
	}
	
#menu li{
	display:inline;
	font-size:14px;
	color:#414141;
	font-weight:bold;
	padding:0px;
	margin:0 12px 0 0;
	}

#menu li a{
	color:#414141;
	text-decoration:none;
	padding:0px;
	margin:0;
	outline:none;
	}

#menu li a:hover{
	color:#000;
	text-decoration:none;
	padding:0px;
	margin:0;
	}

/*** Welcome Area ***/
#welcome-box {
	background-image:url(../images/banner-bg.png);
	width:960px;
	height:330px;
	margin:0px auto;
	}

#banner-content {
	width:380px;
	float:left;
	padding:10px 20px 0px 20px;
	}

#banner-content img{
	border:none;
	float:left;
	margin-right:10px;
        height:80px;
	}
	
#banner-content img#quality{
	border:none;
	float:left;
	margin: 50px 0 0 20px;
	}
#banner-content img#cyber{
	border:none;
	float:left;
	margin: 50px 0 0 0;
	}
	
#banner-text {
	height:130px;
	}


#banner-text h1 {
	color:#FFFFFF;
	font-size:28px;
	line-height: 30px;
	margin:8px 0 0 0;
	padding:0px 0px 10px 0px;
	}	

#banner-text p {
	color:#FFFFFF;
	margin:8px 0 0 0;
	padding:0px 0px 0px 0px;
	}

#image-rotator {
	width:400px;
	margin: 0 0 0 115px;
	float: left;
	position: relative;
	padding:0px;
	}

/*** Middle Box ***/
#middle-boxes {
	background-image:url(../images/boxes-bg.jpg);
	width:960px;
	height:175px;
	margin:0px auto 10px auto;
	}

#middle-boxes h1 {
	font-size:16px;
	color:#0a3d7c;	
	margin:0px;
	padding:0px;
	}

#middle-boxes p {
	line-height:18px;
	color:#0a3d7c;
	margin:0px;
	padding:12px 0 16px 0;
	}

#middle-boxes ul {
	list-style:none;
	margin:12px 0px 16px 0px;
	padding:0px;
	}

#middle-boxes li {
	line-height:18px;
	background-image:url(../images/bullets.png);
	background-repeat:no-repeat;
	background-position:0px 4px;
	color:#0a3d7c;
	margin:0px;
	padding:0px 0px 0px 18px;
	}

#box-left {
	padding:15px 85px 0px 20px;
	width:215px;
	float:left;
	}

#box-center {
	padding:15px 85px 0px 20px;
	width:215px;
	float:left;
	}
	
#box-right {
	padding:15px 95px 0px 20px;
	width:205px;
	float:left;
	}

#bottom-boxes {
	margin:24px 0 10px 0;
	padding:0px 0px 10px 0px;
	}

#bottom-boxes h1 {
	font-size:16px;
	color:#0a3d7c;	
	margin:0px;
	padding:0px;
	}

#bottom-boxes p {
	margin:0px;
	padding:10px 0px;
	}

#left-text-box {
	width:600px;
	float:left;
	margin:0px 0px 0px 35px;
	}

#right-text-box {
	width:280px;
	float:right;
	margin:0px 35px 0px 0px;
	}

#yellow-contact-box {
	background-image:url(../images/contact-banner.png);
	width:300px;
	height:110px;
	float:right;
	padding:40px 0px 0px 28px;
	font-size:26px;
	line-height: 24px;
	color:#0a3d7c;	
	}

#yellow-contact-box a {
	text-decoration: none;
	}

/*** Inner Wrapper ***/
.inner-wrapper {
	width:960px;
	margin:0px auto;
	padding:10px 0px 10px 0px;
	}
	
.inner-wrapper.company-bg {
	background-image:url(../images/company-banner.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}

.inner-wrapper.environment-bg {
	background-image:url(../images/environment-banner.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}

.inner-wrapper.pallet-bg {
	background-image:url(../images/pallet-banner.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}
	
.inner-wrapper.team-bg {
	background-image:url(../images/team-banner.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}

.inner-wrapper.product-bg {
	background-image:url(../images/product-banner.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}

.inner-wrapper.contact-bg {
	background-image:url(../images/contact-banner.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}

.inner-wrapper-heading {
	color:#FFFFFF;
	font-size:28px;
	line-height: 28px;
	height:210px;
	margin:8px 0 0 0;
	padding:0px 0px 0px 10px;
	}
	
.inner-wrapper-heading a {
	color: #FFFFFF;
	text-decoration: none;
	}

/*** Content Box ***/
#content {
	width:683px;
	float:left;
	margin:0px;
	padding:0px;
	}

#content-top {
	background-image:url(../images/content-top-bg.jpg);
	background-position:top;
	height:10px;
	}

#content-body {
	background-color:#e9e9e9;
	padding:0px 10px;
	overflow:hidden;
	}
	
#content-body h1 {
	text-transform:capitalize;
	font-size:20px;
	color:#0a3d7c;
	margin:0px;
	padding:0 0 10px 0;	
	}

#content-body h2 {
	font-size:16px;
	color:#0a3d7c;
	margin:0px;
	padding:10px 0px 5px 0px;	
	}

#content-body p {
	margin:0px;
	padding:5px 0px;
	}
	
#content-body p.portrait_text {
	margin:0px;
	padding:5px 0px;
	width: 75%;
	display: block;
	position: relative;
	float: left;
	}
	
#content-body p.paralargebase {
	margin:0 0 14px 0;
	padding:5px 0px 5px 0;
	}
	
#content-body ul.bulletpoints {
	margin: 14px 0 0 14px;
	padding: 0;
	float: left;
	}
	
#content-body ul.bulletpoints li {
	margin: 0;
	padding: 0;
	}	

#content-body ul.tick {
	list-style:none;
	margin:0px;
	padding:10px 0px 10px 0px;
	}

#content-body ul.tick li {
	line-height:17px;
	background-image:url(../images/tick.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#000;
	margin:0px;
	padding:0px 0px 8px 30px;
	}

#content-body ul.arrow {
	list-style:none;
	margin:0px;
	padding:10px 0px 10px 0px;
	}

#content-body ul.arrow li {
	line-height:17px;
	background-image:url(../images/bullets.png);
	background-repeat:no-repeat;
	background-position:0px 5px;
	color:#000;
	margin:0px;
	padding:0px 0px 8px 30px;
	}

#content-body img.left {
	float:left;
	margin-right:10px;		
	}
	

#content-body img.portrait {
	float:left;
	margin:12px 16px 10px 0;	
	clear: right;
	}	

#content-body img.right {
	float:right;
	margin-left:10px;
	}

#content-body img.right.image-border {
	background-color:#f5f5f5;
	border:solid 1px #e0e0e0;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:10px;	
	}

#content-bottom {
	background-image:url(../images/content-bottom-bg.jpg);
	background-position:bottom;
	height:10px;
	}


/*** White-Box-Big ***/
.gray-box-big {
	width:651px;
	margin:10px 0px;
	padding:0px;
	}

.gray-box-big-top {
	background-image:url(../images/gray-box-big-top.png);
	background-position:top;
	height:10px;
	}

.gray-box-big-body {
	background-image:url(../images/gray-box-big-body.png);
	padding:0px 20px;
	overflow:hidden;
	color:#000000;
	}

.gray-box-big-bottom {
	background-image:url(../images/gray-box-big-bottom.png);
	background-position:bottom;
	height:10px;
	}

/*** White-Box-Small ***/
.gray-box-small {
	width:441px;
	margin:10px 0px 10px 10px;
	padding:0px;
	float:left;
	}

.gray-box-small-top {
	background-image:url(../images/gray-box-small-top.png);
	background-position:top;
	height:10px;
	}

.gray-box-small-body {
	background-image:url(../images/gray-box-small-body.png);
	padding:0px 20px;
	overflow:hidden;
	color:#000000;
	}

.gray-box-small-bottom {
	background-image:url(../images/gray-box-small-bottom.png);
	background-position:bottom;
	height:10px;
	}
	
blockquote {
	margin:0px;
	padding:10px 20px;
	font-size:18px;
	color:#0a3d7c;
	line-height:26px;	
	}

/*** Post Note ***/
#post-note {
	background-image:url(../images/post-note-bg.png);
	background-repeat:no-repeat;
	float:left;
	width:256px;
	height:226px;
	margin-right:10px;
	padding:20px;
	}

#post-note h1 {
	text-transform:lowercase;
	font-size:30px;
	color:#000;
	margin:0px;
	padding:0px;
	}

#post-note ul {
	list-style:none;
	margin:10px 0px 10px 0px;
	padding:0px;
	}

#post-note li {
	line-height:17px;
	background-image:url(../images/post-note-check.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#000;
	margin:0px;
	padding:0px 0px 8px 25px;
	}

#post-note a {
	background-image:url(../images/post-read-more.png);
	width:82px;
	height:24px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#000000;
	padding-top:4px;
	font-size:11px;
	float:right;
	}

/*** Sidebar ***/
/*** Sidebar Area ***/
#sidebar {
	width:259px;
	float:right;
	margin:0px;
	padding:0px;
	}

/* Sidebar Contact Form */
#sidebar-form {
	background-image:url(../images/sidebar-form-bg.png);
	background-repeat:no-repeat;
	background-position:top;
	width:239px;
	height:185px;
	margin:0px 0px 0px 0px;
	padding:6px 10px;
	}

#sidebar-form h1 {
	background-image:url(../images/ticker.png);
	background-repeat:no-repeat;
	background-position:left;
	font-size:18px;
	line-height:14px;
	color:#ffffff;	
	margin:0px;
	padding:0px 0px 0px 22px;
	margin:8px 0px 8px 0px;
	font-weight:normal;
	}

#side-form {
	width:234px;
	margin:0px auto;
	}
	
.side-field {
	background-image:url(../images/field-bg.png);
	background-repeat:no-repeat;
	background-position:top;
	height:29px;
	margin:0px 0px 10px 0px;
	}

.side-field .side-label {
	width:45px;
	float:left;
	color:#000000;
	line-height:28px;
	font-size:12px;
	font-family:Trebuchet MS;
	font-weight:bold;
	padding:0px 0px 0px 5px;
	}

.side-field .side-textbox {
	width:184px;
	float:left;
	color:#000000;
	line-height:30px;
	padding:0px;
	}

.side-field .side-textbox .side-textfield {
	width:172px;
	border:none;
	background:none;
	font-size:13px;
	font-family:Trebuchet MS;
	font-weight:bold;
	padding:5px 5px 0px 7px;
	}

.side-note {
	font-size:11px;
	line-height:25px;
	color:#fff;
	float:left;
	}
 
.side-submit-btn {
	width:92px;
	height:23px;
	float:right;
	}

.services {
	margin:10px 0px 0px 0px;
	}

/*** Footer Area ***/
#footer {
	background-image:url(../images/footer-bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#707070;
	padding:10px 35px 10px 35px;
	}

#footer-left {
	width:400px;
	float:left;
	}

#footer-left ul {
	float:left;
	list-style:none;
	margin:0px 20px 0px 0px;
	padding:0px;
	}

#footer-left li {
	border-bottom:dotted 1px #969696;
	padding:3px 0px 2px 0px;
	}

#footer-left li a {
	color:#dbdbdb;
	text-decoration:none;
	}

#footer-left li.noborder {
	border:none;
	}

#footer-right {
	color:#969696;
	width:400px;
	float:right;
	text-align:right;
	}

#footer-right p {
	margin:0px;
	padding:0px;
	font-size: 10px;
	}
	
#footer-right a {
	color: #FFF;
	}

/*** Misc. Styles ***/
.clear {
	clear:both;
	}

a {
	color:#0a3d7c;
	text-decoration:underline;
}

a:hover {
	color:#0a3d7c;
	text-decoration:none;
}

/*** Maps Locations ***/
#googple-map {
	width:325px;
	float:left;
	}

#address-locations {
	width:325px;
	float:right;
	}

#address-locations p {
	margin:0px 0px 8px 0px;
	padding:0px;
	}

#address1 {
	width:160px;
	float:left;
	font-weight:bold;
	}

#address2 {
	width:160px;
	float:right;
	font-weight:bold;	
	}

#tabs-area {
	margin:0px;
	}

/*** Contact Form ***/
#contact-form {
	margin:0px;
	padding:5px 0px 0px 0px;
	}

#left-form {
	width:275px;
	float:left;
	}

#left-form .field-box {
	background-image:url(../images/label-bg.jpg);
	background-repeat:repeat-x;
	background-color:#fefefe;
	margin:0px 0px 5px 0px;
	border:solid 1px #cfcfcf;
	height:30px;
	float:left;
	}

#left-form .field-box .label {
	width:80px;
	line-height:30px;
	padding-left:5px;
	float:left;
	color:#00457c;
	font-weight:bold;
	}

#left-form .field-box input {
	background-color:#FFFFFF;
	border:none;
	width:173px;
	padding:7px 7px 6px 7px;
	float:left;
	}

#right-form {
	width:305px;
	float:right;
	}

#right-form .field-box {
	background-image:url(../images/label-bg.jpg);
	background-repeat:repeat-x;
	background-color:#fefefe;
	margin:0px 0px 5px 0px;
	}

#right-form .field-box .label {
	line-height:30px;
	padding-left:5px;
	color:#00457c;
	font-weight:bold;
	border:solid 1px #cfcfcf;
	}

#right-form .field-box textarea {
	background-color:#FFFFFF;
	border:solid 1px #cfcfcf;
	font-family:"Trebuchet MS";
	border-top:none;
	width:293px;
	height:170px;
	padding:5px;
	}
	
#right-form .notes {
	text-align:right;
	}
	

.privacy-policy{
    width:97%;
    margin:10px;
    color:#000 !important;
    background-color: #e9e9e9;
    padding:5px;
    border-radius:5px;
}
.privacy-logo{
    height:250px;
    width:50%;
    float:left;
}
.privacy-logo img{
    width:100%;
    height: 100%;
}
.privacy-heading{
   height:250px;
   width:50%;
   float:left;
}
.privacy-heading h1{
    font-size:28px;
    margin-top: 160px;
    margin-right:20px;
    text-align: right;
    color:#0a3d7c !important;
}
.privacy-info{
    width:97%;
    margin:0px auto;
}
.privacy-info p{
    text-align: justify;
}
.privacy-info h3{
    color:#0a3d7c !important;
}