/*---------------------------------------------------
HTML, body
-----------------------------------------------------*/	 
* {
	margin: 0;
	}
html, body {	
	background-color: #FFFFF; 
	color : #7e7e7e;
	font : 10pt "Trebuchet MS", Helvetica, Georgia, "century gothic", verdana, arial, sans-serif;
	text-align : justify;
	margin : 0 auto;	 
	height: 100%;  
}	 
/*---------------------------------------------------
Dividers, content boxes and footer 
-----------------------------------------------------*/	   
#container {
	background : transparent url(img/top.jpg); 
	background-repeat: no-repeat;
	background-position: top center;   
	min-height: 100%;
	height: auto !important;  
	height: 100%;  /* crossbrowser compliancy - do not remove */	
	margin: 0px auto; 
	position: relative;	
	width: 950px;
}	
/*---------------------------------------------------
Content box
-----------------------------------------------------*/	 
#content {	  
	background-color: transparent;
	position: absolute;  
	left: 0px; 
	top: 390px;
	width: 650px;  
	margin-left: 40px;
  }
#navigation {	  
	background-color: transparent;
	position: absolute;  
	right: 0px; 
	top: 420px;
	width: 240px;  
	margin-right:0px;
  }    
#footer {
	background-color: #DADADA;   
	width : 95%;	
	padding-left: 10px;	  
	padding-right: 10px;	
	margin : 0 auto;  
	border: 1px solid #C0C0AF;
	border-bottom : solid 5px #bd273f; 		
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;	
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;	
	font : 9pt "Trebuchet MS", Helvetica, Georgia, "century gothic", verdana, arial, sans-serif;
	margin-bottom: 20px;
}	
 #footer p {
	font : 9pt "Trebuchet MS", Helvetica, Georgia, "century gothic", verdana, arial, sans-serif; 
	text-align: center;
	line-height: 10pt; 
	margin : 5px;
}			  
/*---------------------------------------------------
Menu box
-----------------------------------------------------*/	 
#menu {	  
	background-color: transparent;
  	position: absolute;  
	left: 225px; 
	top: 220px;
	width: 140px;
  }   
#menu2 {	  
	background-color: transparent;
  	position: absolute;  
	left: 270px; 
	top: 250px;
	width: 140px;
  }  
#menu3 {	  
	background-color: transparent;
  	position: absolute;  
	left: 315px; 
	top: 280px;
	width: 140px;
  }  
#menu4 {	  
	background-color: transparent;
  	position: absolute;  
	left:345px; 
	top: 310px;
	width: 140px;
  }  
#menu a:link,#menu a:active,#menu a:visited, #menu a:hover,
#menu2 a:link,#menu2 a:active,#menu2 a:visited, #menu2 a:hover,
#menu3 a:link,#menu3 a:active,#menu3 a:visited, #menu3 a:hover,
#menu4 a:link,#menu4 a:active,#menu4 a:visited, #menu4 a:hover  { 
	background:transparent;	
	width:100%; 
	display:block;
	padding:5px;   
	font: 16pt "Trebuchet MS", Helvetica, Georgia, "century gothic", verdana, arial, sans-serif;
	text-transform:uppercase;	   
	border-bottom:0px;	  
	line-height: 14pt; 
	letter-spacing: 1px;
}	
#menu a:link,
#menu2 a:link,
#menu3 a:link,
#menu4 a:link {
	color:#c7c7c7;
}	  
#menu a:hover,
#menu2 a:hover,
#menu3 a:hover,
#menu4 a:hover{
	color:#bd273f;
}	
/*---------------------------------------------------
Top navigation properties, just keep going!
-----------------------------------------------------*/
div#navigation a:link,div#navigation a:active,div#navigation a:visited { 
	background:transparent;
	border:0;
	color: #786f70; 
	display:block;
	font-weight:400;
	font: normal 20pt "Century Gothic", verdana, sans-serif;
	text-transform:uppercase;	
	line-height:28pt;
	padding-left:15px;
}	 
div#navigation a:hover{
	background-color:#F8F8F8;
	border:0;
	color:#bd273f;
	display:block;
	font-weight:400;
	font: normal 20pt "Century Gothic", verdana, sans-serif;
	text-transform:uppercase;	
	line-height:28pt;
	padding-left:15px;	   
}	
p.navigation, div.topnavigation {
	background : transparent; 
	padding: 10px;	 
	font : 8pt "Trebuchet MS", Helvetica, Georgia, "century gothic", verdana, arial, sans-serif;
	border-top : solid 2px #B8B8B8; 		
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	border-bottom : solid 5px #EEEEEE; 		
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;	
}
div.navigation {
	background-color: transparent; 
	border-bottom : solid 5px #bd273f; 		
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;	
	padding-top: 0px;
	padding-bottom: 15px;
	margin-top: 10px;  
}	
/*---------------------------------------------------
Common elements specs
-----------------------------------------------------*/
p {
	margin-top : 10px;
	margin-left : 0px;
	text-align : justify;
}  		  

a:link, a:active, a:visited  {
	color : #5E6064;
	text-decoration : none;
	border-bottom : 1px dotted #9C9C9C;
}	  
a:hover {
	color : #bd273f;
	cursor : help;
	text-decoration : none;
	border-bottom : 1px solid #C5C5C5; 
	-webkit-transition: color 500ms ease-in;
	-moz-transition: color 500ms ease-in;
	-o-transition: color 500ms ease-in;
	transition: color 500ms ease-in;
}
strong, b {
	color : #bd273f;
}
i, em {
	color : #62799c;
}	 
u {
	text-decoration: none;
	border-bottom : 1px solid #A45A69;
}
label, th {
	color : #666666;
	font : 9pt "Trebuchet MS", Helvetica, Georgia, "century gothic", verdana, arial, sans-serif;
	line-height : 10pt;
	text-align : justify;
}
img {
	border : 0;
}	
td, td p, td blockquote {
	font : 9pt "Trebuchet MS", Helvetica, Georgia, "century gothic", verdana, arial, sans-serif;
	margin-left : 5px;
}	
blockquote {
	background : #ebebeb;
	height : 100%;	
	width : 300px; 
	text-align: left;
	padding: 15px;	 
	font : 9pt "Trebuchet MS", Helvetica, Georgia, "century gothic", verdana, arial, sans-serif;
	margin: 10px auto; 
	border-bottom : solid 5px #bd273f; 		
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;	
	border-top : solid 2px #786f70; 		
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
} 
.affiliates {
	width : 500px; 
	background : #FBFBFB;
	height : 100%;	
	text-align: left;
	padding: 15px;	 
	font : 9pt "Trebuchet MS", Helvetica, Georgia, "century gothic", verdana, arial, sans-serif;
	margin: 10px auto; 
	border-bottom : solid 1px #BDBDBD; 			
}  
h1 {
	font : 24pt "Trebuchet MS", Helvetica, Georgia, "century gothic", verdana, arial, sans-serif;
	letter-spacing: 2pt;
	color:#786f70;
	padding:0px;
	border-bottom: 0px; 
	text-transform: uppercase; 
	text-align: left;
}  
h1:first-letter	{
	font : 30pt "Trebuchet MS", Helvetica, Georgia, "century gothic", verdana, arial, sans-serif;
	color: #bd273f;
}  	
h1.net {
	font : 24pt "Trebuchet MS", Helvetica, Georgia, "century gothic", verdana, arial, sans-serif;
	letter-spacing: 2pt;
	color:#786f70;
	padding:0px;
	border-bottom: 0px; 
	text-transform: uppercase; 
	text-align: center;
} 

/*---------------------------------------------------
classes
-----------------------------------------------------*/
.oplink { 
	opacity : 0.5;
    filter: alpha(opacity=50);	 
	-moz-opacity: 0.5;		
}	
.oplink:hover {	  
	opacity : 1.0;
    filter: alpha(opacity=100);	 
	-moz-opacity:1.0;
	-webkit-transition: opacity 500ms ease-in;
	-moz-transition: opacity 500ms ease-in;
	-o-transition: opacity 500ms ease-in;
	transition: opacity 500ms ease-in; 	
}
img.toku  {	
	background : #FFFFCC;  
	padding: 3px;
	border : 5px solid #DEDEDE; 
}				 
/*---------------------------------------------------
code sort props
-----------------------------------------------------*/	 
.codesort label {
	float: left;
	width: 12em;
	text-align: right;
	margin: 0 0.5em 0 0;
}
.codesort p {
	text-align:center; 
}
.codesort img {	
	background : #FFFFCC;
	border : 3px solid #DEDEDE; 
}	
/*---------------------------------------------------
forms props
-----------------------------------------------------*/	 
option, select
{
	background: #F0F0F0;
	color: #4B4B46;
	font : 9pt "Trebuchet MS", Helvetica, Georgia, "century gothic", verdana, arial, sans-serif;
	line-height: 8pt;
	text-align: justify; 
	border-bottom : solid 1px #BD273F; 
}
input, textarea
{
	background: #F0F0F0;
	border: 1px solid #D8D8D8;
	border-bottom: 2px solid #BD273F;
	color: #D53F14;
	font : 9pt "Trebuchet MS", Helvetica, Georgia, "century gothic", verdana, arial, sans-serif;
}  
/*---------------------------------------------------
Omg Dead-end!  Did you enjoy the ride?
-----------------------------------------------------*/