@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
}
html, body {
	height: 100%;
}

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;
	background: #fff url(../images/bg.jpg) 0 0 repeat-x;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}
img {
	border: none;
}

a:link {
	color: #0061a9;
	text-decoration: none;
}
a:visited {
	color: #0061a9;
	text-decoration: none;
}
a:hover {
	color: #0061a9;
	text-decoration: underline;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
	margin: inherit auto;
}
.imgL {
	float: left;
	margin: 2px 10px 8px 0;
}
.imgR {
	float: right;
}

.floatleft { float: left; }
.floatright { float: right; }

h1 {
	font-size: 1.2em;
	color: #2e7cbc;
	line-height: 1.4em;
	margin-top: 10px;
}

h2 {
	font-size: 1.1em;
	color: #333;
	line-height: 1.2em;
	margin: 16px 0 0 35px;
}

h3 {
	font-size: 1.1em;
	color: #333;
	line-height: 1.2em;
	margin: 10px 0 0 35px;	
}

hr {
	color: #fff;
	border-top: #a8a8a8 solid 1px;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin: 20px 20px 10px 35px;
}

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;
}

td {
    background: none repeat scroll 0 0 #D2FAFF;
    color: #303030;
    font-size: 0.9em;
    padding: 8px;
    text-align: left;
}

#container {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 20px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#rightcol {
	float: right;
	width: 811px;
}

#phone {
	background: url(../images/index/index.jpg) 0 0 no-repeat;
	height: 44px;
	width: 811px; 
}
	#phone span { display: none;}

#flashcontain { 
	background: #3939d1 url(../images/index/header-bg.jpg) 0 0 no-repeat;
	width: 786px;
	height: 310px;
	float: left;
	padding: 28px 0 0 25px;
	}

.slideshow {
	width: 690px;
	height: 112px;
	margin: 0 auto;
	overflow: hidden;
}

#content-top {
	background: url(../images/index/index-07.jpg) 0 0 no-repeat;
	width: 787px;
	height: 27px;
}


#content {
	background: url(../images/index/index-09.jpg) 0 0 repeat-y;
	width: 787px;
	margin: 32px 0px 0px 18px;
}
	#content h1.index {
		background: url(../images/index/index-08.jpg) 0 0 no-repeat;
		display: inline-block;
		height: 47px;
		width: 500px;
		margin: 10px 0 0 0;
	}
	#content h1 {
		margin: 10px 0 0 35px;
		color: #2e7cbc;
	}
		
	#content h1 span {display:none;}
	
	#content p {
		line-height: 19px;
		color: #000;
		padding: 10px 20px 0px 35px;
	}
	
	#content p.sub-nav { color: #505050; height: 25px;}
		#content p.sub-nav a { margin: 0 15px 0 15px;}
		
		#content p.sub-nav a:link {
		color: #505050;
		text-decoration: none;
		}
		#content p.sub-nav a:visited {
			color: #505050;
			text-decoration: none;
		}
		#content p.sub-nav a:hover {
			color: #505050;
			text-decoration: underline;
		}
	
	#homevideo { width: 230px; padding: 10px 20px 30px 35px; float: left;}

	#content ul, #content ol {
		margin: 1.5em 4em;
		line-height: 19px;
		color: #000;
	}
	#content ol {
		margin: 1.5em 5.8em;
		list-style: decimal;
	}		
	#content li{
		margin: .6em 0;
	}

	#content ul li {
		background: url(../images/list-marker.gif) 0 .4em no-repeat;
		padding: 0 0 0 18px;
		list-style-type: none;	
		list-style-position: outside;			
	}


#lower { width: 811px;}

#flashbottom {width: 389px; float: left; margin: 32px 0px 0px 18px;}

#niksarli { width: 355px; float: left; margin: 32px 0px 0px 20px; text-align: left;}

#niksarli h1 {
	background: url(../images/index/index-11.jpg) 0 0 no-repeat;
	height: 27px;
	width: 140px;
	margin-top: 10px;
}

#niksarli h1 span {display:none;}
#niksarli h1 a { width: 100%; height: 100%; display: block; }
#niksarli p { padding: 10px 0px 0px 0px; line-height: 19px;
		color: #000;}

#galleria {
	margin: 0 auto;
	overflow: hidden;
	padding: 1px;
	border: 1px solid #2e7cbc;
}


#leftcol {
	width: 189px;
	float: left;
	background: url(../images/index/boxbg.png) left top repeat-y;
	text-align: center;
}

	#leftcol p {
		padding: 8px;
	}
#minilogo { text-align: center; font-size: 11px; color:#42868b; line-height: 19px; padding-left: 8px; }

#leftcol object { margin: 2px auto;}

#bottom {
	width: 100%;
	background: #4545d3 url(../images/index/footer.jpg) 0 0 repeat-x;
}

#bottominside {
	width: 1000px;
	background: url(../images/index/bottom.jpg) center top no-repeat;
	font-size: 12px;
	line-height: 19px;
	margin: 0px auto 0px auto;
}

#bottominside { color: #9494fc; padding: 20px 0px 20px 20px;}

#bottominside a { color: #acacfe; text-decoration: none; }

#bottominside a:hover { color: #acacfe; text-decoration: underline; }


/* -------------------navigation-------------------------- */

#navcontain {
	background: url(../images/index/nav.jpg) 0 4px no-repeat;
	width: 760px;
	height: 59px;
	padding-top: 4px;
	z-index: 999;
}
#nav {
	width: 760px;
	height:59px; 
	margin: 0 auto;
	
}
#nav span { display: none; }

#nav li, #nav a { height: 59px; display: block; margin: 0px; color: #fff; border-bottom: none; text-decoration:none;}

#nav li { float: left; list-style: none; display: inline;}

#nav-spacer {width: 24px; left:0px;}
#nav-01 {width: 94px; left:24px;}
#nav-02 { width: 92px; left:118px;}
#nav-03 { width: 123px; left:210px; }
#nav-04 { width: 136px; left:333px; }
#nav-05 { width: 132px; left:469px; }
#nav-06 { width: 129px; left:601px; }

#nav-01 a:hover {background: url(../images/index/nav.jpg) -24px -59px no-repeat;}
#nav-02 a:hover {background: url(../images/index/nav.jpg) -118px -59px no-repeat;}
#nav-03 a:hover {background: url(../images/index/nav.jpg) -210px -59px no-repeat;}
#nav-04 a:hover {background: url(../images/index/nav.jpg) -333px -59px no-repeat;}
#nav-05 a:hover {background: url(../images/index/nav.jpg) -469px -59px no-repeat;}
#nav-06 a:hover {background: url(../images/index/nav.jpg) -601px -59px no-repeat;}


/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */

#nav li ul {
	position:absolute;
	left:-9999px;
	background-color:#3230cf;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	z-index: 1000;
	}

#nav li ul li { 
	height:25px; /* Height of each drop down nav item */
	margin: 0;
	z-index: 1000;
	}	

#nav li ul li a {
	width:100%;
	height:25px;	/* Height of each drop down nav item, should match above */
	line-height:25px;	 /* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	padding-top: 0;
	padding-left:10px;
	display:block;
	text-align: left;
	line-height: 25px;
	}

/* Drop down link styles */
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:hover, #nav ul li a:active {
	color:#fff;
	text-decoration:none;
	border: 0;
	margin-top: 0;
	}

#nav li:hover ul, #nav li.sfHover ul { left: auto; }

/* Hover styles for drop down items */
#nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-06 ul a:hover { 
	background-image:none;
	background-color:#8282e2;
	color:#003366;
	text-decoration:none;
	border: 0;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-02 ul, #nav-02 li { width:92px; }
#nav-03 ul, #nav-03 li { width:160px; }
#nav-04 ul, #nav-04 li { width:136px; }
#nav-06 ul, #nav-06 li { width:120px; }