/*-----------------------------index----------------------------*/
body { font:normal 10px Arial, Helvetica, sans-serif;color:#a1a0a0;margin:0px;overflow: -moz-scrollbars-vertical;height:100%;}
html { height:100%; }
div { font:normal 9px/14px Arial, Helvetica, sans-serif;color:inherit; }
a,a:link,a:visited { color: inherit;text-decoration:none; }
a:hover, a:active { color: #dd004d; }
a img { border:0;}
ul { list-style-type:none; }
li { display:block; }
ul,ol,li{margin:0; padding:0;} 
.textalign_left { text-align:left; }
.textalign_right { text-align:right; }
.textalign_center { text-align:center; }
.margintop_10px { margin-top:10px; }
.marginbottom_15px { margin-bottom:15px; }
#wrapper_index { position:relative;width:650px;height:100%;margin:auto auto; }
#wrapper_index { background:url(../images/bg_index.jpg) no-repeat top center; }
abbr { border:0; color:#dadada;}
#box_banner { position:relative;width:126px;height:245px;top:105px;background:url(../images/index-banner-bg.jpg) 
no-repeat top center;margin:auto auto; }
#banner_content { position:relative;width:126px;height:185px; }
#banner_content_inside{ position:absolute;width:126px;height:185px;background:url(../images/index-banner.gif) 
no-repeat 5px 4px; text-align:right; }
#enter { position:relative;width:126px;height:58px;padding-top:7px;background:url(../images/ind-dots.gif) repeat-x top center; }
#mousetip { position:relative; Left:300px; top:105px; width:122px; height:25px; z-index:1; visibility:hidden; }
#awards { position:relative;width:650px;height:150px;text-decoration:none;text-align:center;top:130px;color:#a1a0a0;
font-size:11px; }
#awards li { display:inline;padding-right:4px; }
#awards li a{ color:#b7b6b6;border-bottom:1px dashed #e1e1e1;margin:0 2px 0 2px;padding-right:4px; }
#awards li a:hover{ color:#b7b6b6;border-bottom:1px dashed #e1e1e1;margin:0 2px 0 2px; }
.font_red {color: #d61c51; }
a.font_red { color: #d61c51; }
.font_lightgray {color: #dadada;}
.font_gray { color: #aeadad; }
.font_darkgray { color: #333; }
.font_caps { color:#121212;text-transform: uppercase; }
.font_gray_caps { color:#333;text-transform: uppercase; }

/*-------footer index--------*/
#footer_index { position:relative;width:650px;height:50px;text-align:center;color:#a1a0a0;margin-top:98px; }
#footer_index span{color: #dadada; }
#footer_index a { color: #a1a0a0; text-decoration:none;border-bottom:1px dashed #a1a0a0;}
#footer_index a:hover { color: #a1a0a0; text-decoration:none;border-bottom:1px dashed #dd004d;} 

/*-----------------------------home----------------------------*/
.wrapper_outer { position:relative;width:750px;height:100%;margin:auto auto;z-index:1;background:#fff; }
#wrapper_home {position:relative;width:650px;height:100%;margin:auto auto; }
#wrapper_content {position:absolute; width:650px;background-color:#fff; }
#box_logo {position:relative; width:650px; height:40px;margin:25px 0 8px 0; }

/*-------navigation--------*/
.main_nav { position:relative;width:650px;cursor:pointer; text-transform:uppercase;color:#000;}
.dots{ position:absolute;height:1px;margin:-5px 0 0px 0;padding:0;width:650px;background:url(../images/nav_bg_dots.gif) repeat-x;}
.in { position:relative;width:650px;height:22px; padding-left:6px; background:url(../images/icon_nav.gif) no-repeat 642px 2px}
.in span { position:absolute;color:#dd004d;width:650px;margin-left:-6px; }
.in span:hover { margin-left:-5px;}
.sub_nav { position:relative;width:650px; margin:0;padding:0 }

/*-------content home--------*/
#content_portfolio {position:relative; height:750px; }
#content_profile {position:relative; height:580px; }
#content_inspiration {position:relative; height:470px; }
#content_contact { position:relative; height:430px; }
/*#banner_home { position:relative;display: block;width:650px;height:300px;background:url(../images/banner_text_bg.gif) repeat-x; 
margin-top:-4px;}
#drag { position:relative;cursor:w-resize;left:0px;top:0px;bottom:0px;width:650px;height:300px;overflow-x: hidden; }*/
#dot_line { position:relative;width:650px;height:1px;background:url(../images/dot_line.gif) repeat-x; top:0px!important;top:-3px;padding-bottom:5px !important;padding-bottom:2px; }
iframe { background-color:#fff; }

/*-------current project--------*/
#current_projects {position:relative;width:650px;font-size:11px;color:#666; }
#current_projects a  {color: #c3c1c1;font-size:9px; }
#current_projects a:hover  {color: #dd004d;font-size:9px; }
#current_projects span {font-size:10px;color:#333;color:#333;text-transform: uppercase;line-height:13px; }
.bold { font-weight:bold;font-size:11px; }

/*-------footer home--------*/
#footer_home { position:relative;height:22px;width:650px;color:#8a8a8a;margin:10px 0px 0px 0px;padding:8px 0px 0px 0px;
background:url(../images/footer_bgline.gif) repeat-x; }
#footer_home a { color: #8a8a8a; text-decoration:none;border-bottom:1px dashed #616161;}
#footer_home a:hover { color: #8a8a8a; text-decoration:none;border-bottom:1px dashed #dd004d; }
#footer_home span { color: #616161; }
#footer_home abbr{ color: #dd004d; }

/*---------banner----------*/
#banner {width:650px; height:300px; overflow:hidden;float:left; position:relative;margin-top:-4px;}
ul#n {height:295px; width:9999px; padding:0; position:absolute; overflow:hidden; }
ul#n li {height:295px; width:650px; padding:0px; float:left; margin:0; display:block; color:#c7c6c6;}
ul#n li p{ padding:255px 0 0 0 !important; padding:267px 0 0 0;font:normal 11px arial;}
ul#n li p span{font-size:10px;color:#ccc;padding-left:7px;margin:0;}
ul#n li.n01 {margin:0;padding:0;}
ul#n li.n02 {background:url(../images/1.jpg) no-repeat 0 0; }
ul#n li.n03 {background:url(../images/2.jpg) no-repeat 0 0; }
ul#n li.n04 {background:url(../images/3.jpg) no-repeat 0 0; }
ul#n li.n05 {background:url(../images/4.jpg) no-repeat 0 0; }
ul#n li.n06 {background:url(../images/5.jpg) no-repeat 0 0; }
.banner_btm { position:absolute;font-size:12px; width:650px; height:24px;float:left;margin-top:270px; 
background:url(../images/dot_line.gif) repeat-x bottom; }
.banner_btm li {float:right;padding-right:7px; position:relative; margin-top:-8px;line-height:25px;}
.banner_btm li a { color:#b9b9b9; outline:none;letter-spacing:-1px }
.banner_btm li a:hover {color:#fe286e; background:none; }
.banner_btm li.active a { color:#fe286e;}
.banner_btm li.updates { float:right;color:#b9b9b9; }
.banner_btm li.updates span { color:#dedcdc;font-size:14px;}