@charset "utf-8";

/* Reset */
*,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{ margin:0; padding:0px }
table{ border-collapse:collapse; border-spacing:0 }
address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:400 }
ol,ul,li{ list-style:none }
caption,th{ text-align:left }
q:before,q:after{ content:'' }
fieldset,img,abbr,acronym{ border:none; font-variant:normal }
input,textarea,select{ font-family:inherit; font-size:inherit; font-weight:inherit }

/* Elements */
body { font:0.8em Verdana, Arial, FreeSans, sans-serif; background:#3d3c42 }
#wrapper { width:100%; background:url(../images/footer_bg.jpg) 0px 565px repeat-x  }
#inner { position:relative; width:900px; margin:0 auto; background:url(../images/inner_bg.jpg) 0px 170px no-repeat  }
#header { }
	#logo { display:block; width:656px; height:208px; background:url(../images/logo.jpg); margin:10px auto }
#main { position:relative; height:360px; clear:both }
	#featured { float:left; width:900px; margin:0 auto; text-align:center }
	#featured li { float:left;  margin:0 30px }
	#featured div { display:block; height:240px; width:240px; background:#fff }
	#featured a { text-decoration:none }
	#featured h2 { padding-top:70px }
	#box1, #box2, #box3 { height:240px; width:240px; box-shadow: 0 0 0 #fff; -moz-box-shadow: 0 0 0 #fff; -webkit-box-shadow: 0 0 0 #fff; border-radius:120px; -webkit-border-radius:120px; -moz-border-radius:120px }
	#construction { color:#fff; font-size:11px; line-height:26px; position:absolute; top:540px }
#footer { height:480px; position:relative; padding:10px 0px; overflow:hidden }
	#footlist li { float:left; width:270px; margin:0 2px }
		li.dashed { border-left:1px dotted #dab567; border-right:1px dotted #999; padding:0px 12px }
		.tweet_list .li { width:190px; padding:8px 0px }
		.tweet_odd, .tweet_even { padding-bottom:16px }
		.tweet_time a { font:300 20px/30px "Times New Roman", Times, serif; color:#666; text-decoration:none }
		#linked li { display:block; padding:0px 0px 16px 30px; width:220px; }
	#detail { float:left; clear:left }

/* */
a { color:#17387B; text-decoration:underline }
a:hover { color:#f60; text-decoration:none }
a:visited { color:#666 }
ul { }
li { }
p { margin-bottom:16px; line-height:18px}

/* Font */
@font-face { font-family:Delicious; src:url(Delicious-Roman.eot); src:local('Delicious'), local('Delicious'), url(Delicious-Roman.otf) format('opentype') }
h1 { font:300 29px/40px "Times New Roman", Times, serif; color:#666; position:absolute; left:-9999px }
h2 { font:300 30px/40px "Times New Roman", Times, serif; color:#666 }
#header h2 { font:300 20px/40px "Times New Roman", Times, serif; color:#666; margin-left:120px }
h3 { font-weight:600; font-size:30px; line-height:30px; padding-bottom:16px; color:#dab567; font-family:Delicious, sans-serif }
h4 { font-weight:600; font-size:14px; line-height:24px }

/* */
.txtlarge { font-size:16px }
.txtsmall { font-size:10px }
.clear { clear:both }
.offs { position:absolute; left:-9999px }
.floatleft { float:left }
.floatright { float:right }
.rounded {  }