/*
    AUTHOR: Tyler Martin
            tyler@wondermonkey.ca
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 62.5% Futura, Century Gothic, Helvetica, Arial; color:#d2cfc2; margin: 0 auto; background:#111111; background-image:url(images/bg_body.jpg); }
ol, ul { margin: 1em 0;list-style-position:inside;padding-left:10px;}
p { font: 1.3em/1.3em; margin-bottom: 1.3em; font-family: arial; font-size:110%;line-height: 1.3em; }
a, a:visited {	text-decoration: none;	outline:none; color:#483723;}
a:hover {	text-decoration: underline;}
a img { border: none; }
h1 {color: #d4c37f;}
h1, h2, h3, h4 {margin: 0; font-weight:bold; font-family: arial;}
li {line-height: 1.3em;padding:0; margin: 0;}
b, strong {font-weight: 700 !important;}
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.transpBlack { background: url(transpBlack.png); }
.w360 { width: 359px; margin-right:1px; }
.w540 { width: 540px; }
.mt1 {margin-top:1px;}
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
#page-wrap {
	width: 900px;
	
	background-image: url(images/bg_placeholder.jpg);
	border: 1px solid #333333;
	

}
.content {
	background-color:#4c3d2b;
	background-repeat: no-repeat;
	padding: 40px 40px 0;
	width: 460px;
	font-family:Georgia, Times New Roman,serif;

}
#top {
	background-image: url(images/bg_placeholder.jpg);
	margin-top:1px;
}
#imgHolder {
	background-image: url(images/bg_placeholder.jpg);	
	background-repeat: no-repeat;
	margin-right: 1px;
	text-align:center;
	width: 359px;
	
}
#main {background-color:#d7d5cd;}

img#homeImage {margin:0 !important;}
#imgHolder img {margin:6px;}
#logo img {
	margin-right: 1px;
}
#logo {display:block;}
#quotes { background-color:#333333;width: 540px;}
.featurette * {
	margin: 5px 7px;
}
.featurette {
	width:267px;
	height:215px;
	background-image:url(images/featurette.gif);
	background-repeat: no-repeat;
	margin:0 1px;
}
#footer {
	background-color: #c5c1b3;
	height: 15px;border-top: 1px solid #efefef;
	padding: 10px;
}
#footer p {
	padding:0;margin: 0;color:#5d2d1c;
	
}
/* ------------------------------------------ */
/* CONTENT */
/* ------------------------------------------ */
.content {opacity:0.9;}

.content * {
	font-family:Century Gothic, Georgia, Times New Roman,serif;
	margin-bottom:17px;
	font-weight:100;
}
.content li {margin: 0 0 5px 10px;}
#news {color:#482926;}
#news ul {
	margin: 7px;
	list-style-type: none;
}
#news li {padding: 10px 0;}
#news h3 {
	background-image: url(images/newsbar.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	height:27px;
	width:359px;
}
#news h4 {
	font-weight: bold;
	font-size:110%;
}
#news a {
text-decoration: underline;
}
h3{
	color:#482926;
	font-size: 140%;
}
.navbreak {
	height: 27px;
}
.histmiss {
	color: #8c6e4b;
}
.prodserv {
	color: #56502c;
}
.foundmess {
	color: #57696d;
}
.contact {
	background-color: #9d904a;
}
a.i1 {
	border-bottom:1px solid #8c6e4b !important;
}
a.i2 {
	border-bottom:1px solid #56502c !important;
}
a.i3 {
	border-bottom:1px solid #57696d !important;
}
a.i4 {
	border-bottom:1px solid #9d904a !important;
}
a.i5 {
	border-bottom:1px solid #000000 !important;	
}
.backhistmiss {
	background-color: #8c6e4b;
}
.backprodserv {
	background-color: #56502c;
}
.backfoundmess {
	background-color: #57696d;
}
.backcontact {
	background-color: #9d904a;
	text-align: left !important;
}
.backlogin {
	background-color: #000000;
}
.history img {
	margin: 4px 6px;
}
#imgHolder p {
	margin: 2px 6px 7px;
	font-family: courier;
	color: #502c1e;
	text-align: right;
}
div.container {
	margin:20px;
	line-height: 2em;
	font-size: 100%;
	color: #efefef;
}
#contactData {
	margin:0px 0;
}
#contact {margin:0;padding:0;}
a.cities {
	display:block;
	width:179px;
	height:179px;
	float:left;
	margin:0;
}
#oslo {
	background-image: url(images/oslo_over.jpg);
}
#seville {
	background-image: url(images/seville_over.jpg);
}
#algiers {
	background-image: url(images/algiers_over.jpg);
}
#sf {
	background-image: url(images/sf_over.jpg);
}
#bombay {
	background-image: url(images/bombay_over.jpg);
}
#quebec {
	background-image: url(images/quebec_over.jpg);
}
#santiago {
	background-image: url(images/santiago_over.jpg);
}
/* ------------------------------------------ */
/* NAVIGATION */
/* ------------------------------------------ */

#menu a {
	display:block;
	float: left;
	width: 179px;
	height: 27px;
	border: 1px solid #d7d5cd;
	border-left: none;
	overflow:hidden;
}
#menu a:hover{
}
a.histmiss {
	background-image:url(images/1_histmiss.jpg);
}
a.prodserv {
	background-image:url(images/2_prodserv.jpg);
}
a.foundmess {
	background-image:url(images/3_foundmess.jpg);
}
a.contact {
	background-image:url(images/4_contact.jpg);
}
a.login {
	background-image:url(images/5_login.jpg);
}
a:hover.histmiss, .i1 {
	background-image:url(images/1_histmiss_over.jpg) !important;
}
a:hover.prodserv, .i2 {
	background-image:url(images/2_prodserv_over.jpg) !important;
}
a:hover.foundmess, .i3 {
	background-image:url(images/3_foundmess_over.jpg) !important;
}
a:hover.contact, .i4 {
	background-image:url(images/4_contact_over.jpg) !important;
}
a:hover.login, .i5 {
	background-image:url(images/5_login_over.jpg) !important;
}
a.login  {border-right: 1px solid #111111 !important;}

#submenu {
	padding: 0 20px;
	text-align: center;
}
#submenu a {
	color: #f7f5e5;
	line-height: 2.5em;
	font-size:110%;
	opacity: 0.8;
}
.on {opacity:1.0 !important; color:#dbce79 !important;}
#header a, #submenu a:selected {
	color: #dbce79;
}
.content a {
	color: #ffffff;
	
}
.news a {
	color: #482926;
}

/* ------------------------------------------ */
/* DROP SHADOW */
/* ------------------------------------------ */

body>#shadow-container {
	margin: 0 auto;
	width:918px;
	
}


    #shadow-container>div.shadow1 {
		background-image:url(images/shadow-L.png);
		background-repeat:repeat-y;
		background-position:left;
		padding-left:8px;

    }
    div.shadow1>div.shadow2 {
		background-image:url(images/shadow-R.png);
		background-repeat:repeat-y;
		background-position:right;
		padding-right:8px;

    }

/* END STRUCTURE */