@charset "utf-8";
/*name: desktop.css*/

*  {
}

html, body  {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

body  {
	margin: 0; /* it's good practice to zero the margin and padding of
	the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers.
	The text is then set to the left aligned default in the #container selector */
	color: #4261a1;
	/*	background: #d8dbdd url(../_images/bg.png) no-repeat center 0px fixed;*/
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #666;
}

a  {
	margin: 0;
	padding: 0;
}

/*main wrappers: 0=index, " "=about,services, C=contact, T=thankyou*/
#wrapper0  {
	margin: 0 auto;
	text-align: left;
	max-width: 970px;
	min-height: 500px;
	height: 100%;
	background-color: #f5f5f5;
}

#wrapper  {
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	max-width: 970px;
	min-height: 500px;
	height: 100%;
	background-color: #FFF;
}

#wrapper2  {
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	max-width: 970px;
	height: 400px;
	background-color: #FFF;
	min-height: 500px;
	z-index: -999;
}

#wrapperT  {
	margin: 0 auto;
	/*	text-align: left*/;
	max-width: 970px;
	min-height: 500px;
	height: 100%;
	background-color: #FFF;
}

/*footer C1 and C2 are for contact page issue with inputting text and 
position=fixed glitch: switching fixed off for mobile*/
#footerC1  {
}

#footerC2  {
	display: none;
}

#footer, #footerC1  {
	height: 32px;
	line-height:1.4em;
	background-color: #f0f0f0;
	clear:both;
	bottom: 0px;
	color: #888;
	font-size: 0.8em;
	margin: 0px auto 0;
	text-align: center;
	width: 100%;
	padding: 4px 0 10px;
	border-top: 1px solid #ccc;
	max-width: 970px;
}

#footer a, #footerC1 a  {
	text-decoration:none;
	color:#888;
}

#footer a:hover, #footerC1 a:hover  {
	color:#00458d;
}

/*footer navigation*/
#footerNav  {
}

/*all rights reserved*/
#footerARR  {
}

/*header section*/
#headerLogo  {
	background-repeat: no-repeat;
	background-image: url(../_images/logo0.png);
	height: 38px;
	width: 160px;
/*	left: 0%;*/
	margin: 10px 10px 10px 20px;
	padding: 0;
	float: left;
	display: inline-block;
}

#header  {
	height: 100%;
	top: 0px;
	width: 100%;
	max-width: 970px;
	min-height: 0px;
	display: block;
	background-color: #FFF;
}

#taglineM  {
	font-size: 1.2em;
	font-weight: normal;
	padding-top: 0px;
	text-align: center;
	padding-bottom: 16px;
	padding: 64px 0 12px 0;
	margin: 0px auto 0;
	border-bottom: 0px solid #888888;
	font-style: italic;
	color: #4261a1;
}

#tagline  {
	display: none;
	font-size: 1.5em;
	font-weight: normal;
	padding-top: 0px;
	text-align: left;
	padding: 0px 0 12px 2.5%;
	margin: 50px auto 0;
	border-bottom: 0px solid #888888;
	font-style: italic;
	color: #333;
}

.taglineBold  {
	font-weight: bold;
}

#callBack  {
	right: 0px;
	top: 12px;
	font-size: 1.25em;
	font-weight: bold;
	float: right;
	padding-top: 12px;
	padding-right: 20px;
	padding-left: 2.5%;
	padding-bottom: 0px;
}

#callBack a  {
	text-decoration:none;
	color:#4261a1;
}

/*navigation section*/
#nav  {
	height: 37px;
	top: 0px;
	max-width: 970px;
	width: 100%;
	min-height: 0px;
	display: block;
	margin-top: 0px;	clear: both;
	padding-left: 0%;
	margin-right: 0%;
	background-color: #4261a1;
	padding-top: 0px;
}

#nav ul  {
	list-style-type: none;
	padding:0;
	text-transform: uppercase;
	width: auto;
	display: inline-block;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	float: right;
}

#nav ul li  {
	list-style-type: none;
	float: left;
	padding-right: 0px;
}

#nav ul li a  {
	color: #FFF;
	text-decoration: none;
	line-height: 1em;
	font-size: 0.95em;
	top: 0px;
	font-weight: normal;
	padding: 10px 20px 12px 20px;
	float: right;
	display: block;
}

#nav ul li a:hover  {
	background-color:#7D8EB1;
}

/*nav highlight for each page9*/
#selected  {
	padding: 0;
	background-color:#444;
	border-bottom: 0px solid #fff;
}

/*index page*/

/*index page logo*/
#logoLanding  {
	height: 120px;
	width: 240px;
	margin: 0 auto;
	padding: 120px 0 40px 0;
	text-align: center;
	z-index: 999;
	display: none;
}
.gallery0  {
	width: auto;
	height: auto;
	background-color: #f0f0f0;
	top: 0px;
	margin: 24px 20px 0;
	text-align: center;
	padding: 0px;
	border: 1px solid #4261a1;
	outline: 0px solid #fff;
	display: none;
	font-size: 0px;
	line-height: 1em;
}
.gallery  {
	width: auto;
	height: auto;
	background-color: #f5f5f5;
	top: 0px;
	margin: 24px 20px 0;
	text-align: center;
	padding: 0px;
	border: 0px solid #4261a1;
	outline: 0px solid #fff;
	display: block;
	font-size: 0px;
	line-height: 1em;
}

img  {
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden; /* Chrome and Safari */
	-moz-backface-visibility:hidden;
	max-width: 100%;
	/*	display: inline;*/
	/*	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;*/
	visibility: visible;
}

/*content wrappers 0=index, ""=about, S=services, T=thankyou */
.content0  {
	min-height: 100%;
	padding: 0 0;
	margin: 0;
	z-index: 999;
	height: auto;
	border-top: 1px solid #ccc;
}

.content0 h1  {
	font-size: 2em;
	margin: 24px auto 0;
	text-align: center;
	font-style: italic;
	padding: 24px 10% 100px;
	font-weight: bold;
	color: #4261a1;
	background-color: #f5f5f5;
}

.content  {
	padding: 20px 0 0;
	margin: 0;
	clear: both;
}

.content h1  {
	font-size: 1.6em;
	margin: -10px auto 0;
	text-align: center;
	font-style: italic;
}

.content h2  {
	font-size: 1.25em;
	margin: 0 auto 0;
	color: #00458d;
	padding-bottom: 12px;
	text-align: left;
}

.contentS  {
	padding: 20px 0 0;
	margin: 0;
	clear: both;
}

.contentS h2  {
	font-size: 1.25em;
	margin: 0 auto 0;
	color: #00458d;
	padding-bottom: 12px;
	text-align: left;
}

.contentC  {
	padding: 20px 0 0 0%;
	margin: 0;
}

.contentT  {
	padding: 20px 0 0 0%;
	margin: 0;
}

/*general text*/
h2  {
	font-size: 1.3em;
	color: #00458d;
	padding-bottom: 12px;
	text-align: left;
	margin: 0;
}

p  {
	font-size: 1em;
	text-align: justify;
	padding-bottom: 18px;
	color: #333;
	margin: 0;
}

/*about page*/
.botPara  {
	text-align: left;
/*	width: 92.5%;*/
/*	padding: 0 0 0 20px;
	margin-top: 0px;*/
	padding:0;
	margin: 0 20px ;
	clear: both;
	float: inherit;
}

.topParaT  {
	text-align: left;
/*		padding: 0 0.5% 0 20px;
	margin-top: 0px;*/
	margin: 0px 20px 0 20px;
	float: left;
	min-width: 300px;
	width: 47%;
}

.topParaT2  {
	text-align: left;
/*	width: 42.5%;*/
	/*float: left;*/
/*	padding: 0 1.0% 0 2.5%;
	margin-top: 0px;*/
	padding:0;
	margin: 0px 20px 0 0;
	min-width: 300px;
}

/*services page*/
.para  {
	text-align: left;

	width: 62%;
/*	padding: 0 0 10px 20px;*/
	padding: 0 0 10px 20px;
	margin-left: 0px;
	min-width: 0px;
/*	clear: both;*/
	display: inline-block;
}

.para h2  {
	min-width: 0px;
	display: block;
}

.para p  {
	padding: 0 0 18px 0;
}

.para ul  {
	display:block;
	margin: -6px 0 0;
	padding: 0px 0 12px 24px;
	color: #555;
}

/*brown boxes: 1=in about, 2=in services*/
#messageBox1  {
	text-align: left;
	font-size: 1.25em;
	margin: 0 20px 24px 20px;
	color: #FFF;
	padding: 20px 20px 26px 20px;
/*		margin: 0 0 24px 20px;
	max-width: 87.5%;*/
	font-weight: bold;
	background-color: #a7522e;
	
	

	
}

#messageBox2  {

	float: right;
	margin: 0 5.5% 0 2%;
	color: #FFF;
	background-color: #a7522e;
	width: 22%;
	height: auto;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	padding: 20px;
	min-width: 180px;
}

/*C=contact page and CT=thankyou page; C=left column, C2=right column*/
.paraC  {
	text-align: left;
	width: 30%;
	padding: 0 0% 0 20px;
	float: left;
	min-width: 264px;
	display: inline;
	color: #4261a1;
	margin-top: 0px;
	font-size: 1em;
}

.paraCT  {
	text-align: left;
	width: 30%;
	padding: 0 0% 0 20px;
	float: left;
	min-width: 264px;
	display: inline;
	color: #4261a1;
	margin-top: 0px;
	font-size: 1em;
}

.paraC .action a, .paraCT .action a  {
	text-decoration: none;
	color: #444;
}

.paraC p, .paraCT p  {
	color: #4261a1;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: Verdana, Geneva, sans-serif;
}

.paraC h4, .paraCT h4  {
	margin: 0 0 6px 0;
	padding: 0;
}

.paraC p a, .paraCT p a  {
	text-decoration: none;
	color: #4261a1;
}

.paraC2  {
	text-align: left;
	width: 60%;
	padding: 0 2.5% 0 2.5%;
	float: left;
	min-width: 200px;
	display: inline;
	color: #4261a1;
	margin-top: 0px;
	font-size: 1em;
}

/*call to action titles and text*/
.action  {
	font-size: 2.2em;
	font-weight: bold;
	margin-left: 0%;
	padding: 0 0 24px 0;
}

.action a  {
	text-decoration: none;
	color: #4261a1;
}

.action2  {
	font-size: 2.2em;
	font-weight: bold;
	padding: 0 0 24px 0px;
	margin: 0;
}

.action2T  {
	font-size: 2.2em;
	font-weight: bold;
	padding: 0 0 24px 0px;
	margin: 0;
}

/*thankyou page message and feedback*/
#question  {
	font-size: 1.1em;
	padding: 0 2.5% 20px 0
}

#questionT  {
	font-size: 1.1em;
	padding: 0 2.5% 20px 0;
}

#formSent  {
	padding: 32px 48px 0 3.5%;
	min-height: 268px;
	margin: 0;
	line-height: 1em;
}

#formSent h4  {
	color: #FFF;
	font-size: 2.2em;
	margin: 0px 0 32px;
}

#formSent p  {
	color: #FFF;
	font-size: 1.05em;
	line-height: 1.2em;
}

#formSent p #formSentColor  {
	color: #FF9;
	text-decoration: none;
}

#formSent p a  {
	text-decoration: none;
}

/*
Contact Form by html-form-guide.com
You can customize all the aspects of the form in this style sheet
All the style elements use form id selector(notice the #contactus). So, including this
stylesheet does not affect the other elements at all!
*/
input {
	-webkit-appearance: none;
	border-radius: 0;
}

#contactus  {
	padding: 0;
	margin: 0 0px 0 0;
}


#contactus fieldset  {
	width:100%;
	padding:2px 0px 0px 0;
	border:0px solid #ccc;
/*	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;*/
	text-align: left;
	background-color: #4261a1;
	margin: 0 0 40px 0;	/*max-width: 320px;*/
}

#contactus legend, h2  {
	font-family : Arial, sans-serif;
	font-size: 1.3em;
	font-weight:bold;
	color:#333;
}

#contactus label  {
	font-family : Arial, sans-serif;
	font-size:0.8em;
	font-weight: bold;
	color: #fff;
}

#contactus input[type="text"],textarea  {
	font-family : Arial, Verdana, sans-serif;
	font-size: 0.8em;
	line-height:140%;
	color : #000;
	padding : 3px;
	border : 0px solid #999;
/*	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;*/
}

#contactus input[type="email"],textarea  {
	font-family : Arial, Verdana, sans-serif;
	font-size: 0.8em;
	line-height:140%;
	color : #000;
	padding : 3px;
	border : 0px solid #999;
/*	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;*/
}

#contactus input[type="text"]  {
	height:18px;
	width:94.1%;
/*	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	margin: 6px 0 0 0;
}

#contactus input[type="email"]  {
	height:18px;
	width:94.1%;
/*	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	margin: 6px 0 0 0;
}

#contactus #scaptcha  {
	width:60px;
	height:18px;
}

.container #sendMessage  {
	width: 100px;
	height:28px;
	Font-size: 14px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-align: center;
	padding: 0;
	background-color: #f0f0f0;
	border: 0;
	outline: 0px solid #777;
	-webkit-appearance: none; !important
	-webkit-border-radius: 0; !important
	border-radius: 0;	
}

.container #newMessage  {
	width:140px;
	height:28px;
	Font-size: 14px;
/*	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	text-align: center;
	padding: 0;
	background-color: #f0f0f0;
	border: 0;
	outline: 0px solid #444;
	-webkit-appearance: none; !important
	-webkit-border-radius: 0; !important
	border-radius: 0;
}

#contactus textarea  {
	height:120px;
	width:94.1%;
/*	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	margin: 6px 0 0 0;
	-webkit-appearance: none;
	border-radius: 0;

}

#contactus input[type="text"]:focus,textarea:focus  {
	color : #009;
	border : 0px solid #990000;
	background-color : #ffff99;
	font-weight:bold;
}

#contactus input[type="email"]:focus,textarea:focus  {
	color : #009;
	border : 0px solid #990000;
	background-color : #ffff99;
	font-weight:bold;
}

#contactus .container  {
	padding-top: 12px;
	margin-bottom: 6px;
	Margin-left:2.5%;
	width: 100%;
}
 
#contactus .error  {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 0.7em;
	color: #900;
	background-color : #ffff00;
}

#contactus fieldset#antispam  {
	padding:2px;
	border-top:1px solid #EEE;
	border-left:0;
	border-right:0;
	border-bottom:0;
	width:350px;
}

#contactus fieldset#antispam legend  {
	font-family : Arial, sans-serif;
	font-size: 0.8em;
	font-weight:bold;
	color:#333;   
}

#contactus .short_explanation  {
	font-family : Arial, sans-serif;
	font-size: 0.6em;
	color:#333;   
}

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip  {
	display:none;
	width:10px;
	height:3px;
}

#fg_crdiv  {
	font-family : Arial, sans-serif;
	font-size: 0.3em;
	opacity: .2;
	-moz-opacity: .2;
	filter: alpha(opacity=20);   
}

#fg_crdiv p  {
	display:none;
}

#_________slideshow_css {
}

/* http://www.menucool.com Image Slider */ 

#sliderFrame {
	position:relative;
	width:900px;
	margin: 0 auto;
} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/

#ribbon {width:111px;height:111px;position:absolute;top:-4px;left:-4px;background:url(ribbon.png) no-repeat;z-index:7;}
        
#slider {
	width:100%;
	height:265px;/* Make it the same size as your images */
	background: #fff url(loading.gif) no-repeat 50% 50%;/*make the image slider center-aligned */
	z-index:9999;
	/*box-shadow: 0px 1px 5px #999999;*/
	top: 2px;
}
#slider img {
	position:absolute;
	border:none;
	display:none;
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}

/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:0;
	left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
div.mc-caption-bg {
	background-color:black;
}
div.mc-caption {
	font: bold 14px/20px Arial;
	color:#EEE;
	z-index:4;
	padding:10px 0;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
	text-align:center;
}
div.mc-caption a {
	color:#FB0;
}
div.mc-caption a:hover {
	color:#DA0;
}





/* --------- Others ------- */
#slider 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}