/* dejanc@gmail.com */

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
vertical-align:baseline;
}
table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
strong, b {
font-weight:bold;
}
em, i {
font-style:italic;
}
* {
margin:0pt;
padding:0pt;
}

body {
	background:url(images/body.gif) left top repeat #d3d3d3;
	font-size:11px;
	font-family:Arial;
	color:#555554;
}

a {
	color:#406b95;
	text-decoration:none;
}

a:hover {
	color:#000;
}

a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

.wrapper {
	width:969px;
	margin:0px auto;
}

#bbody {
	background:url(images/bbody.jpg) center repeat-y;
	width:100%;
}

#nav {
	padding:40px 0 42px 425px;
	position:relative;	
}

#nav ul{
	height:28px;
	list-style:none;	
}

#nav ul li{
	display:inline-block;	
}

#nav ul li a{
	margin:0 8px 0 0;
	display:block;
	height:28px;
	width:68px;
	background-position:top;
	text-indent:-9999pt;
	float:left;	
}

#nav ul li.home a{	
	width:68px;
	background-image:url(images/home.png);	
}

#nav ul li.about a{	
	width:75px;
	background-image:url(images/about.png);	
}

#nav ul li.contact a{	
	width:92px;
	background-image:url(images/contact.png);	
}

#nav ul li a:hover{
	background-position:bottom;
}

h1 {
	margin:30px 0 22px 0;
	background:url(images/welcome.gif) left top no-repeat;
	text-indent:-9999pt;
	height:23px;
}

h2 {
	background:url(images/intro.gif) left top no-repeat;
	text-indent:-9999pt;
	height:39px;
}

#nav img.logo {
	position:absolute;
	left:20px;
	top:90px;
}

#items {
	clear:both;	
}

.item {
	padding:90px 48px 0 34px;
	background:url(images/singlebg.png) left top no-repeat;
	width:167px;
	height:261px;
	position:relative;
	float:left;
	margin:0 -7px 20px 0;
}

.item a{
	font-weight:bold;
	text-shadow:0 1px 0 #FFFFFF;
}

.item p{
	line-height:20px;
	margin:0 0 25px 0;
	text-shadow:0 1px 0 #FFFFFF;
}

.item img.smalllogo{
	position:absolute;
	top:40px;
	left:20px;
}

.item img.visit{
	position:absolute;
	top:227px;
	left:5px;
}

#about {
	background:url(images/aboutbg.png) left top no-repeat;
	height:160px;
	padding:88px 45px 0 45px;
	margin:20px 0 40px 0;
}

#about p{
	line-height:20px;
	margin:0 0 20px 0;
	text-shadow:0 1px 0 #FFFFFF;	
}

.sponsor {
	background:url(images/sponsors.png) center no-repeat;
	height:14px;
}

#friends { clear:both; margin:30px 0 75px 0; height:146px; }

.friend {
	background:url(images/adbg.png) left top no-repeat;
	width:143px;
	height:140px;
	padding:6px 0 0 18px;
	float:left;
}	

.third {margin-right:-15px;}

.last {float:right;}

#footer {
	background:url(images/footer.gif) top left repeat-x;
	padding:15px 0px 70px 0px;
	width:950px;
	margin:0px auto;
	color:#444444;
	text-shadow:0 1px 0 #eee;
}

#footer div{
	margin:0 0 0 -10px;
}

#footer span{
	float:right;	
}

#footer span a {
	padding:0px;
}

#footer a {
	color:#444444;
	padding:0 10px;
}

#footer a:hover {
	color:#000;
}

#featured {
	background:url(images/featuredbg.png) center top no-repeat;
	height:329px;
	position:relative;
}

/** ************ slider **************************************/

/* container for slides */
.images {
	position:relative;	
	height:329px;	
	width:910px;
	float:left;	
	cursor:pointer;
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;			
	height:229px;
	color:#3b3b3b;
	text-shadow:0 1px 0 #fff;
	padding:100px 0 0 45px;
}

.images div img{
	position:absolute;
	left:412px;
	top:0px;
}

/* header */
.images h3 {
	font-size:22px;
	font-weight:bold;
	margin:0 0 10px 0;
	color:#565556;
}
.images p {
	line-height:18px;
	width:330px;
	margin:0 0 15px 0;
}

#rright {
	position:absolute;
	right:37px;
	top:60px;
	width:27px;
}

/* tabs (those little circles below slides) */
.tabs {
padding:0 0 0 8px;
}

/* single tab */
.tabs a {
	width:10px;
	height:10px;	
	margin:10px 0;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.tabs a:hover {
	background-position:0 -10px;      
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 -20px;     
} 	


/* prev and next buttons */
.forward, .backward {	
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:27px;
	height:28px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward 				{ background-position: 0 -28px; clear:right; }
.forward:hover 		{ background-position:-27px -28px; }
.forward:active 	 	{ background-position:-54px -28px; } 


/* prev */
.backward:hover  		{ background-position:-27px 0; }
.backward:active  	{ background-position:-54px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

/* end slider */