*{ margin:0;padding:0;}
html,body{
		background-color:#4e5863;
		font-family:Arial, Helvetica, sans-serif;
		color:#5d6d7c;
		text-align:center;		
		}

/* ----------------------------------------  WRAPPER  ------------------------- */
#wrapper{
		width:683px;
		margin: 0 auto;
		margin-top: 7px;		
		}
/*--------------------------------- GENERAL STRUCTURE STYLES ------------------ */		
#top{
		width:683px;
		height: 14px;		
		background-image:url(../img/top.gif);
		font-size:0px;		
		}
#head{		
		width:665px;
		height: 65px;
		padding-left: 10px;
		border: 4px solid #e3f1fe;
		border-bottom:0;
		border-top:0px;
		background-image:url(../img/head_bkg.gif);		
		}
#subnav{
		width:675px;
		height: 21px;
		border: 4px solid #e3f1fe;
		border-bottom: 0px;
		border-top:0px;
		background-image:url(../img/subnav_bkg.gif);		
		}
#head_closeline{
		width:675px;
		height: 19px;
		border: 4px solid #e3f1fe;
		border-bottom: 0px;
		border-top:0px;
		clear:left;
		background-image:url(../img/head_closeline.gif);
		}
#body{			
		float:left;
		width:675px;		
		border: 4px solid #e3f1fe;
		border-bottom: 0px;
		border-top:0px;
		background-color:#f1f2f6;
		clear:both;
		}
#bottom{
		width:683px;
		height: 14px;		
		background-image:url(../img/page_closeline.gif);
		font-size:0px;
		clear:both;		
		}
/* ---------------------------------------- HEAD STYLES ----------------- */
#logo{
		float:left;
		width: 183px;
		height: 49px;
		background-image:url(../img/logo.jpg);
		}

#nav_bf{
		display:inline;
		float:left;
		width: 5px;
		height: 65px;
		background-image:url(../img/nav_bf.gif);
		overflow:hidden;
		margin-left: 30px;
		}
#nav_md{
		float:left;
		width:397px;
		height:65px;
		background-repeat:repeat-x;
		background-image:url(../img/nav_md.gif);
		}
#nav_aft{
		float:left;
		width: 5px;
		height: 65px;
		background-image:url(../img/nav_aft.gif);
		overflow:hidden;
		}
/*--------------------------------------  NAVIGATION --------------------- */
#nav_md ul{		
		display:block;
		height:20px;
		margin-top:35px;
		font-size:0px;
		}
#nav_md span{visibility:hidden;overflow:hidden;}
#nav_md a{text-decoration:none;}
#nav_md li{
		float:left;
		list-style-type:none;		
		}
#btn_index a{
		display:block;
		width:72px;
		height:20px;
		background-image:url(../img/btn_index.gif);
		}
#btn_index a#act{background-image:url(../img/btn_index_act.gif);}
#btn_personal a{
		display:block;
		width:69px;
		height:20px;
		background-image:url(../img/btn_personal.gif);
		}
#btn_personal a#act{background-image:url(../img/btn_personal_act.gif);}
#btn_folio a{
		display:block;
		width:92px;
		height:20px;
		background-image:url(../img/btn_folio.gif);
		}
#btn_folio a#act{background-image:url(../img/btn_folio_act.gif);}
#btn_article a{
		display:block;
		width:75px;
		height:20px;
		background-image:url(../img/btn_article.gif);
		}
#btn_article a#act{background-image:url(../img/btn_article_act.gif);}
#btn_contact a{
		display:block;
		width:89px;
		height:20px;
		background-image:url(../img/btn_contact.gif);
		}
#btn_contact a#act{background-image:url(../img/btn_contact_act.gif);}
/*------------------------------------------------------   MORE STYLES  --------------------- */
#total_info{
		color:#9daebc;
		font-size:10px;		
		font-family:verdana, sans-serif;
		text-align:left;
		padding-left:20px;
		margin-bottom:20px;
		}
#total_info a{
		color:#FF9900;
		text-decoration:none;
		}