@charset "utf-8";
/* CSS Document */
/* Authour: Michael Austin */

html{background-color:#fff; color:#585858; font-family:Verdana, Geneva, sans-serif; background:url('images/back.jpg') top center no-repeat fixed;}
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,button,textarea,p{margin:0;padding:0;color:#454546;}
fieldset,img,input,textarea{border:0;}
em,strong{font-style:normal;font-weight:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
#top_line {background:url('images/topline.jpg') top center repeat-x; width:100%; height:7px; position:fixed; z-index:9;}
#header_wrap {height: 98px; background: transparent;}
#header {margin:0px auto; padding-top:0px; position:relative; height:95px; width:1014px; background: transparent;}
h1{background:url('images/logo.png') top center no-repeat; height:75px; width:251px; position:relative; float:left;  margin-top:15px;}
h1 a{display:block;	height:75px; width:251px;}
h1{text-indent:-9999px;}
h2 {background:transparent; float:right; position:relative; margin-top:50px; font-style:italic; font-size: .95em;} 
h2 a {height:0px; color:#424141; text-decoration:none;} 
h2 a:hover { color:#fff; } 
#mid_wrap {height: 227px; background: transparent; width:100%; background:url(images/bar_bck.png) top center;}
#mid { margin:0px auto; padding-top:0px; position:relative; background: transparent; height:227px; width:1014px;}
#mid_left { background: transparent; height:224px; float:left; width:637px;}
.left img { margin-left:16px; margin-top:16px; } 
.left p { height:44px ; width:540px; margin-top:8px; margin-left:30px; font-size:0.78em; line-height:17px; overflow:visible; }
.left ul { float: right; width:270px; margin-right:-5px; } 
.left a { color:#424141; text-decoration:none; line-height:30px;} 
.left a:hover { color:#00b7f3; } 
.left li  a img { margin: 2px 16px 0 0; float:left;}
#mid_right { background: url(images/twitter_bck.png) top center no-repeat; height:252px; float:left; width:333px; margin:20px 0 0 38px;}
#twitter_update_list { font-size:.69em; width:230px; height:74px; line-height:17px; margin:23px 0 0 65px; overflow:hidden;} 
#twitter_update_list  a { text-decoration: none; color:#454546;}
.folow { position:relative; margin:50px 0 0 236px;}
#design_wrap {height:100%; width:100%; background:transparent;}
.design_box { margin:0px auto; width:1013px; height:343px; background:url(images/bx_bck.png) top center no-repeat; margin-top:70px;}
.port {margin:10px 0 0 21px; float:left;}
.lable {margin:15px 0 0 0; position: relative; float:right; } 
h4 { position:relative; margin:10px 0 0 18px; float:left; font-size:1.13em;}
p {width:200px; height:157px; float:left; overflow:hidden; margin:20px 0 0 20px; font-size:0.78em; line-height:17px; }
.prog {float: right; width:246px; } 
.prog li img { margin: 5px 0px 0 7px; float:left;}
.hidden { display:none; visibility:hidden;}
#copyright { float:right; margin:40px 10px 0 0; font-size:0.78em; line-height:17px; color:646363;} 
#footer_wrap {height: 159px; background: url(images/footerbck.jpg) top center; width:100%; bottom:0px; margin-top:70px;}
#footer { margin:0px auto; padding-top:0px; position:relative; background: url(images/footermid.jpg) top center no-repeat; height:159px; width:1014px;} 
#footer_left { width: 510px; height:145px; background: transparent; float:left; } 
#footer_right { width: 490px; margin-left:5px; height:145px; background: transparent; float:left; }
.me { margin:15px 0 0 10px; float:left; width:84px; height:123px;}
.ftlable { float: left; position:relative;  margin:15px 0 0 10px;} 
.ft p { float:left;  margin:5px 0 0 20px; position:relative; width:390px; height:75px; font-size:0.71em; line-height:17px; overflow:visible; color:#fff; } 
.ft a { float:right; margin: 0 15px 0 0; position:relative; color:#979797; font-size:0.71em; text-decoration:none;} 
.ft a:hover { color:#ff48b0; } 
.ft_right {width:425px;}
