body {margin: 0px; padding: 0px; font-size:12px; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; }

/** Home Page **/
#wrapper {margin: 0px auto; padding: 0px;}

.marker {display: none;}
.visitSite {float:right;}

#wrapper_links {width: 790px; margin: 0px auto;}
#wrapper_links img.mainHeader {position: relative; top: 100px; left: 165px; }

#links {margin: 0px auto; padding: 0px; width: 270px; position: fixed; top: 108px;}
#links a img {border: none; text-decoration: none; margin-bottom: 40px;}
#links ul {margin: 0px; padding: 0px;}
#links ul li{list-style: none; }
#links ul li a {text-decoration: none; line-height: 28px; color: #000000; font-weight: bold; padding: 5px; margin-left: -5px; }
#links ul li a:hover {color: #ffffff; background-color:#999999; text-decoration:none;} 

#top {margin: 0px; padding: 0px; height: 204px; background: transparent url(images/mk_div1_1997x204.png) repeat-x;}

#intro {margin: 0px; padding: 0px; height: 967px; background: transparent url(images/mk_div2_1997x967.jpg) repeat-x;}
#intro .contents {margin: 0px auto; padding: 0px; width: 720px; height: 960px; position: relative; left: 135px;}
#intro .contents .main_img {margin: 35px 0 55px 0;}
#intro .contents .recent {float: right;}
#intro .contents .recent h3 {color: #585a5b;}
#intro .contents .recent .feature {margin: 15px 20px 30px 0; padding: 5px 20px; width: 178px; height: 243px; background-color: #e6e8ec; border: 1px solid #ffffff;}
#intro .contents .recent .feature p {line-height: 17px;}
#intro .contents .sub_box {clear: both; margin: 0px; padding: 5px 30px; background: transparent url(images/mk_top_text_bg_697x77.jpg) no-repeat; width: 697px; height:77px;}
#intro .contents .sub_box a {color: #000000; background-color:#999999; text-decoration:none;} 
#intro .contents .sub_box a:hover {color: #ffffff; background-color:#999999; text-decoration:none;} 
#intro .contents a img {border: none;}
#intro .contents img.linkedin_btn {float: right; margin: 20px 30px 0 0; }

#div1 {margin: 0px; padding: 0px; height: 654px; background: transparent url(images/mk_div3_1997x654.jpg) repeat-x;}
#div1 .contents {margin: 0px auto; padding: 0px; width: 720px; height: 950px; position: relative; left: 135px;}
#div1 .contents img.portfolio_header {margin: 30px 0 20px 0;}
#div1 .contents a img {border: none;}
#div1 .contents img.portfolio_img {margin: 0 15px 15px 0;}
#div1 .contents img.more_portfolio {float: right;}

#div2 {margin: 0px; padding: 0px; height: 665px; background: transparent url(images/mk_div4_1997x665.jpg) repeat-x;}
#div2 .contents {margin: 0px auto; padding: 0px; width: 720px; height: 960px; position: relative; left: 135px;}
#div2 .contents img.who_am_i_header {margin: 30px 0 20px 0;}
#div2 .contents p {font-size: 14px; line-height: 22px;}
#div2 .contents a {color: #000000; background-color:#999999; text-decoration:none;} 
#div2 .contents a:hover {color: #ffffff; background-color:#999999; text-decoration:none;} 

/** Portfolio Page **/
#port_wrapper {margin: 0px; padding: 0px; background: transparent url(images/mk_div1_1997x204.png) repeat;} 

#port_header {margin: 0px; padding: 0px; background: transparent url(images/mk_div1_1997x204.png) repeat-x; height: 200px;}
#port_header .contents {margin: 0px auto; padding: 0px; width: 970px;}
#port_header img.mainHeader {position: relative; top: 100px; left: 185px;}
#port_header a img {border: none;}


#port_body {margin: 0px; padding: 0px; background: transparent url(images/mk_divport_1997x605.jpg) repeat;}
#port_body .contents {margin: 0px auto; padding: 0px; width: 970px; }
#port_body .contents #right_col {margin: 0 80px 0 0; padding: 40px 0 0 0; width: 700px; float: right;}
#port_body .contents #right_col .sub_right {float: right; margin: 30px 0 40px 30px; padding: 0px; width: 210px; background-color:#FFFFFF;}
#port_body .contents #right_col .sub_right h3 {margin: 15px 10px 0 10px; padding: 0px;}
#port_body .contents #right_col .sub_right ul {margin: 10px 10px 20px 20px; padding: 0px;}
#port_body .contents #right_col .sub_right ul li {list-style: none; line-height: 18px; }
#port_body .contents #right_col .sub_left {margin: 30px 0 40px 30px; line-height: 22px; width: 430px;}
#port_body .contents #right_col h2 {margin: 0 0 20px 0; padding: 0px; font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 28px;}
#port_body .contents #left_col {margin: 0px; padding: 40px 0 0 0; width: 270px;}
#port_body .contents #left_col h3 {margin: 0px; padding: 0px; font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 16px;}
#port_body .contents #left_col ul {margin: 10px 0 25px 0; padding: 0px; width: 200px; display:block;}
#port_body .contents #left_col ul li {list-style: none; line-height: 28px; width: 200px; display:block;}
#port_body .contents #left_col ul li a {text-decoration: none; color: #000000; font-weight: bold; padding: 5px; margin-left: -5px; width: 160px; border-bottom: #9b9b9b dashed 1px; display:block;}
#port_body .contents #left_col ul li a:hover {color: #ffffff; background-color:#999999; text-decoration:none; border-left:#2f2f2f solid 1px;border-right:#2f2f2f solid 1px;}

.clear {clear: both;}

#port_footer {margin: 0px; padding: 0px; background: transparent url(images/mk_div1_1997x204.png) repeat-x; height: 204px;}
#port_footer .contents {margin: 0px auto; padding: 0px; width: 970px; }
#port_footer .contents p.footer_info {float: right; margin-right: 90px; line-height: 20px;}
#port_footer .contents p.download {position: relative; top: 15px;}
#port_footer .contents p.download a {color: #000000; background-color:#999999; text-decoration:none;} 
#port_footer .contents p.download a:hover {color: #ffffff; background-color:#999999; text-decoration:none;}