@charset "utf-8";
/* CSS Document */

/*-------------------------------------------
GENERAL SETTINGS
---------------------------------------------*/
body{
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
	background-color:#151515;
}

a {color:#00887e; text-decoration:underline;}
a:link {color:#00887e; text-decoration:underline;}
a:visited {color:#00887e; text-decoration:underline;}
a:hover {color:#00b4a7 !important; text-decoration:none;}

img{border-style:none;}

.textblue{color:#00887e;}
.textthin{font-weight:200;}
.textnormalcolor{color:#888888;}
.textnormalfont{font-family: 'Open Sans', sans-serif;}
.textstrike{text-decoration:line-through;}
.textsize13{font-size:13px;}
.textsize14{font-size:14px;}
.textsize15{font-size:15px;}
.textsize16{font-size:16px;}
.textbright{color:#bbbbbb;}
.text700{font-weight:700;}
.textraleway{font-family: 'Raleway', sans-serif;}
.textbold{font-weight:700; font-family:'Raleway', sans-serif;color:#bbbbbb;} 

.alignright{text-align:right;}
.aligncenter{text-align:center;}
.verticalmiddle{vertical-align:middle;}

.break5 {height:5px;clear:both;}
.break10 {height:10px;clear:both;}
.break20 {height:20px;clear:both;}
.break30 {height:30px;clear:both;}
.break50 {height:50px;clear:both;}
.break80 {height:80px;clear:both;}
.break100 {height:100px;clear:both;}
.break150 {height:150px;clear:both;}
.clear {height:0px;clear:both;}

.general{padding:0px 10px;}
.general540{padding:0px 10px;width:540px;}

.hidden{visibility:hidden;}
/*-------------------------------------------
BACKGROUND (960 px middle)
---------------------------------------------*/
#container {
	position:relative;
	width: 960px;
	margin: 0 auto;
	background:url(images/background.jpg);
	background-repeat:no-repeat;
	background-position:0px 10px;
	text-align: left;
	color: #888888;
}

.lightwrapper {
	width: 100%;
	background-color:#f9f8f7;
	padding:50px 0 100px 0;
} 


.containerlight {
	position:relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	color: #555555;
}

.containerlight h2, .containerlight h3 {
	color: #555555;
}




.darkwrapper {
	width: 100%;
	background-color:#151515;
	padding:50px 0 100px 0;
} 

.containerdark {
	position:relative;
	width: 960px;
	margin: 0px auto;
	text-align: left;
	color: #888888;
}



/*-------------------------------------------
MANTLE / TOP MENU
---------------------------------------------*/
#mantle {
	position:fixed;
	width: 960px;
	left:50%;
	top:0px;
	margin-left:-480px;
	height:40px;
	z-index:49;
	background-color:#151515;
}

#mantleback {
	position:fixed;
	top:0px;
	left:0px;
	height:52px;
	width:100%;
	z-index:47;
	background-image:url(images/mantleback.png);
	background-repeat:repeat-x;
}

#toplinks {
	position:absolute;
	top:0px;
	right:0px;
	text-align:left;
	z-index:11;
}

ul.drop {font-size:19px; right:0px;}
ul.drop a { display:block; color: #777777; text-decoration: none;}
ul.drop a:hover { display:block; color: #00887e!important; text-decoration: none;}
ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0; background: none; color: #777777; }
ul.drop { position: relative; z-index: 597; float: right;}
ul.drop li { float: left; line-height: 20px; padding: 10px 10px 10px 13px; vertical-align:middle}
ul.drop li+li { background-image:url('images/navdot.png'); background-position:0px 0px; background-repeat:no-repeat; }
ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 599;}
ul.drop ul {visibility:hidden; position: absolute; top: 100%; z-index: 598; width: 240px; background: #151515; }
ul.drop ul li { float: none; color: #777777; line-height: 28px; padding:0px 10px !important; height:28px !important; background-color: #222222; background-image:none !important; font-size:15px;}
ul.drop ul li:hover {background-color: #000000;}
ul.drop li:hover > ul { visibility:visible;}
ul.drop img{vertical-align:middle; padding-left:8px;}

.socialdrop {
	right:0px;
	text-align:right;
	width:210px !important;
}

.socialdrop li {vertical-align:middle;}
.facebookfollow{
	width:60px;
	height:20px;
	margin-top:4px;
	float:right;
}

.paypalcart{
	background: none;
    border: none;
	font-size:19px;
	font-family: 'Open Sans', sans-serif;
    color: #777777;
    text-decoration: none;
    cursor: pointer;
	margin:-5px -8px;
	}
.paypalcart:hover{color: #00887e; text-decoration: none;}

input.displaynone{
	display:none;
}

#facebook {
	display:block;
	width:20px;
	height:20px;
	background-image:url(images/social.png);
	background-position:20px 0px;
}

#twitter {
	display:block;
	width:20px;
	height:20px;
	background-image:url(images/social.png);
	background-position:0px 0px;
}
#facebook:hover {background-position:20px 20px;}
#twitter:hover {background-position:0px 20px;}

#toplogo {
	display:block;
	position:absolute;
	top:0px;
	left:10px;
	width: 135px;
	height: 40px;
	background-image:url(images/outlookmaps-logo.png);
	background-position:0px 0px;
}
#toplogo:hover {background-position:0px 40px;}


/*-------------------------------------------
FOOTER
---------------------------------------------*/
#footer {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	color:#666666;
	background-color:#0a0a0a;
	font-size:16px;
	line-height:80px;
	padding:100px 0px 100px 0px;
} 

#footer a {color:#666666; text-decoration:none;}
#footer a:link {color:#666666; text-decoration:none;}
#footer a:visited {color:#666666; text-decoration:none;}
#footer a:hover {color:#00887e !important; text-decoration:none;}


/*-------------------------------------------
GOOGLESEARCH
---------------------------------------------*/
#googlesearch{
	padding:5px 10px 0px 13px;
  	width: 170px;
	height:35px;
  	line-height:normal;
  	display:block;
}
#searchfake{
	width:193px;
	height:40px;
	background-image:url(images/search-bar-fake.png);
	position:absolute;
	right:0px;
	top:0px;
}