body {margin: 0;padding: 0;font-family: verdana, arial, helvetica, sans-serif; font-size: 76%; color: #000; background-color: #fff; margin:0;}

.wrapper {margin:16px auto 0 auto;width:850px;position:relative;}

#menu {list-style: none; float:left; position:relative;  font-weight:bold; font-size:1.1em; width: 850px; margin:0; padding:0;}
#menu li { display: inline; height:20px; }
#menu a, #menu a:link, #menu a:visited{text-decoration:none; height:20px;}
#menu a:hover{text-decoration:underline;}
#menu li a, #menu li.active_nav a { position: relative; z-index: 200 !important; display: block; float: left; padding: 4px 10px 0px 10px; text-decoration: none; margin:0 5px; }

#menu li a#home-link, #menu li.active_nav a#home-link{color:#b1ba09;}
#menu li a#portfolio-link, #menu li.active_nav a#portfolio-link{color:#60b637;}
#menu li a#contact-link, #menu li.active_nav a#contact-link{color:#0099ff;}

.content {width:850px;height:367px;border:1px solid #000;color:#ccc;float:left;margin:20px 0 35px 0;position:relative;clear:both;overflow:hidden;}
	
.footer{color:#666;width:100%;font-weight:normal;position:absolute;bottom:0px;left:0px;clear:both;}
.footer h1{font-size:1em;font-weight:normal;color:#666;display:inline;}
.copyright{position:absolute;top:0;right:0;float:right;}

#logo{position:relative; top:40px; clear:both;cursor:pointer; width:265px; height:85px; background:url(/images/logo.png);}

.link_portfolio, .link_home, .link_contact{cursor:pointer;}

#home{width:550px; height:290px; position:absolute; top:40px; right:-550px;}
#portfolio, #contact{position:absolute; top:40px; right:-550px;}

#home.current, #portfolio.current, #contact.current{right:0px;}

.tab_container{width:417px; height:290px; position:absolute; top:0px; right:0; z-index:1; padding:0px 0px 0px 133px; background:url(/images/body_1.png) no-repeat;}
.tab_content{color:#000; position:relative; padding:20px; z-index:10;}

.tabs{position:absolute; z-index:2; right:417px; top:0px; width:130px; padding:0px; margin:0; list-style-type: none;}
.tabs li{margin:0; padding:0 0px 0 10px; height:21px; line-height:21px; background:url(/images/trans_bg.png);}
.tabs li.active {background:none;}
.tabs li a,.tabs li a:link,.tabs li a:visited{color:#fff; text-decoration:none; font-weight:bold; overflow:visible; height:0px;}
.tabs li a:hover{color:#60B637; text-decoration:underline;}
.tabs li.active a,.tabs li.active a:link,.tabs li.active a:hover,.tabs li.active a:visited{color:#000; text-decoration:none; cursor:default;}

.trans_box{width:520px; height:250px; position:absolute; top:40px; right:0; z-index:1; padding:20px 10px 20px 20px; background:url(/images/body.png) no-repeat; color:#000;}
.trans_box img.port_img{border:1px solid #000; float:left; margin-right:10px;}
.trans_box div.port_container{display:block; float:left; padding:0; margin:0 5px; width:471px; height:49px; overflow:hidden; position:relative;}
.trans_box ul.port{display:block;	padding:0;margin:0;	overflow:visible; width:5000px;	position:absolute; left:0;	top:0;}
.trans_box ul.port li{display:block; float:left; margin:0; padding:0; width:95px; text-align:center;}
.trans_box ul.port li img.port_link{border:1px solid #ccc; margin:0; padding:0; cursor:pointer; filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}

.port_client{display:none;}
.port_client_active{display:block;}

.trans_box ul.port li img.port_link_active, .trans_box ul.port li img.active{filter:alpha(opacity=99);-moz-opacity:.99;-khtml-opacity: .99;opacity: .99;}

#port_r, #port_l{cursor:pointer;}

#featured{border:1px solid #000; background:url(/images/feature.jpg) no-repeat; width:376px; height:155px; position:relative;}
#featured #featured_txt{position:absolute; bottom:0px; width:366px; height:30px; background:url(/images/trans_bg2.png); color:#fff; padding:5px;}
#featured #featured_txt a{text-decoration:none; font-weight:bold; color:#60B637;}
#featured #featured_txt a:hover{text-decoration:underline;}
/*typography*/
a,a:link,a:visited {text-decoration: underline;color: #0062FF;}
a:active {text-decoration: underline;color: #60B637;}
a:hover {text-decoration: underline;color: #60B637;}

h1{font-size:1.4em; color:#000000; font-weight:normal; margin:0; padding:0; line-height:1em;}
h2 {font-size:1.2em; color:#000000; font-weight:bold; line-height:1em; margin: 0em;}
h3 {font-size: 1.0em; margin:0; padding:0; line-height:1em; display:inline; font-weight:bold;}
h4 {font-size: 1.0em; margin:0; padding:0; line-height:1em; display:inline; font-weight:normal;}
h5 {font-size: 1.0em; margin:0; padding:0; line-height:1em; display:inline; font-weight:normal;}
h6 {font-size: 0.8em; margin:0; padding:0; line-height:1em; display:inline; font-weight:normal;}

img {border: 0;}

ol, ul, li {font-size: 1.0em; line-height: 1.8em; margin-top: 0.2em; margin-bottom: 0.1em;}

p {font-size: 1.0em;line-height: 1.2em;margin: .8em 0em .8em 0em;}

li > p {margin-top: 0.2em;}

pre {font-family: monospace;font-size: 1.0em;}

strong, b {font-weight: bold;}

input, textarea{border:2px solid #ccc; margin-top:10px; padding:5px; font-family: verdana, arial, helvetica, sans-serif; font-size: 76%; overflow:auto;}
input.contact_btn{width:75px; margin-right:5px; float:right;}