/*** Laura Garcia-Barrio, onthespot.info ***/

body {
	background:#fff url(img/bg_diag.gif) 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 10px ;
	padding: 0;
	margin: 0;
	color: #333333;

}


h1{
/* intro text */
	
	font-family: Georgia, Arial, Helvetica, serif;
	font-weight: normal;
	font-size:44px;
	color:#33ccff;
	
}

h2{
	/* highlight title */
	
	font-family: Georgia, Arial, Helvetica, serif;
	font-weight: normal;
	font-size:15px;
	color:#33ccff;
	
}


p {
	margin:0;
	padding:0;
}


img {
	margin:0 0 0 0;
}

/*//////////////////
//// Class
//////////////// */


.nav{
	margin: 0 0 0 0;
	padding: 0 10 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:14px;
	text-align: right;
	color:#333333;
	

}



/* Divs */


#outer_container {
position: absolute;
width: 800px;
margin: 0;
background: url(/img/bg_grey-overlay.png) 0 0; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg_grey-overlay.png', sizingMethod='scale');


}


#container {
position: absolute;
width: 780px;
margin: 0;
margin-left: 150;
background:#fff; 
border-top: thin dotted #cccccc;
border-bottom: thin solid #cccccc;
border-right: thin solid #cccccc;
border-left: thin solid #cccccc;
padding: 10 30 10 30;

}


#top_nav {
width: 770px;
padding: 20 0 5 0;
margin: 0;
font-weight: normal;
text-align: right;
}

#bottom_nav {
width: 770px;
padding: 5 0 20 0;
margin: 0;
font-weight: normal;
text-align: right;
}

#dotted_line {
width: 770px;
margin: 0;
margin-top: 0px;
margin-bottom: 0px;
border-top: thin dotted #333333;

}


#intro {
width: 700px;
font-weight: normal;
text-align: left;
}


#highlights {
width: 650px;
margin: 0;
margin-top: 0px;
margin-bottom: 0px;
padding: 6 0 6 0;
font-weight: normal;
}

#one_highlight {
width: 100px;
margin: 0;
margin-top: 0px;
margin-bottom: 0px;
padding: 0 0 0 0;
font-weight: normal;
}

#one_highlight_text {
width: 500px;
margin: 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
padding: 0 0 10 0;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size:14px;
text-align: left;
color:#333333;
}

#bent_text {
width: 450px;
margin: 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 50px;
padding: 0 0 10 0;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size:14px;
text-align: left;
vertical-align: top;
color:#333333;

}



/*//////////////////
//// Links
//////////////// */

a:link {
  
	font-weight: normal;
	color:#33ccff;
	text-decoration:underline;
}

a:visited{
  
	font-weight: normal;
	color:#33ccff;
	text-decoration:underline;
}

a:hover{
  
	font-weight: normal;
	color:#fff;
	background:#33ccff;
	text-decoration:underline;
}

a:active{
  
	font-weight: normal;
	color:#fff;
	background:#33ccff;
	text-decoration:none;
}