/* CSS Document */

/* BASIC */

body {
	background-color: #FFFFFF;
	font: 67.5% Helvetica, Arial, sans-serif;
	color: #000000;
	text-align: center;
	line-height: 150%;
	margin: 0;
	padding: 0;
	}
	
h1, h2, h3, h4, p, ul, li, td, tr { 
	margin: 0;
	padding: 0;
	}	
		
h1 {
	font: bold 2em Helvetica, Arial, sans-serif;
	margin-bottom: 12px;
	color: #1c3a85;
	}
		
#consumer h2 {
	font: bold 1.4em Helvetica, Arial, sans-serif;
	margin-bottom: 10px;
	line-height: 130%;
	color: #1c3a85;
	}
		
#trade h2 {
	font: bold 1.4em Helvetica, Arial, sans-serif;
	margin-bottom: 10px;
	line-height: 130%;
	color: #FF0000;
	}		
		
h3 {
	font: bold 1.4em Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #1c3a85;
	}
	
h4 {
	font: bold 1em Helvetica, Arial, sans-serif;
	margin-bottom: 25px;
	color: #1c3a85;
	line-height: 125%;
	}		
	
p {
	font: 1.1em;
	margin-bottom: 10px;
	}
	
a:link {
	text-decoration: none;
	font-weight: bold;
	color: #FF0000;
	}
	
a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FF0000;
	}
	
a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #1c3a85;
	}
	
a:active {
	text-decoration: none;
	font-weight: bold;
	color: #1c3a85;
	}			
		
ul {
    list-style-type: none:
	}

li {
	font: 1em;
	margin-bottom: 8px;
	}
	
ol.terms {
	margin: 0px;
	font: 1.1em;
	list-style-position: outside;
	padding: 0px 0px 0px 20px;
	}	
	
img {border: none;}		
		
	
/* LITTLE FIXES */	
	
.noBottomMargin	{margin-bottom: 0px;}
	
.bold {font-weight: bold;}	

.whiteText {color: #FFFFFF;}	

.redText {color: #FF0000;}

.clearBoth {clear: both;}	
	
.spaceAbove {padding-top: 25px;}
	
.spaceBelow {margin-bottom: 10px;}	
	
.lineBelow {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCCCCC;
	}
	
.lineAbove {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #CCCCCC;
	clear: both;
	}	
	
.floatLeft {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}	
	
.floatRight {float: right;}
	
.clear {clear: both;}			
	
.hidden {display: none;}

.reference {
	font-size: 0.8em;
	color: #666666;
	line-height: 125%;
	}	
	
	
	
/* LAYOUT */

#wrapper {
	background: #FFFFFF url(../images/shadow.gif) repeat-y center top;
	width: 840px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	}

#consumer #container {
	background: #FFFFFF url(../images/transvasin-background.jpg) no-repeat right top;
	width: 800px;
	margin: 0px auto;
	padding-top: 200px;
	border-bottom: 1px solid #CCCCCC;
	}
	
#trade #container {
	background: #FFFFFF;
	width: 800px;
	margin: 0px auto;
	padding-top: 0px;
	border-bottom: 1px solid #CCCCCC;
	height: 1250px;
	}	

#banner {
	width: auto;
	padding: 0;
	margin: 0;
	}		
		
#consumer #content {
	width: 470px;
	padding: 0px;
	margin: 0px 300px 0px 30px;
	}
	
#trade #content {
	width: 740px;
	padding: 0px 30px;
	margin: 0px;
	float: left;
	}
	
#left {
	width: 450px;
	margin-top: 10px;
	float: left;
	clear: both;
	padding-right: 15px;
	border-right: 1px solid #CCCCCC;
	}		
	
#right {
	float: right;
	width: 250px;
	}	
	
/* FEATURE BOXES */	
			
#content .featureBox {
	padding: 60px 140px 12px 12px;
	margin: 0px 0px 10px;
	color: #1c3a85;
	float: left;
	background: #FFFFFF url(../images/portrait-box.jpg) no-repeat left top;
	height: 130px;
	width: 318px;
	}
	
.featureBox img {
	border: none;
	margin-bottom: 0px;
	}	

.featureBox p {
	line-height: 140%;
	margin-bottom: 5px;
	}
	
/* FORM */

#MassageCompetition {
	width: 450px;
	margin-top: 10px;
	float: left;
	clear: both;
	padding-right: 15px;
	border-right: 1px solid #CCCCCC;
	}

.label {
	float: left;
	width: 100px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
	clear: both;
	color: #FF0000;
	}	

.label1 {
	float: left;
	width: 20px;
	margin-right: 15px;
	margin-left: 80px;
	text-align: left;
	font-weight: bold;
	clear: both;
	}
	
input#submit {
	margin-left: 110px;
	}				

	
/* NAVIGATION */				
		
#nav ul {
	width: auto;
	padding: 0;
	list-style-type: none;
	text-align: left;
	}
		
#nav li {
	display: normal;
	}
		
#nav a:link {
	padding: 0;
	text-decoration: none;
	font-weight: normal;
	color: #000000;
	}
	
#nav a:visited {
	color: #000000;
	}

#nav a:hover {
	color: #000000;
	}
	
#nav a:active {
	color: #000000;
	}	
        
/* YOU ARE HERE LINKS */	
	
body#home a#homeLink, 
body#about a#aboutLink,
body#links a#linksLink, 
body#contact a#contactLink {
	padding: 0;
	text-decoration: none;
	font-weight: normal;
	color: #000000;
	}
		

/* FLOAT DROP FIX */

br.clear {
	clear: both;
	}
	
.clear:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
	}

.clear {
	min-height: 1px;
	}
	
* html .clear {
	height: 1px;
	}	
       

/* SIFR */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 20px;
	}