/*  3B Web Creation styles  */

html	{
	min-height: 100%;
	margin-bottom: 1px;
	}	
* {	
	margin:0;
	padding:0;
	}
body	{	
	text-align: center;
	background-color: #fff;
	font-family: WebFont, verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	color: #008080;
	background-image: url(pics/bg-body.jpg);
	background-position: 50% 0;
	background-repeat: repeat-x;
	background-attachment: fixed;
	}	
/* @font-face {
    font-family: 'WebFont';
    src: url('_fonts/maven_pro-maven.eot?') format('eot'),
         url('_fonts/maven_pro-maven.woff') format('woff'),
         url('_fonts/maven_pro-maven.ttf') format('truetype'),
         url('_fonts/maven_pro-maven.svg#webfontnoMoEcng') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DraftPlateExtendedMedium';
    src: url('_fonts/drafpe__-webfont.eot?');
    src: url('_fonts/drafpe__-webfont.eot?iefix') format('eot'),
         url('_fonts/drafpe__-webfont.woff') format('woff'),
         url('_fonts/drafpe__-webfont.ttf') format('truetype'),
         url('_fonts/drafpe__-webfont.svg#webfonteQYMDObU') format('svg');
    font-weight: normal;
    font-style: normal;
} */
@font-face {
    font-family: 'WebFont';
    src: url('_fonts/nunito-regular-webfont.eot?');
    src: url('_fonts/nunito-regular-webfont.eot?iefix') format('eot'),
         url('_fonts/nunito-regular-webfont.woff') format('woff'),
         url('_fonts/nunito-regular-webfont.ttf') format('truetype'),
         url('_fonts/nunito-regular-webfont.svg#webfonteQYMDObU') format('svg');
    font-weight: normal;
    font-style: normal;
}

.container	{
	width: 760px;
	margin: 0 auto;
	text-align: left;
	clear: both;
	}	
.container .main	{
	float: left;
	width: 720px;
	padding: 10px 20px;
	margin: 10px 0;
	background: #fff;	
	background-color: rgba(255,255,255,0.85);
	border: 1px solid teal;
	-moz-border-radius-topleft: 10px;
	-moz-box-shadow: 0 0 20px #333, inset 0 0 15px #666;
	-webkit-box-shadow: 0 0 20px #333, inset 0 0 15px #666;
	box-shadow: 0 0 20px #333, inset 0 0 15px #666;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 20px auto;
	background-image: url(pics/stripe_f_bg.gif);
	background-repeat: repeat-y;
	clear: both;
	}	
/* IE 7 */
*+html .container .main	{
	background-color: #fff;
	}	
.container .header	{
	float: left;
	width: 720px;
	border-bottom: 1px solid #008080;
	background: none!important;
	clear: both;
	}
.container .intro	{
	float: left;
	position: relative;
	z-index: 2;
	width: 640px;
	padding-left: 80px;	
	clear: both;
	line-height: 18px;
	}
.container .intro .webbg	{
	position: absolute;
	z-index: 1;
	top: 150px;
	left: 90px;
	}
.container .intro .about	{
	float: left;
	position: relative;
	z-index: 2;
	width: 620px;
	border-top:  1px solid #008080;
	border-bottom: 1px solid #008080;
	clear: both;
	margin: 25px 0;
	
	}
.container .intro .about .left	{
	float: left;
	width: 300px;
	padding: 20px 10px 10px 0;
	border-right:  1px solid #008080;
	}
.container .intro .about .right	{
	float: right;
	padding: 20px 0 10px 0;
	width: 299px;
	}
.container .module	{
	width: 720px;
	border-top: 1px solid #008080;
	clear: both;
	}
.container .module .website,
.container .contact	{
	width: 640px;
	margin: 20px 0 20px 80px;
	}	
p	{
	margin: 0 0 10px 0;
	}
.intro p	{
	text-align: justify;
	}
p.ctr	{
	margin: 0 0 10px 0;
	text-align: center;
	}
.clear	{
	display: block;
	width: 100%;
	clear: both;
	}
/* .btn	{
	background-color:#008080;
	color:#fff;
	border-left: 1px solid #94e0d1;
	border-top: 1px solid #94e0d1;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	} */
.new	{
	 color: #c00;
	 font-size: 17px;
	 font-weight: 800;
	 text-shadow: 1px 1px 1px #ff8040;
	 }
.shadow	{
	-moz-box-shadow: 0 3px 5px #555;
	-webkit-box-shadow: 0 3px 5px #555;	
	box-shadow: 0 3px 5px #555;
	}
div.rule	{
	border-bottom: 1px solid #008080;
	margin: 15px 0;
	height: 3px;
	}
.top	{
	text-align: right;
	font-size: 10px;
	text-transform: uppercase;
	}
img a, img	{
	border: 0;
	}
/* standard links */

a:link	{
	text-decoration: none;
	color: #005353;
	}
a:visited	{
	text-decoration: none;
	color: #005353;
	}	
a:hover	{
	text-decoration: underline;
	color: #008080;
	}	
/*  home links  */
a.home:link, a.home:visited	{
	font-size: 11px;
	text-decoration: none;
	background-color: #008080;
	color: #fff;
	padding: 15px;
	}
a.home:hover	{
	font-size: 11px;
	text-decoration: none;
	background-color: #008080;
	color: #ccc;
	}
.host	{
	position: absolute;
	bottom: 5px;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	}
.door-container	{
	width: 100%;
	margin: 0 auto!important;
	text-align: center!important;
	clear: both;
	}	
.door-container .sliding-doors span {
	float: left;
	padding: 0 5px 0 0;
	background-image: url(pics/button-right-slide.gif);
	background-position: right;
	background-repeat: no-repeat;
	}
.door-container .sliding-doors {
	float: left;
	
	padding-left: 5px;
	background-image: url(pics/button-left-slide.gif);
	background-position: left;
	background-repeat: no-repeat;
	margin: 0 210px;
	cursor: hand;
	}
.door-container .sliding-doors2	{
	height: 20px;
	width: 200px;
	background: none;
	font-size: 1.2em;
	font-weight:800;
	color: #008080;
	border: 0;
	cursor: hand;
	line-height:18px;
	padding: 0 0 2px 0;
	}
a.popup	{
	padding-right: 17px;
	background-image: url(pics/popup_icon.gif);
	background-position: top right;
	background-repeat: no-repeat;
	}
.roundFlash	{
	padding: 15px 15px 0 15px;
	border: 1px solid #00d7cc;
	background-color: #fff;
	}
.alt	{
	background-color: #008080;
	}
	
/* .btn a {  
	text-decoration: none;  
	float: left;
	height: 27px;  
	cursor: pointer;  
	font: 800 16px/24px webFont, Helvetica, sans-serif; 
	background: url(pics/bg-btn.gif) no-repeat top right;  
	color: #ffeedd!important;
	text-shadow: 1px 1px 1px #000;
 	} 
.btn a span {  
	float:left;
	height: 27px;
	margin: 0 10px 0 -15px;  
	padding: 0 6px 0 16px;  
	background: url(pics/bg-btn.gif) no-repeat top left;
 	}  
.btn a:hover {  
	background-position: bottom right; 
	color: #a83600;
	text-shadow: 1px 1px 1px #fff;
 	}
.btn  a:hover span {  
	color: #a83600!important; 
	background-position: bottom left; 
 	} */
a.btn {
	-moz-box-shadow:inset 1px 1px 1px 0px #fce2c1, 1px 1px 3px #333;
	-webkit-box-shadow:inset 1px 1px 1px 0px #fce2c1, 1px 1px 3px #333;
	box-shadow:inset 1px 1px 1px 0px #fce2c1, 1px 1px 3px #333;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fa8a00) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fa8a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fa8a00');
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:webFont;
	font-size:15px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;
	}
a.btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fa8a00), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fa8a00 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa8a00', endColorstr='#ffc477');
	background-color:#fa8a00;
	}
.ts	{
	text-shadow: 1px 1px 1px #fff,1px 1px 1px teal;
	}
.roundme	{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
img.rt	{
	float: right;
	margin: 0 0 10px 10px;
	}
img.lt	{
	float: left;
	margin: 0 10px 10px 0;
	}