@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	text-align:center;
	font-size: 62.5%;
	background-color:#21262a;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End of reset  Begin typography*/

body {font-family:Helvetica, Verdana, Arial, sans-serif;}

h1 {
	font-size:3.8em;
	color:#c0c0c0;
	font-weight:normal;
	}
	
h2 {
	font-size:30px;
	font-weight:bold;
	letter-spacing:-1px;
	}
	.col_1 h2 a{
		color:#273c09;
		text-shadow:0 1px 0 #81c61d;
		}
		.col_1 h2 a:hover {color:#39570c;}
	
	.col_2 h2 a{
		color:#25424e;
		text-shadow:0 1px 0 #96dfff;
		}
		.col_2 h2 a:hover {color:#325969;}
		
	.col_3 h2 a{
		color:#482806;
		text-shadow:0 1px 0 #e2a052;
		}
		.col_3 h2 a:hover {color:#633707;}

a {text-decoration:none;}

h1 a {
	color:#90bb53;
	}
	
strong {
	font-weight:bold;
	}
	
/* End of typography begin layout */

h1 {
	padding:15px;
	padding-bottom:50px;
	}

h2 {
	float:left;
	width:186px;
	padding-top:120px;
	padding-left:7px;
	margin-right:27px;
	}
	.col_3 h2 {
		margin-right:0;}
		

#wrap {
	text-align:center;
	margin:0 auto;
	color:#21262a;
	width:960px;
	height:861px;
	background:transparent url('images/bg.jpg') no-repeat top center;
	}

#content {
	text-align:left;
	width:654px;
	margin-left:162px;
	padding-top:70px;
	}
	
/* slider */


#cycle {
   width: 627px; /* important to be same as image width */
   height: 276px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}


.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
  
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 627px;
   background-color: #000;
   filter: alpha(opacity=60); /* here you can set the opacity of box with text */
   -moz-opacity: 0.6; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.6; /* here you can set the opacity of box with text */
   opacity: 0.6; /* here you can set the opacity of box with text */
   color: #fff;
   font-weight:bold;
   text-transform:uppercase;
   font-size:1.8em;
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}