body { 
	width:100%;
	height:100%;
	font-family:"Courier", Courier New, monospace;
	padding: 0;
	margin: 0;
	color:white;
	background-color:#000000;
	font-size: 100%;
	overflow-x:hidden;
	overflow-y:scroll;
	outline:none;
	border:none;
	line-height:1.2;
}

#page_container {
	width:100%;
	height:100%;
}

span, script, * { 
	margin:0; 
	padding:0; 
} 

div, nav {
	background-color:#000000;
}

p {
	padding-bottom:20px;
}


/************************
HEADER
************************/


#logo a {
	position:absolute;
	float:left;
	left:50%;
	margin-left:-84px;
	width:168px;
	height:auto;
	padding: 0%; 
	background: none;
	margin-top:100px;
	color:#ffffff;
	font-style:normal;
	text-decoration:none;
	font-size:0.6em;
}

h1 {
	margin-bottom:25px;
	width:100%;
	text-align:center;
	font-size:1.1em;
	font-weight:normal;
	text-transform:uppercase;
	position:relative;
}

#frontpage_h1 {
	margin-bottom:25px;
	width:100%;
	text-align:center;
	font-size:0.7em;
	font-weight:normal;
	text-transform:uppercase;
	position:relative;
}

h2 {
	font-size:1.2em;
}

h3 {
	font-size:1.2em;
	padding-top:20px;
}

#top-text {
	float:right;
	margin-right:2%;
	margin-top:0px;
}

#top-text-1 {
	float:left;
	margin-top:3px;
	font-style:normal;
	text-decoration:none;
	font-size:1.4em;
}

#top-text-1 p {
	margin-top:15px;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

#top-text-2 {
	float:right;
	margin-right:0%;
	margin-top:0px;
	font-style:normal;
	text-decoration:none;
	font-size:200%;
}
	
.link_icon {
	float:right;
	margin-right:0%;
	margin-top:10px;
	outline: none;
}

.link_icon img {
	max-height:22px;
	max-width: auto;
	margin-left:5px;
}

.link {
	color:#FFFFFF;
}

.text_link {
	text-decoration:none;
	color:#FFFFFF;
}


/************************** 
NAVIGATION - MENU
**************************/
		
		
nav {
	position:absolute;
	width:700px;
	left:50%;
	margin-left:-373px;
	margin-top:190px;
}

.interrogate {
	margin-top:270px;
	width:320px;
	left:50%;
	margin-left:-150px;
	height:auto;
}

.interrogate li {
	padding:0 40px;
	border:none;
}

nav, nav ul  {
	color:#FFFFFF;
	list-style: none;
	width:auto;
	text-rendering: optimizelegibility;
	padding:0%;
	border-right:none;
	font-size:0.9em;
	line-height:1;
}


nav li {
	display:inline;
	width: auto;
	padding:0% 40px 0% 40px;
	border-right-style:solid;
	border-right-color:#CCC;
	border-right-width:thin;
}	

nav li.last {
	border:none;
}

nav li.first {
	padding:0% 40px 0% 0%;
}

nav a {
	text-decoration:underline;
	color:#FFFFFF;
	text-align:right;
}

nav a:hover {
	text-decoration:none;
}

.active {
	font-style:italic;
	font-weight: bold;
}


/*******************
WRAPPERS & CONTAINERS
*******************/		

#wrapper_content {
	position:absolute;
	width:500px;
	height:100%;
	left:50%;
	margin-left:-250px;
	margin-top:340px;
	font-size:0.8em;
	text-rendering: optimizelegibility;
	line-height:1.3;
}

#wrapper_content img {
	margin-top:20px;
}

#img_index {
	position:relative;
	left:50%;
	margin-left:-120px;
	height:auto;
	width:240px;
}

#img_the_smith {
	position:relative;
	left:50%;
	margin-left:-120px;
	height:auto;
	width:240px;
}

.img_contentwidth {
	position:relative;
	height:auto;
	width:100%;
}

iframe {
	margin-bottom: 12px;
	margin-top:20px;
	width:485px; 
	height:273px;
	font-family:"Courier New", Courier, monospace;
}


/*******************
FLAGS
*******************/		


#flag_one, #flag_two {
	position:fixed;
	float:right;
	right:10px;
	width:420px;
	height:auto;
	background-color:transparent;
	bottom:0;
}

#flag_one {
	margin-bottom:120px;
}

#flag_two {
	margin-bottom:90px;
}

.flag_one, .flag_two {
	float:right;
	margin: 0%;
	padding:0%;
	cursor:pointer;
	width:30px;
	height:20px;
	border:0;
	outline:0;
}

.flag_one {
	background-image:url("../images/french.png");
}

.flag_two {
	background-image:url("../images/british.png");
}

.flag_text_one, .flag_text_two {
	position:absolute;
	float:right;
	right:50px;
	color:#ffffff;
	text-align:right;
	background-color:#000;
	width:auto;
	border-style:solid;
	border-width:thin;
	border-top:none;
	border-bottom:none;
	border-color:#FFF;
	outline:hidden;
	padding: 5px 10px 2px 10px;
	display:none;
	font-size:0.8em;
}


/*******************
FOOTER
*******************/	

footer {
	position:relative;
	float:left;
	left:50%;
	width:560px;
	height:auto;
	margin-top:50px;
	margin-bottom:150px;
	margin-left:-280px;
	font-size:0.9em;
}

#footer_text {
	float:left;
	width:auto;
}

.contact_text {
	float:left;
	font-style:normal;
	margin:0 0 20px 0;
	width:100%;
	margin-left:100px;
}

.form_text {
	float:left;
	font-style:normal;
	margin:0 0 20px 0;
	width:100%;
}

.floating_form {
	float:left;
	width:100%;
	margin-left:100px;
	margin-bottom:30px;
}

#347_text {
	float:left;
	width:100%;
	height:auto;
	margin-bottom:20px;
}

.text_center_strong {
	text-align:center;
	font-weight:bold;
}

.text_center {
	text-align:center;
}

.button {
	background-color:#000;
	color:#FFF;
	border-color:#FFF;
	margin-right:5px;
}