/* CSS Document */
/*-------------------------------------------------
GLOBALS & GENERAL CASES
-------------------------------------------------*/
* {margin:0;padding:0;}
body {background:#ffffff;font-family: 'Trebuchet MS', serif;font-size:12px;color:#ffffff;}

h1{
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	text-transform: uppercase;
	font-weight:normal;
	color:#fff;
}
h2{
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	text-transform: uppercase;
	font-weight:normal;
}
h3{font-family: 'Oswald', sans-serif; font-size:14px; text-transform: uppercase; font-weight:normal;}
h4{ color:#ff9b5e; font-size:15px; font-weight:normal; font-family: 'Trebuchet MS', serif;} 
h6{
	color:#ff9b5e;
	font-size:14px;
	font-weight:normal;
	font-family: "Trebuchet MS", serif;
}

p{
	font-family: "Trebuchet MS", serif;
	font-size: 1px;
}
a{ color:#fff; text-decoration:none;}
a:hover{
	color:#ff9b5e;
	font-family: "Trebuchet MS", serif;
}
.clear{
	clear:both;
	font-family: "Trebuchet MS", serif;
	text-align: justify;
	color: #00407B;
}
.title{ margin-bottom:30px;}
.title h1{ color:#ff9b5e;}
.title h2{ color:#fff;}
/*-------------------------------------------------
body sytles start
-------------------------------------------------*/
.border-bottom{border-bottom:none!important;}
.marRight30{margin-right:30px;}
.button a{ font-family: 'Oswald', sans-serif; font-size:14px; text-transform: uppercase; text-decoration:none; color:#104f94;}
.button a:hover{ color:#fff;}


.wrapper{ width:960px; margin:0 auto;}
.page-wrapper{width:960px; margin:0 auto; margin-top:-30px;}
.wrapper2{ width:960px; margin-bottom:60px; overflow:hidden;}
/*-------------------------------------------------
PANEL  
-------------------------------------------------*/
.services{ width:300px; float:left;}
.services .ititle h1{ color:#ff9b5e; margin-bottom:30px;}
.services img{ margin-bottom:30px;}
.services .content p{ color:#bed9f7; font-size:14px;}
.services .content .button{ background:url(../images/button2.png) no-repeat; width:80px; height:30px; text-align:center; line-height:30px; margin-top:30px; margin-bottom:70px;}

/*-------------------------------------------------
HEADESECTION 
-------------------------------------------------*/
.header-wrapper{ background:#ff9b5e;}
.logo{
	float:left;
	width:300px;
	height:261px;
	padding-top:0px;
	text-align:center;
	background:url(../images/logobg.png) no-repeat center;
	position:absolute;
	font-family: "Trebuchet MS", serif;
}
.logo h1{
	color:#ffffff;
	font-size:25px;
	font-weight:normal;
	font-family: Oswald, sans-serif;
}
.logo span{
	color:#ffffff;
	font-size:14px;
	font-family: "Trebuchet MS", serif;
}

/*.menu{ float:right; padding-top:38px;}
.menu ul li{list-style:none; margin-right:20px;}
.menu ul li a{ color:#ffffff; text-decoration:none; font-family: 'Oswald', sans-serif; font-size:15px; text-transform: uppercase;}
.menu ul li a:hover{ color:#104f94;}
.menu ul li a.active{ color:#104f94;}*/

/*-------------------------------------------------
BANNER SECTION 
-------------------------------------------------*/
.banner-wrapper{
	background:#ffffff;
	overflow:hidden;
}
.banner{width:960px; margin:0 auto; padding-top:30px; overflow:hidden;}
.banner img{float:right; margin-top:30px;}
.banner .content{ float:left; overflow:hidden;}
.banner .content{
	overflow:hidden;
	padding-top: 140px;
}
.banner .content .title{ float:left;}
.banner .content .title h1{
	font-size:25px;
	color:#104f94;
	font-weight:normal;
	margin-top:55px;
}
.banner .content .title span{
	color:#555555;
	font-size:25px;
	text-align: left;
}
.banner .content .button{ background:url(../images/button.png) no-repeat; width:170px; height:50px; text-align:center; line-height:50px; margin-top:30px; margin-bottom:56px;}
.banner .content .button:hover{ background:url(../images/button-hover.png) no-repeat; width:170px; height:50px; text-align:center; line-height:50px; margin-top:30px; margin-bottom:56px;}
.banner .content .button a{font-family: 'Oswald', sans-serif; font-size:20px; text-transform: uppercase; text-decoration:none; color:#ff9b5e;}
.banner .content .button a:hover{
	color:#104f94;
	font-family: Oswald, sans-serif;
}

/*-------------------------------------------------
PAGE CONTENT SECTION 
-------------------------------------------------*/

.page-content{background:#1664b9; overflow:hidden;}
.page{width:960px; margin:0 auto; margin-top:30px;}
.panel{ width:100%; padding-bottom:30px;}
.panel .title{ margin-top: 30px; margin-bottom:10px;}
.panel .title h1{
	color:#ff9b5e;
	text-transform:uppercase;
	font-family: Oswald, sans-serif;
}
.panel .title h2{
	color:#333;
	font-size:16px;
}
.panel .content p{
	color:#FFF;
	padding-bottom:20px;
	font-family: "Trebuchet MS", serif;
}


/*-------------------------------------------------
SERIVES SECTION 
-------------------------------------------------*/
.serivces{width:960px; margin:0 auto; margin-top:130px;}
.serivces .panel{ float:left;}


/*-------------------------------------------------
BOX SECTION 
-------------------------------------------------*/
.box{ width:280px; overflow:hidden; float:left; padding:45px 20px 45px 20px;}
.box .icon{float:left; margin-right:20px;}
.box .content{ float:left;}
.box .content h2{
	color:#ffffff;
	font-family: Oswald, sans-serif;
}
.bg-color1{ background:#0a4689;}
.bg-color2{ background:#064388;}
.bg-color3{ background:#043e7f;}

/*-------------------------------------------------
PORTFOLIO CLASSES
-------------------------------------------------*/
.portfolio-content{ width:960px; margin:0 auto;overflow:hidden; }
.portfolio-categ{text-align:left; margin:0px 0px 30px 0px; font-size:17px; font-weight:normal;  background:url(../images/portfolio-categbg.png) no-repeat; line-height:50px; padding-left:20px; width:600px; color:#0a4689;font-family: 'Oswald', sans-serif;}
.portfolio-categ li{display:inline;margin-right:10px;}
.image-block{ display:block;position: relative;}
.image-block img{border: 1px solid #d5d5d5; background:#104c8f; padding:5px; border:none;}
.image-block img:hover{}
.portfolio-area li{float: left;overflow: hidden;width:200px; padding:5px; margin-right:30px;}
.home-portfolio-text{margin-top:10px;}
li.active a{ text-decoration:none; color:#0a4689;}

.portfolio-categ a{ text-decoration:none; color:#104f94;}
.portfolio-categ a:hover{ text-decoration:none; color:#fff;}

/*-------------------------------------------------
CONTACT FORM CLASSS
-------------------------------------------------*/

.contact-form {padding:30px 30px 30px 0px; width:530px; float:left;}
.contact-form label {display: block; padding:10px 0 10px 0;}
.contact-form label span {display: block; color:#fff;font-size:16px; font-family:'Oswald', sans-serif; float:left; width:80px; text-align:left; padding:5px 20px 0 0;}
.contact-form .input_text {padding:10px 10px;width:400px;background:#043e7f;border:#1661b3 1px solid; color:#fff;  outline:none; font-family: 'Trebuchet MS', serif;}
.contact-form .message{padding:10px 10px;width:400px; background:#043e7f; border:#1661b3 1px solid;overflow:hidden;height:150px; color:#fff; font-family: 'Trebuchet MS', serif; font-size:14px; outline:none;}
.contact-form .button{background: url(../images/submit-btn.png) no-repeat; color:#ffffff; text-transform:uppercase; font-family:'Oswald', sans-serif;border: none; margin-left:100px; margin-top:20px; width:100px; height:40px; color:#043e7f;}

.address { float:left; width:370px; margin-left:30px;}
.address .panel { border:none; color:#fff}
.address .panel .title h1 {  color:#fff; padding-bottom:10px;}
.address .panel .content p span { color:#fff;}
.address .panel .content p a{ text-decoration:none; color:#ff9b5e;}
.address .panel .content p a:hover{color:#fff;}

/*-------------------------------------------------
FOOTER SECTION 
-------------------------------------------------*/
.footer-wrapper{background:#043e7f; overflow:hidden; padding-bottom:20px;}
.footer{ width:960px; margin:0 auto; overflow:hidden; margin-top:60px;}
.footer .panel{ float:left; width:300px;}
.footer .panel .title h1{ margin-bottom:30px;}
.footer .panel .contnet{margin-top:20px;}
.footer .panel .contnet ul li{list-style:none;  border-bottom:#104f94 solid 1px;}
.footer .panel .contnet ul li a{ color:#85aedb; text-decoration:none; line-height:40px; font-size:14px;}
.footer .panel .contnet ul li a:hover{
	color:#ff9b5e;
	font-family: "Trebuchet MS", serif;
}

.footer .panel .contnet img{ float:left; margin-right:20px;}
.footer .panel .contnet spna{ text-decoration:underline; color:#ff9b5e;}
.footer .panel .contnet p{ color:#85aedb; font-size:14px; padding-top:6px;}
.phone{ margin-top:20px; padding-bottom:30px; margin-bottom:30px; border-bottom:#104f94 solid 1px;}
.phone img{ float:left; margin-right:10px;}
.phone h1{
	color:#ff9b5e;
	font-family: Oswald, sans-serif;
}
.page-content .page .panel .content p {
	text-align: center;
}
.page-content .page .panel .content p {
	text-align: justify;
	font-weight: bold;
}
.page-content .page .panel .content p {
	font-weight: normal;
}
.page-wrapper .page .panel .content p {
	text-align: justify;
	font-family: "Trebuchet MS", serif;
}
.page-wrapper .page .panel .content #subcategories ul li a img {
	text-align: center;
	font-family: "Trebuchet MS", serif;
}
.page-wrapper .page .panel .content p a {
	color: #00407B;
}
.page-wrapper .page .panel .content p {
	color: #333;
}
.page-wrapper .page .panel .content ul li a {
	color: #000;
}
.page-wrapper .page .panel .content ul li a {
	font-size: 16px;
}
.page-wrapper .page .panel .content p a {
	font-size: 16px;
}
.footer-wrapper .footer .panel.marRight30 p {
	font-size: 9px;
}
.page-wrapper .page .panel .content p {
	font-size: 16px;
}
