html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
strong {
    font-weight: bold;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;



}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.35em;
	color: black;
	background: #fff;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.clear {clear: both;}
.right {float: right;}
.left {float: left;}






/*@font-face {
	font-family:'Fontin-Regular';
	src: url('Fontin-Regular.otf') format('opentype');
}*/

.container{
	margin: 50px auto;
	width: 908px;
	font-size: 13px;
	/*font-family: Eurostile, "Fontin-Regular", Arial, Helvetica, sans-serif;*/
	font-family: Eurostile, Arial, Helvetica, sans-serif;
	position: relative;
	overflow: hidden;
	
	}

.header {
	background: #fff; /*url(img/Mlogo.jpg) no-repeat 25px 0;*/
	padding:0px 0 50px 0;
	}
		
.menu {
	float: left;
	width: 144px;
	margin: 0 0 0 24px;
	}
	
.menu ul {
	padding: 0 0 20px 0;	
	}

.menu ul li {
	margin: 0 0 20px 0;
	}
	
.menu ul li a {
	color: #888;
	text-decoration: none;	
	letter-spacing: .2em;
	cursor: pointer;
	}
	
.menu ul li a.cyan:hover, .menu ul li a.activecyan{color: #00AEEF;}
.menu ul li a.red:hover, .menu ul li a.activered{color: #d93820;}
.menu ul li a.blue:hover, .menu ul li a.activeblue{color: #3e77a8;}
.menu ul li a.green:hover, .menu ul li a.activegreen{color: #84ab8b;}
.menu ul li a.yellow:hover, .menu ul li a.activeyellow{color: #ffc222;}

#menu ul.social li {float:left; list-style-type:none;}
#menu ul.social li a {height:20px; display:block; top:0; text-indent:-9999px; outline:none}
#menu ul.social li a.facebook, .menu ul.social li a.wordpress, .menu ul.social li a.twitter {background: url(../images/social-sprite.png);}
#menu ul.social li a.facebook {background-position:0 0; width:28px; left:0}
#menu ul.social li a.facebook:hover {background-position:0 -20px}
#menu ul.social li a.wordpress {background-position:-28px 0; width:30px; left:28px}
#menu ul.social li a.wordpress:hover {background-position: -28px -20px;}
#menu ul.social li a.twitter {background-position: -58px 0;width: 22px;left: 58px;}
#menu ul.social li a.twitter:hover {background-position: -58px -20px;}


.content, .footer {
	float: right;
	width: 650px;
	margin: 0 70px 0 0;
	font-size: 13px;
	color: #888;
	line-height: 2em;
	
	}
	
.content:first-line, .footer:first-line {
	line-height: normal;
	}
	
.footer {
	clear: both;
	border-top: 1px solid #ccc;
	color: #ccc;
	font-size: 12px;
	margin-top: 50px;
	}

.text-col {width:435px; margin-right: 20px; float: left;}
.image-col {width:170px; float: left; background-color: #fff;}

.contact-info {width:292px; margin-right: 41px; float: left;}
.contact-form {width:292px; float: left;}


/**************** contact form ****************/

.forms li {display: block;padding-bottom: 10px;height: 20px;}
.forms li.tall {height: 107px;}
.forms li label {width: 65px;float: left; padding: 0 20px 0 0; text-align: right;}
.forms li input, .forms li textarea {width: 170px;height: 14px;float: left;background: #bbb; border: 3px solid #bbb; padding: 2px;}
.forms li textarea {height: 100px;}
.forms .button {float: left;clear: left;height: 20px;width: 65px; margin: 0 0 0 80px; cursor: pointer; background: #fff;}
.forms .button:hover {color: #000000;}


h3 {font-size: 140%; margin-bottom: 20px; font-weight: bold;}
h4 {font-size: 120%; font-weight: bold; }
p {margin-bottom: 15px; text-align: justify;}
p.ul-next {margin-bottom: 5px;}
#content ul {list-style: disc; margin: 0px 0px 15px 20px;}
/*url(img/bg-mark.png) no-repeat*/
#content {background: #fff;}
.image-col {background-color: #fff;}
.image-col li {margin: 0 auto 75px; position: relative; width: 170px;height: 120px; list-style: none;}
.img-frame {overflow: hidden; position: absolute; top: 0; left: 0; width: 650px; height: 210px;}

/******************blockquotes******************/
#content ul.testimonials {list-style: none;list-style-type: none;}
#content blockquote {font-size: 14px;line-height: 36px;border-left: 1px solid #ccc;display: block;padding: 0 0 25px 20px;font-style: italic;}
#content blockquote span.large {font-size: 30px;font-style: normal;padding: 0 5px;}
#content blockquote span.med {font-size: 26px;font-style: normal;padding: 0 5px;}
#content blockquote span.small {font-size: 24px;font-style: normal;padding: 0 5px;}
#content blockquote span.name {font-size: 14px;display: block;margin-top: 45px;}


#loading {display: none; color: #888; letter-spacing: .2em; background: #fff;
position: absolute; text-align: center; width: 625px; right:0px; top: 200px; margin: 0 70px 0 0;}



.removeOnJS {margin-top: 20px;}

#debug p {margin: 0;}
#debug p.indent {margin-left: 17px;}
#debug p.divider {margin-left: 20px;}
#debug p.red {color: red;}
#debug p.request {text-align: center; color: red; margin: 10px 0; font-size: 120%;}
#debug {width: 270px; left:0; position:fixed; top:0; height:97%; overflow-y: scroll; border: 1px solid #000; float: left; display: none;}
#emptyDebug {color: red; position: fixed; top: 98%; left: 0px; display: none;}