@import url("fontsstyle.css");

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
@font-face {
    font-family: 'BreeSerif-Regular';
    src: url('../fonts/breeserif_reg.eot');
    src: url('../fonts/breeserif_reg.eot?#iefix') format('embedded-opentype'),
         url('../fonts/breeserif_reg.woff') format('woff'),
         url('../fonts/breeserif_reg.ttf') format('truetype'),
         url('../fonts/breeserif_reg.svg#breeserif_reg') format('svg');
    font-weight: normal;
    font-style: normal;
}
li{ list-style:none; float:left; }

a img { border:none; }

a { cursor:pointer; outline:none;  text-decoration:none; }


/*=============================== header starts here ==================================*/
#header{
	width:100%;
	
	height:84px;
	position: fixed;
	z-index: 9999;
	top:0;
	background:url(../images/header-bg.jpg) top left repeat-x;
}
#header .container{
	width:1003px;
	overflow:hidden;
	margin:0 auto;
}

#logo{
	float:left;
	width:228px;
	height:47px;
	padding:17px 10px 0 10px;
	clear:right;
}
#navigation{
	float:left;
	width:755px;
	padding:0;
	z-index:999999;
	position:relative;
}
 
#navigation  li{
	line-height:84px;
	text-align:center;
	font-size:16px;
	font-family: 'BreeSerif-Regular';
	text-transform:uppercase;
	float:left;
	margin:0 1px 0 0;
	
}
#navigation  li a{
	display:block;
	color:#686868;
	padding:0 16px; 
}
#navigation  li a:hover, #navigation li a.active{
	color:#fff;
	background: url(../images/active.png) top center no-repeat;/*#fd6001*/
}
/*======================= wrapper=======================*/
 #Home{ 
	margin:0 auto;
	width:1003px;
    overflow:hidden;	 
}
#AboutUs, #DeliveryModel, #Services, #Portfolio,#PaymentMethod,#ContactUs{
	margin:0 auto;
	width:1003px;
    overflow:hidden;
	padding:40px 0 0 0; 
}
.wrapper{
	background: url(../images/banner-bg.png) left top repeat-x;
	z-index: 1;
	position: relative;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:74px 0  0 0;
}
.innerwrapper{
 	z-index: 1;
	position: relative;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:74px 0  0 0;
}
.banner{
	overflow:hidden;
	width:1003px;
	height:550px;
	background:url(../images/banner-bg.jpg) left top  no-repeat;
	clear:both;
	padding:0;
	margin:0 auto;
}
#innerBanner{
	background:#00a1cb url(../images/innerbanner.png)  top center no-repeat;
	height:125px;
	margin:0 auto;
	width:100%;
	
}

.container{
	margin:0 auto;
	width:1003px;

}
#innerBanner h1{
	color: #fff;
	font-size: 36px;
	text-align: left;
	line-height:36px;
 	padding: 10px 0;
    font-family: 'enschede-demiboldregular';
	text-transform: uppercase;
	line-height: normal;
}
#innerBanner p{
	font-size:18px;
	line-height:24px;
	text-align:right;
	color:#f1f1f1;
	font-family: 'enschede-demiboldregular';
	  
}
.aboutus{
	margin:0 auto;
	width:1003px;
	overflow:hidden;
	clear:both;
	padding:0 ;
	
}
.aboutus h1{
	color:#fd6001;
	font-size:24px;
	text-align:left;
	border-bottom:1px solid #c2c2c2;
	padding:0 0 12px 0;
	font-family: 'BreeSerif-Regular';
	text-transform:uppercase;
	line-height:normal;
}
.about-block{
	width:1003px;
	margin:0;
	
}
.about-content{
	float:left;
	width:640px;
	padding:20px 0 0 0;
}
.about-content p{
	padding:0 15px 15px 0;
	font-size:14px;
	font-family:Georgia;
	line-height:21px;
	text-align:left;
}
.about-sidebar{
	float:right;
	width:343px;
	padding:20px 0 0 0;
}
.sidebar-top{
	background:url(../images/sidebar-top.png) top left no-repeat;
	height:7px;
	/*width:642px;*/
}
.content-sidebar{
	background:url(../images/sidebar-bg.png) top left repeat-y;
	padding:10px 20px;
}
.content-sidebar h2{
	color:#fd6001;
	font-family: 'BreeSerif-Regular';
	font-size:18px;
	line-height:normal;
	padding:0 0 10px 0;
	text-transform:uppercase;
	
}
.box-1{
	padding:0 0 10px 0;
	border-bottom:1px solid #ccc;
	margin:0 0 10px 0;
	
}
.content-sidebar p{
	 
	font-size:14px;
	font-family:Georgia;
	line-height:13px;
	text-align:left;
	line-height:normal;
	padding:0 0 10px 0;
	color:#323232;
}

.sidebar-bottom{
	background:url(../images/sidebar-bottom.png) top left no-repeat;
	height:35px;
	width:643px;
}
.delivarymodel{
	overflow:hidden;
	clear:both;
	 margin:0 auto;
	width:1003px;
}
.delivarymodel h1{
	color:#fd6001;
	font-size:24px;
	text-align:left;
	border-bottom:1px solid #c2c2c2;
	padding:0 0 12px 0;
	font-family: 'BreeSerif-Regular';
	text-transform:uppercase;
	line-height:normal;
	margin:0 0 10px 0;
}
.delivarymodel p{
	padding:0 15px 15px 0;
	font-size:14px;
	font-family:Georgia;
	line-height:21px;
	text-align:left;
	color:#373737;
}
.waterfall{
	overflow:hidden;
	margin:0 auto;
	width:1003px;
	clear:both;
}
.waterfall li{
	
	text-align:left;
	background:url(../images/anchor.png) 169px 70px no-repeat;
	padding:0 0px 0 0px;
	float:left;
	width:200px;
	
}
.waterfall li span{
	text-align:center !important;
	width:161px;
	color:#000000;
	font-size:17px;
	line-height:25px;
	font-family: 'BreeSerif-Regular';
	padding:10px 0 ;
	clear:both;
	display:block;
	text-transform:uppercase;
}
.waterfall li.last{
	background:none;
}
.waterfall li img{
	width:161px;
	height:161px;
	vertical-align:middle;
}
.payment-method{
	overflow:hidden;
	clear:both;
	 margin:0 auto;
	width:1003px;
	 
}
.payment-method h1{
	color:#fd6001;
	font-size:24px;
	text-align:left;
	border-bottom:1px solid #c2c2c2;
	padding:0 0 12px 0;
	font-family: 'BreeSerif-Regular';
	text-transform:uppercase;
	line-height:normal;
	margin:0 0 10px 0;
}
.payment-method h2{
	color:#373737;
	font-size:20px;
	text-align:left;
	padding:0 0 5px 0;
	font-family: 'BreeSerif-Regular';
	line-height:normal;
	 
}
.payment-method p{
	padding:0 15px 15px 0;
	font-size:14px;
	font-family:Georgia;
	line-height:21px;
	text-align:left;
	color:#373737;
}
.payment-method p span{
	display:block;
	font-weight:bold;
}
.list-1{
	overflow:hidden;
	margin:5px 0;
	clear:both;
	width:700px;
}
.list-1 li{
	
	text-align:left;
	padding:0 0px 10px 0px;
	float:left;
	width:350px;
	font-family:Georgia;
	color:#000;
	 
	font-size:14px;
	
	
}
.list-1 li span{
	font-weight:bold;
	color:#fd6001;
	padding:0 5px 0 0;
}
 
.getintouch{
 
	overflow:hidden;
	clear:both;
	margin:0 auto;
	width:1003px; 
	 
	
}
.getintouch h1{
	color:#fd6001;
	font-size:24px;
	text-align:left;
	border-bottom:1px solid #c2c2c2;
	padding:0 0 12px 0;
	font-family: 'BreeSerif-Regular';
	text-transform:uppercase;
	line-height:normal;
	margin:0 0 20px 0;
	 
}
.getintouch p{
	
font-size: 14px;
font-family: Georgia;
line-height: 13px;
text-align: left;
line-height: normal;
/*padding: 0 0 10px 0;*/
color: #323232;

	 
}
.getintouch h2{
	color:#fd6001;
	font-family: 'BreeSerif-Regular';
	font-size:18px;
	line-height:normal;
	padding:0 0 10px 0;
	text-transform:uppercase;
	
}
.getin{
	float:left;
	width: 698px;
}
.getin-sidebar{
	float:left;
}

.getin-sidebar p {
    color: #323232;
    font-family: Georgia;
    font-size: 14px;
    line-height: normal;
    padding: 0 0 10px;
    text-align: left;
}
.getintouch p span{
	height:46px;
	text-align:left;
	font-size:15px;
	display:block;
	line-height:46px;
	text-transform:uppercase;
	 
}
.wpcf7 {
    float: left;
    width: 640px;
}
.getintouch p .tb-1{
	background:url(../images/text-box-bg.png) top left no-repeat;
	width:488px;
	padding:0 5px;
	line-height:44px;
	height:46px;
	border:none;
	letter-spacing:1px;
	font-family: Georgia;
	font-weight:bold;
	font-size:17px;
	color:#373737;
	
}
.getintouch .tb-2{
	background:url(../images/text-area-bg.png) left top no-repeat;
	width:488px;
	padding:5px;
	line-height:normal;
	height:196px;
	border:none;
	font-weight:bold;	 
	font-family: Georgia;
	font-size:17px;
	color:#373737;
}
.getintouch-btn{
	background:url(../images/submit.png) left top no-repeat;
	width:194px;
	height:50px;
	border:none;
}
.getintouch p .submit{
	background:url(../images/submit.png) left top no-repeat;
	width:194px;
	height:50px;
	border:none;
	font-size:20px;
	color:#fff;
	text-transform:uppercase;
	display:block;
	/*margin:0 0  0 200px;*/
	text-align:center;
	line-height:50px;
	font-family: 'BreeSerif-Regular';
}
.getintouch p .submit:hover{
	color:#181818;
}
.portfolio{

	overflow:hidden;
	clear:both;
	 margin:0 auto;
	width:1003px;
	 
}
.portfolio h1{
	color:#fd6001;
	font-size:24px;
	text-align:left;
	border-bottom:1px solid #c2c2c2;
	padding:0 0 12px 0;
	font-family: 'BreeSerif-Regular';
	text-transform:uppercase;
	line-height:normal;
	margin:0 0 20px 0;
}	
 
 
 .whatwedo{

	overflow:hidden;
	clear:both;
	margin:0 auto;
	width:1003px;
	 
	 
}
 

.whatwedo h1{
	color:#fd6001;
	font-size:24px;
	text-align:left;
	border-bottom:1px solid #c2c2c2;
	padding:0 0 12px 0;
	font-family: 'BreeSerif-Regular';
	text-transform:uppercase;
	line-height:normal;
	margin:0 0 20px 0;
}
.nav {
	clear:both;
	overflow:hidden;
	width:967px;
	height:35px;
	background:url(../images/megamenu.png) top center no-repeat;
	padding:14px 0 0  10px;
	margin:0 15px;
	 
}
.nav li {
	text-align:center;
	line-height:35px;
	font-size:14px;
	margin:0 1px 0 0;
	font-family: 'BreeSerif-Regular';
}
.nav li.last {
	padding-right:0px;
}
.nav li a {
	float:left;
	padding:0 0 0 17px;
	color:#fff;
	text-transform:uppercase;
}
.nav li a span {
	padding:0px 17px 0px 0;
	float:left;
	 
}
.nav li a:hover {
	color:#0f9fc4;
	background:url(../images/menu-left.png) no-repeat 0px 0px;
}
.nav li a:hover span {
	background:url(../images/menu-right.png) no-repeat 100% 0px;
}
.nav li a.active {
	color:#0f9fc4;
	background:url(../images/menu-left.png) no-repeat 0px 0px;
}
.nav li a.active span {
	background:url(../images/menu-right.png) no-repeat 100% 0px;
}
.whatwedo .bottom{
	height:5px;
	width:977px;
	padding:0 0 0 15px;
}	
.megamenu-block{
	background:url(../images/megamenu_bg.jpg) left top repeat-y;
	margin:0 15px;
	overflow:hidden;
	width:957px;
	padding:0 10px;
	padding-top:15px;
}
.left-menu{
	float:left;
	width:239px;
	
}
/*slideshow*/
#arrow_wrap{width:1000px; float:left; display:inline;}
#photo_wrap{width:914px; height:565px; position:relative; float:left; display:inline;  margin:5px; overflow:hidden;}
#thumbs{position:absolute; z-index:10; left:0; list-style-type:none;  display:inline;}
#thumbs li{ float:left; display:inline; }
#close_msg{background:#000;  border: 1px solid #000; padding: 10px; width:300px; text-align:center; position:absolute; z-index:14; top:45%; left:31%;}

#large_images{position:absolute; z-index:13;}
#large_images img{border:#464646 5px solid; width:845px; height:468px;}
#next{width:38px; float:left; display:inline;margin:5px 0;}
#prev{width:38px; float:left; display:inline;margin:5px 0;}
#prev a, #next a {display:none;}
.thumb_desc{
	width:228px;
	 
}
.thumb_desc p{
	color:#fff;
}
 
.group{position:relative; float:left; display:inline; width:914px;}
.group li{margin:16px 18px; border:10px solid #c3c3c3;}
.thumb_img{border:#ccc 1px solid;}
.group li, .thumb_img{float:left; display:inline; width:248px; float:left; position:relative; height:142px; }
.group .hide{position:absolute; background:#000; padding:10px; bottom:0; left:0; width:228px; float:left;  z-index:11; margin:1px 1px -1px 1px; }
.hide{display:none; color:#fff;}
.loading{display:none; position:absolute; top:40%; left:48%; z-index:15;}
.loading img{border:0 !important;}
 

/* scrolling back to top*/
#topcontrol{
position: fixed;
bottom: 51px;
right: 248px;
cursor: pointer;
opacity: 1;
 }
 
/* Footer */

footer{

	padding: 0px;

	margin: 0px;

	width: 100%;

	text-align:left;

	font-size:11px;

	clear:both;

	overflow:hidden;
	font-family: Arial;
	margin:40px 0 0 0;

	background:url(../images/bg-footer.gif) repeat-x left top;

}

footer section {

	height:390px;

	clear:both;

	overflow:hidden;

	background:url(../images/bg-footer.jpg) no-repeat center top;

}

footer .footer-container {

	width:961px;

	margin:0 auto;

	padding:18px 0 0 0;

}

#footer-left {

	width:423px;

	float:left;

}

#footer-left div {

	float:left;

	width:132px;

}

#footer-left div.middle { padding:0 10px; }

#footer-left div p {

	border-bottom:1px dashed #71a7d8;

	color:#fff;

	font-weight:bold;

	padding:0 0 5px 0;

}

#footer-left div ul {

	padding:5px 0 10px 0;

}

#footer-left div ul li {

	float:none;

	line-height:18px;

}

#footer-left div ul li a {

	padding:0 0 0 12px;

	color:#b6cfe5;

	background:url(../images/footer-left-arrow1.png) no-repeat 4px center;

}

#footer-left div ul li a:hover { color:#fff; }

#footer-left .copy-rights {

	clear:both;

	overflow:hidden;

	width:100%;

	color:#696969;

	line-height:18px;

	padding:20px 0 0 0;

	color:#696969;

}

#footer-right {

	width:517px;

	float:left;

}

#footer-right .block1 {

	width:153px;

	height:68px;

	float:left;

	margin:0 0 0 7px;

	padding:0 0 0 10px;

	text-transform:uppercase;

	background:url(../images/footer-block1.png) no-repeat left top;

}

#footer-right .block1 img {

	float:left;

}

#footer-right .block1 strong {

	float:right;

	text-align:center;

	width:100px;

	color:#fff;

	padding:20px 0 0 0;

}

#footer-right .middle {margin:0 3px 0 10px;}

#footer-right #followus {

	width:460px;

	clear:both;

	overflow:hidden;

	margin:0 auto;

	padding:25px 0 0 10px;

	font-size:11px;

	color:#5c5c5c;

}

#footer-right #followus h3 {

	font-weight:bold;

	font-size:12px;

	text-transform:uppercase;

	border-bottom:1px dashed #bababa;

	padding:5px 0;

	clear:both;

	overflow:hidden;

	color:#000;

}

#footer-right #followus .block2 {

	width:209px;

	height:220px;

	float:left;

	padding:0 0 0 20px;

}

#footer-right #followus .block2-1 {border-right:1px dashed #bababa; padding:0 20px 0 0}

#footer-right #followus .block2 .hdng {

	clear:both;

	overflow:hidden;

	padding:10px 0;

	line-height:23px;

}

#footer-right #followus .block2 .hdng .float-l img {

	float:left;

	margin:3px 5px 0 0;

}

#footer-right #followus .block2 .hdng .float-l strong { float:left; color:#435991;}

#footer-right #followus .block2 .followus {

	width:68px;

	height:23px;

	float:right;

	text-align:center;

}

#footer-right #followus .block2 .hdng2 .followus {

	color:#1874a4;

	background:url(../images/followus-bg1.gif) no-repeat left top;

}

#footer-right #followus .block2 .hdng3 .followus {

	color:#3b5998;

	background:url(../images/followus-bg2.gif) no-repeat left top;

}

#footer-right #followus .block2 .hdng4 .followus {

	color:#ea6a13;

	background:url(../images/followus-bg3.gif) no-repeat left top;

}

#footer-right #followus .block2 .hdng5 .followus {

	color:#858585;

	background:url(../images/followus-bg4.gif) no-repeat left top;

}

#footer-right #followus .block2 .hdng2 .float-l strong { color:#1874a4;}

#footer-right #followus .block2 .hdng3 .float-l strong { color:#435991;}

#footer-right #followus .block2 .hdng4 .float-l strong { color:#ff6600;}

#footer-right #followus .block2 .hdng5 .float-l strong { color:#7a7b7b;}

#footer-right #followus .block2 .hdng6 .float-l strong { color:#3faacf;}