@charset "utf-8";
/* CSS Document */

#nav_blog {	 }
html, #container { height:100%;	margin: 0; padding: 0; border: none; }
body { margin: 0; padding: 0; text-align: center; height:100%; background-color: #FFFFFF; color: #555555; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; }
a { color: #666666; }
img { border: 0; }
img.email { margin: 0 0 -4px 0; padding: 3px; }
form input { border: #dddddd solid 1px; }
form textarea { border: #dddddd solid 1px; }

#container { margin: 0 auto; padding: 0 0 10% 0; vertical-align: middle; }
#wrapper { margin: 0 auto; width: 700px; padding: 1.5em; text-align: center; border: #EEEEEE dotted 1px; background-color: #FFFFFF; }
#wrapper.topheavy { margin-top: 7%; width: 708px; }

/*	ALL	 */
#nav ul { margin: 0; padding: 0; height: 30px; list-style-type: none; border-bottom: #E8E8E8 solid 1px; }
#nav .selected { /*background-color: #F5F5F5;*/ border-top: #E0E0E0 solid 1px; border-bottom: #E0E0E0 solid 1px; }
#nav .selected:hover { padding: .2em 6px; border-right: none; border-left: none; }
#nav ul li {display: inline; }
#nav ul li a { padding: .2em 6px; text-decoration: none; }
#nav ul li a:hover { padding: .2em 5px; border-right: #CCCCCC solid 1px; border-left: #CCCCCC solid 1px; color: #333333; }
#bw_logo { margin: 0; padding: 20px 0 0 0; }

/*	ABOUT	   */
#about_detail { margin: 0; padding: 20px 50px 5px 50px; }
#about_detail p {  text-align: left; color: #666666; font-size: 8pt; padding: 0 40px; line-height: 1.4em; }
#about_detail a { text-decoration: none; border-bottom: #888888 dotted 1px; color: #333333; }
#about_detail a:hover { border-bottom: #666666 solid 1px; }

/*	SERVICES   */
#services_content { margin: 20px 60px 10px 60px; padding: 13px; height: 270px; text-align: left; background-color: #FAFAFA; }
#services_content a { text-decoration: none; }
#services_content h2 { margin: 0; padding: 15px 34px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; letter-spacing: .5px; }
#services_content .column {	width: 223px; height: 260px; margin: 0; padding: 5px 25px; background-color: #FFFFFF; }
#services_content #identity { float: left; /*border: #E4F3FC solid 2px; border: #F2F4FF solid 2px;*/ border: #EFEFEF solid 2px; }
#services_content #technology { float: right; /*border: #FFE4DF solid 2px; border: #F2F4FF solid 2px;*/ border: #EFEFEF solid 2px; }
#services_content ul { margin: 0 20px 0 40px; padding: 0; font-size: .8em; }
#services_content ul li { margin: 0; padding: 2px; }

/*	PORTFOLIO	*/
#portfolio_content { margin: 15px 60px 10px 60px; text-align: left; color: #888888; }
#portfolio_content .item { padding: 18px 0; border-bottom: #AAA dotted 1px; }
#portfolio_content .item p { font-size: 13px; padding: 0 3px; }


#portfolio_content #featured { text-align: center; }
#portfolio_content #featured #right { float: left; width: 200px; padding: 10px 0; text-align: center; }
#portfolio_content #featured a { text-decoration: none; }
#portfolio_content #featured #right h2 { margin: 0; padding: 8px 0; color: #333333; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
#portfolio_content #featured h4 { float: left; width: 65px; display: inline; margin: 0; padding: 0; color: #AAAAAA; font-size: .8em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
#portfolio_content #featured a img { margin: 0; padding: 0; }
#portfolio_content #featured a:hover img { background-color: #555555; }
#portfolio_content p { margin: 6px 0 6px 0; padding: 0; font-size: .8em; }

/*	PORTFOLIO DETAIL  */
#portfolio_detail { margin: 20px 60px 10px 60px; padding: 10px 0; text-align: center; background-color: #FAFAFA; color: #888888; }
.portfolio_detail { margin: 30px 0 0 0; }
#portfolio_detail img { padding: 10px 0 8px 0; }
#portfolio_detail p { text-align: left; font-size: 8pt; padding: 0 40px; line-height: 1.4em; }
#portfolio_detail p.title { color: #000; text-align: center; margin: 1em 0 1.5em 0; }
#portfolio_detail .detail_link { display: block; text-align: center; margin: 0; padding: 10px; font-size: 10pt; text-decoration: none; }
#portfolio_detail .detail_link:hover { color: #333333; }
#portfolio_detail.shano {  }

/*  CONTACT  */
#contact_form p { font-size: .9em; margin: 2em 0;}
#contact_form td { text-align: left; }
#contact_form td.label { margin: 0; padding-top: 5px; }
#contact_form form button { margin-top: 5px; }
#contact_form form { border: #EEEEEE solid 1px; padding: 6px 0 15px 0; margin: 0 120px 15px 128px; }