@import url(960.css);

/*reset v1.0|20080212http://meyerweb.com/eric/tools/css/reset/*/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;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}/*remembertodefinefocusstyles!*/:focus{outline:0;}/*remembertohighlightinsertssomehow!*/ins{text-decoration:none;}del{text-decoration:line-through;}/*tablesstillneed'cellspacing="0"'inthemarkup*/table{border-collapse:collapse;border-spacing:0;}

/* Layout */
body { font: 14px normal Helvetica, Arial, sans-serif; background: #000 url('../img/bg.gif') repeat-x top; color: #fff;}
#container { background: #DDD url('../img/bg-copy.gif') no-repeat top; }
#logo a { text-decoration: none; color: #fff; line-height: 55px; font-size: 20px; }
#contact { font-weight: bold; line-height: 55px; }
#contact a { float: right; text-align: center; color: #fff; background: #a61919; display: block; padding: 12px 20px; font-weight: bold; text-decoration: none; line-height: 1.3em;-moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px;  }
#contact a:hover { color: #fff; background: #3eaffe; }
#contact a span { font-size: 20px; }
#content { font-size: 50px; text-align: center; padding-top: 50px; text-shadow: 5px 5px 5px #000000; }
.col { margin-bottom: 40px; }
.col h2 { font-weight: normal; font-size: 18px; margin: 18px 10px; border-bottom: 1px solid #373737; padding-bottom: 10px; }

.col p { margin: 12px 8px; line-height: 1.4em; }


/* Typography */
a, a:visited { color: #9dea4b; text-decoration: underline; }
a:hover { color: #3eaffe; }

p { margin: 0 0 .75em; }



#form {
		background-color:#fff;
		color: #000;
	    display:none;
	    width:350px;
	    padding:15px;
	    text-align:left;
	    border:2px solid #333;
	    opacity:0.8;
	    -moz-border-radius:6px;
	    -webkit-border-radius:6px;
	    -moz-box-shadow: 0 0 50px #ccc;
	    -webkit-box-shadow: 0 0 50px #ccc;
}
#form label { display: block; }
#form input, #form textarea { width: 335px; font-size: 14px; padding: 4px; margin-bottom: 20px; }
#form textarea { height: 100px; font: 14px normal Helvetica, Arial, sans-serif; }
#form input#submit { width: 200px; margin: 0 auto; display: block; background: #3eaffe; color: #fff;  -moz-border-radius:4px;  -webkit-border-radius:4px; border: 0; }
#form .error { margin: -10px 0 20px 0; font-weight: bold; color: #a61919; display: block; }
#form .redBorder  { border: 2px solid #a61919; }


/* scroller */

/* root element for horizontal scrollables */
.scrollable {
	position:absolute;
	top: 211px;
	left: 185px;
	overflow:hidden;
	width: 565px;
	height: 390px;
}

/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.item {
	float:left;
	cursor:pointer;
	width:566px;
	height:390px;
}
#main div.navi {
	margin-left:250px;
	cursor:pointer;
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin: 0 auto;
	width:100px;
	height:20px;

}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;
}