@charset "UTF-8";
/*
Design by Alana Crow aka As A Crow Flies Productions
http://www.asacrowflies.com
All rights reserved  - Eco Commerce - 2008-2009
*/

/* Body */

body  {
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #b8ce8a url(../images/bg/bg-body-withGlobe-1200.jpg) no-repeat top center;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
}

p {
	color: #000;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
}

span.highlight  {
	padding: 0;
	margin: 0;
	background-color: #fee2ae;
}


/* Container */

#container { 
	width: 750px;
	margin: auto;
	padding: 0;
	border: 0;
	background: #fff url(../images/bg/bg-wrapper.jpg) repeat-y top center;
	text-align: left;
} 


/* Masthead */
#masthead {
	width: 750px;
	margin: 0;
	padding: 0;	
}


#mast-01 {
	height: 60px;
	background-image: url(../images/bg/bg-masthead-tp.jpg);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	}
	
#mast-01 h1 {
	height: 60px;
	background: none;
	padding: 0;
	margin: 0;
	}
	
#mast-01 span {
	height:26px;
	display: none;
	margin: 0;
	padding: 0;
}
	
#mast-02 {
	height: 65px;
	background-image: url(../images/bg/bg-masthead-bt.jpg);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	}
	
h6.breadcrumbs  {
	margin: 0;
	padding: 45px 30px 0 0;
	font-size: 11px;
	color: #3e5312;
	text-align: right;
}

/* div  #Page to hold Navbar and main content sections */

#page  { 
	width: 750px;
	margin: 0;
	padding: 0;
	border: 0;
}


/* Sidebar to hold Navigation Menu */
	
#sidebar {
	width: 195px;
	background: #cca969 url(../images/navbar/navbar-bt-curve.jpg) no-repeat bottom center;
	margin: 0 5px 0 15px; 
	padding: 0 0 30px 0;
	float: left;
	display: inline;  /* <---Solution for bug IE6 */

}

#navBar {
	width: 195px;
	margin: 0; 
	padding: 0;
}

#navPhoto {
	width: 195px;
	margin: 0 0 10px 0; 
	padding: 0;
	border-bottom: 2px #FF9 groove;
}

#photoCredit {
	width: 195px;
	margin: -10px 0 0 0; 
	padding: 0;
}
#photoCredit p {
	border: 0;
	padding: 0 10px 20px 0;
	font-size: 9px;
	text-align: right;	
}

#navQuote {
	width: 195px;
	margin: 0;
	padding: 0 0 40px 0;	
}

#navQuote .quote {
	margin: 0 10px 0 10px;
	padding: 0;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#navQuote .author {
	margin: 0 10px 0 10px;
	padding: 0;
	text-align: right;
	color: #fff;
	font-style: italic;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Main Content Container */

#content { 
	float:right;
	width: 480px;
	margin: 0; 
	padding: 0 30px 10px 25px; 
}

#content h5 {
	margin: 0;
	padding: 20px 0 0 0;
	line-height: 130%;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}

#announceBox {
/* for special announcements */
	margin: 10px 10px 10px 0;
	padding: 0 10px 0 10px;
	border: #bc7b04 double 3px;
	background: #ebd1a0;
}

.announceTitle {
margin: 10px 20px 0 0;
/* margin right changes length of underscore of title */
padding: 0 0 5px 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
color: #bc7b04;
border-bottom: 2px #bc7b04 dotted;	
}
#announceBoxSm {
/* for special announcements within smaller box */
	float: left;
	width: 210px;
	margin: 10px 10px 10px 0;
	padding: 0 10px 0 10px;
	border: #bc7b04 double 3px;
	background: #ebd1a0;
}

#pressrelease {
/* for pressreleases */
	float: right;
	width: 200px;
	margin: 10px 0 10px 0;
	padding: 0 10px 0 10px;
	border: #bc7b04 double 3px;
	background: #d9ecb0;
}

#clearPress {
	clear: both;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
}

.title {
margin: 20px 20px 0 0;
/* margin right changes length of underscore of title */
padding: 0 20px 5px 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
color: #bc7b04;
background: url(../images/icons/leaf-md.gif) no-repeat right 70%;
border-bottom: 2px #bc7b04 dotted;
}

.subtitle {
margin: 0 10px 10px 0;
/* margin right changes length of underscore of title */
padding: 10px 20px 5px 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-style: italic;
color: #bc7b04;
background: url(../images/icons/leaf-sm.gif) no-repeat right 70%;
border-bottom: 2px #bc7b04 dotted;
}

/* bulleted list */
#content ul {
	margin: 10px 0 0 30px;
	padding: 0 0 0 0;
	list-style-image: url(../images/icons/leaf-sm.gif);
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Serif;
	font-size: 12px;
	font-weight: normal;
}
#content li {
	margin: 0 0 10px 0;
	padding-left: 0;
	line-height: 1.5;
}

#content .respect ul {
	margin: 10px 0 0 30px;
	padding: 0 0 0 0;
	list-style-image: url(../images/icons/leaf-sm.gif);
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Serif;
	font-size: 12px;
	font-weight: normal;
}
#content  .respect li {
	margin: 0 0 10px 0;
	padding-left: 0;
	line-height: 1.5;
}
#content .respect li:first-letter {
	color: #bc7b04;
	font-size: 14px;
}


/* Main Content Sections */

/* Top Intro */

#intro {
	margin: 0;
	padding: 0;
}


/* Columns */

#left-column {
	margin: 0;
	padding: 0;
	float: left;
	width: 300px;
}

#left-column .title {
margin: 20px 20px 0 0;
/* margin right changes length of underscore of title */
padding: 0 20px 5px 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
color: #bc7b04;
background: url(../images/icons/leaf-md.gif) no-repeat right 70%;
border-bottom: 2px #bc7b04 dotted;
}

#right-column {
	margin: 0;
	padding: 0;
	float: left;
	width: 180px;
}
#MAphotoCredit  {
	border: 0;
	margin: 0;
	padding: 0 10px 20px 0;
	font-size: 9px;
	text-align: right;	
}

/* Synopsis Section */

#synopsis {
	clear: both;
	margin: 0;
	padding: 0;
}

/* Language Choice between main age and footer */

#lang_choice_en {
	clear: both;
	margin: 0 500px -20px 30px;
	padding: 10px 0 0 0;
	height: 45px;
	background-image: url(../images/flags/flagAmUK.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#lang_choice_en  p{
	margin: 0;
	padding: 10px 0 0 30px;
	text-align: left;
	color: #6A8B1B;
	font-weight: normal;
	font-size: 12px;
}


#lang_choice_no {
	clear: both;
	margin: 0 500px -20px 30px;
	padding: 10px 0 0 0;
	height: 40px;
	background-image: url(../images/flags/flagNorsk.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#lang_choice_no  p{
	margin: 0;
	padding: 5px 0 0 30px;
	text-align: left;
	color: #6A8B1B;
	font-weight: normal;
	font-size: 12px;
}

/* Footer */

#footer { 
	clear: both;
	height: 126px;
	background-image: url(../images/bg/bg-footer.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

#legal {
	margin: 0;
	padding: 45px 0 40px 30px;
	
}
#footer h6 {
	font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #3e5312;
	line-height: 1.5;
}

/* Images */

img {
	border: none;	
}

#left-column img {
	margin: 10px  0 0 80px ;
	
}
#right-column img {
	margin: 0;
	padding: 30px 0 0 10px;
}

#right-column img.less {
	margin: 0;
	padding: 0 0 0 10px;
}

img.left {
	float: left;
	margin: 10px 0 0 10px;
}

img.right {
	float: right;
	margin: 0 0 0 0;
	padding: 0 80px 0 0;
}

img.lgright {
	float: right;
	margin: 0 0 0 0;
	padding: 0 40px 0 0;
}

img.center {
	margin: 0 0 0 0;
	padding: 10px 100px 0 140px;
}

/* Links */
.breadcrumbs a:link, .breadcrumbs a:visited {
	color: #3e5312;
	text-decoration: none;
	padding: 0;
	margin: 0;
	background-color: transparent;
	}
	
.breadcrumbs a:hover, .breadcrumbs a:active {
	color: #bf5b04;
	text-decoration: none;
	padding: 0;
	margin: 0;
	background-color: #cce1a1;
	}

#content a:link, #content a:visited {
	color: #73a408;
	text-decoration: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
	background-color: transparent;
	}
	
#content a:hover, #content a:active {
	color: #bf5b04;
	text-decoration: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
	background-color: #cce1a1;
	}

#lang_choice_no a:link, #lang_choice_no a:visited {
	color: #3e5312;
	text-decoration: none;
	padding: 0;
	margin: 0;
	font-weight: normal;
	background-color: transparent;
	}
	
#lang_choice_no a:hover, #lang_choice_no a:active {
	color: #bf5b04;
	text-decoration: none;
	padding: 0;
	margin: 0;
	font-style: italic;
	background-color: #ebd1a0;
	}
	
#lang_choice_en a:link, #lang_choice_en a:visited {
	color: #3e5312;
	text-decoration: none;
	padding: 0;
	margin: 0;
	font-weight: normal;
	background-color: transparent;
	}
	
#lang_choice_en a:hover, #lang_choice_en a:active {
	color: #bf5b04;
	text-decoration: none;
	padding: 0;
	margin: 0;
	font-style: italic;
	background-color: #ebd1a0;
	}

#footer a:link, #footer a:visited {
	color: #3e5312;
	text-decoration: none;
	padding: 0;
	margin: 0;
	font-weight: normal;
	background-color: transparent;
	}
	
#footer a:hover, #footer a:active {
	color: #bf5b04;
	text-decoration: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
	background-color: #ebd1a0;
	}



/* Floats */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}