/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/
/* 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;}
/* 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;}

* { padding: 0; margin: 0; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
#wrapper {  margin: 0 auto; width: 100%;}
#header { width: 100%; color: #333; height: 120px; margin: 0px; background:url(images/header.jpg) repeat-x center top ;}
	h1#logo{ width:400px; height:120px; background:url(images/logo.png) no-repeat; margin:0; padding:0;}
		h1#logo span{ display:none; }
#top{ width: 900px; margin:auto; }
#content { width: 900px; color: #333; background: #fff; margin:30px auto 30px auto;}
	div#left{ width:400px; float:left;  margin:0 auto 30px auto;}
	div#right { width:470px; float:right; margin:0 auto 30px auto; }
#footer { color: #333; border-top: 6px solid #FF0066; background:#ccc; margin: auto; clear:both; }
	#links{ width: 900px; margin:auto; background:#ccc; }
		#links a{ color:#666; text-decoration:none; }
		#links a:visited{ color:#666; text-decoration:none; }
		#links a:hover{ color:#ff0066; text-decoration:none; background:url(images/linksbar.gif); }
		ul.link{ width:200px; padding:10px; float:left; display:block; }
			li.title{ font-weight:bold; padding-bottom:7px; padding-top:7px;}
			span.none{ color:#ccc; }
		ul.link li {  display:block; border-bottom:#999 dotted 1px; }
			ul.link li a { padding:4px; padding-left:20px; background:url(images/bullet_04.gif) no-repeat center left; display:block; }
	p.copy{ clear:both; background:url(images/footer-2.png) center no-repeat #000; height:54px; }
	p.copy span{ display:none; }
.clear{ clear:both;}

/* navigation */
#dolphincontainer{position:relative;height:33px;color:#E0E0E0;background:#fff url(images/dolphin_bg.gif) repeat-x bottom;width:100%;font-family:Helvetica,Arial,Verdana,sans-serif; border-bottom: 6px solid #FF0066; clear:both;}
#dolphinnav{height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px; margin:auto; width:905px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;display:block;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(images/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#1D6893 url(images/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(images/dolphin_right-ON.gif) no-repeat top right;height:33px;}


/* common */

h2 { font-size:14px; padding:7px; margin-bottom:15px; margin-top:15px; border-left: 6px solid #FB9529;  }
h3 {  margin-bottom:10px; margin-top:10px;  }
p { margin-top:10px; margin-bottom:10px; color:#333; line-height:1.2em; }
a { color:#ff0066; text-decoration:underline; }
a:hover { color:#000; text-decoration:none; }
a:visited { color:#ff0066; }

/* contents */
img.ikacun{ float:left; margin:10px 30px 10px 10px; }
span.style1{ font-weight:bold; padding-right:10px;  }
span.style2{ font-size:10px; color:#999999; }
ul.flashs{ width:100%; padding:10px; float:left; display:block; margin-bottom:20px; }
ul.flashs li {  display:block; border-bottom:#999 dotted 1px;}
ul.flashs li a { padding:10px; padding-left:20px; background:url(images/bullet_04.gif) no-repeat center left; display:block;  color:#666; text-decoration:none; }
ul.flashs li a:hover{ color:#ff0066; text-decoration:none;}
div.mail{ padding:30px; margin:auto; width:800px; }
