@charset "utf-8";
/* MAIN */
img { border:0px;}
.clearboth { clear:both;}

body{font-family: 'Lato', sans-serif;font-size:14px;font-weight:400; color:#000;line-height:26px; margin:0px; padding:0px; width:100%;background: -webkit-linear-gradient(#e5f3ff, #3b5d7b); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#e5f3ff, #3b5d7b); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#e5f3ff, #3b5d7b); /* For Firefox 3.6 to 15 */ background: linear-gradient(#e5f3ff, #3b5d7b); /* Standard syntax (must be last) */}
.bgimage{background:url(images/bgmain.png);padding:30px 0px;}
ul.liststylenone {list-style-image:none; list-style-type:none; margin:0px; padding:0px;}
	ul.liststylenone li { display:inline;}
.wrapper { width:1000px; margin:0px auto; padding:20px 30px 7px 30px;background:#fff; border-radius:8px;-webkit-box-shadow: 0px 0px 7px 0px rgba(122,122,122,1);-moz-box-shadow: 0px 0px 7px 0px rgba(122,122,122,1);box-shadow: 0px 0px 7px 0px rgba(122,122,122,1); }
	
.top{}
	.logocontact{}
		.logo{float:left;margin-top:15px;}
		.contact{float:right; font-size:12px; line-height:10px;font-style:italic;}
    .mainmenu{background:url(images/bg-border.png) top repeat-x;margin-top:15px;padding-top:1px;}
		.rmm{margin:0px !important;}
.content {background:url(images/bg-border.png) top repeat-x;padding-top:10px;}
	.imageslider img {border-radius:4px;}
	.maincontent {margin-top:30px;}
		.maincolumn {float:left; width:67%;}
		.leftcolumn {float:right; width:30%; }
	img.imgleft {border:1px solid #ccc; background:#ddd; padding:10px; float:left; width:30%; margin-top:15px;border-radius:5px;}
	.aboutcont { float:right; width:65.5%;}
	.portfoliocontent {font-size:14px; line-height:30px;}
		.portfolioline1left, .portfolioline2left { float:left; width:43%; padding:30px; background:#f2f2f2;}
		.portfolioline1right, .portfolioline2right { float:right;  width:45%; padding:30px;}
			.portfolioline2left, .portfolioline1right {background:#f2f2f2;transition: background-color 1s; }
			.portfolioline1left, .portfolioline2right{background:#fff;transition: background-color 1s; }
				.portfolioline2left:hover, .portfolioline1right:hover{background:#ededed ;}
				.portfolioline1left:hover, .portfolioline2right:hover  {background:#f4f4f4;}
				.nobg, .nobg:hover { background:none;}
					.portfolioimg { float:left; width:42%; margin-top:15px;}
						.portfolioimg img { width:100%;}
					.portfoliodesc { float:right; width:55%; margin-top:10px;}
						.portfoliodesc ul { margin:0px; padding:0px; margin-left:10px; list-style:none; line-height:28px;}
						.portfoliodesc ul li{ background:url(images/arrow.png) no-repeat left; padding-left:22px;}
	.contactus {}
	.contactdetailspage { width:40%; line-height:28px;float:left}
		.contactdetailspage p { margin-bottom:-10px;}
	.contactform { width:53%;float:right}
		input.name { margin-left:61px;}
		input.contactno { margin-left:24px;}
		input.email { margin-left:63px;}
		input.subject { margin-left:52px;}
		input.position{ margin-left:47px;}
		textarea.message { margin-left:103px; margin-top:-23px;}

	.contactformhome input, .contactformhome textarea {padding:3px;}	
		.contactformhome input.name { margin-left:21px; width:70%;}
		.contactformhome input.email { margin-left:24px;width:70%;}
		.contactformhome textarea.message{ margin-left:66px;margin-top:-19px;width:70%;height:80px;}

.footer{background:url(images/bg-border.png) top repeat-x;margin-top:50px; padding-top:16px;text-align:center;color:#8f8f8f; font-weight:600; font-size:12px;}
	.footer ul {margin:0px; padding:0px;margin-bottom:-13px;}
		.footer ul li {margin:0px 14px;}
	
h1 {background:#5d7b95; margin:0px; padding:12px 10px 12px 16px; color:#fff; text-transform:uppercase; font-size:18px; font-weight:600;border-radius:4px; }
h3 { color:#5d7b95; text-transform:uppercase; font-size:21px; font-weight:900;padding:0px;margin:0px; }
h2 {font-weight:600; margin:0px; padding:0px; color:#333534;font-size:14px;}
	
a { font-size:14px; color:#325c80; text-decoration:none; }
a:link { font-size:14px; color:#325c80;}
a:active { font-size:14px; color:#325c80; }
a:visit { font-size:14px; color:#325c80;  }
a:hover { font-size:14px; color:#595959;text-decoration:none; }

.rmm{position:relative; z-index:100;}
.rmm.style ul li a {color:#636363; font-weight:300 !important; text-transform:lowercase;font-family: 'Lato', sans-serif; font-size:21px;padding:20px 35px 19px 35px;}
.rmm.style ul li a:hover{ color:#fff !important;}

.footer a {color:#8f8f8f; font-weight:600; font-size:12px;}
.footer a:hover {color:#325c80;}

.contactform  input, .contactform  textarea { padding:8px; border:1px solid #ccc; width:55%;}

input.submit
 { background:#970021; color:#fff; padding:12px 33px 11px 0px; width:120px; text-align:right;border-radius:5px; transition: background-color 1s; cursor:pointer; border:none; font-size:13px; font-weight:600; text-transform:uppercase;}
input.submit:hover
{ background:#545454;}

.logocontact:after , .maincontent:after, .portfoliocontent:after, .portfolioline1left:after, .portfolioline1right:after, .portfolioline2left:after, .portfolioline2right:after{visibility: hidden;display: block;content: "";	clear: both;height: 0;}




/*****************************************************************************/
/* JQUERY STYLES											    			 */
/*****************************************************************************/

 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
 display:none;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}












.drawer {
	width: 100%; margin:25px 0px;
}

.drawer-item {border-top:1px dotted #a4a4a4;}
.lastdrawer {border-bottom:1px dotted #a4a4a4;}
	.drawer-item-active .drawer-header {
		
		transition: 0.25s;
		color: #fff;
	}
	.drawer-item-active .drawer-header-icon {
		color: #dbdada;
	}

.drawer-header {
	color: #212121;
	padding: 9px 12px 7px 12px;
	cursor: pointer;

	min-height: 30px;
	transition: 0.25s;transition: background-color 1s;
}
.drawer-header:hover, .drawer-item-active {background:#f0f0f0;}
	.drawer-header h2 {
		float: left;
	
}

.drawer-content {

	display: none;
	padding:  0px 12px;
	background: #FFF;
	font-size: 14px;
}
.leftcolumn .drawer-content ul {margin: 0;padding:0px; list-style:none;text-align:center; font-size:18px; font-weight:300; line-height:32px; }

.drawer-header-icon {
	float: right;
	color: #dbdada;
}
.drawer-header-icon.drawer-header-icon-active {
	transform: rotate(180deg);
}