* { margin: 0; padding: 0; }

body { font: normal 14px Helvetica, Arial; background: #111111 url('../_img/background.png') repeat-x top left; }
#wrapper { width: 920px; margin: 0 auto 0 auto; height: 600px; background: url('../_img/apple.png') no-repeat right 30px; }
#wrapper-portfolio { width: 920px; margin: 0 auto 0 auto; height: 600px; }

#logo_new { height: 158px; background: url(../_img/logo.png) no-repeat top left; text-indent: -5000px }

#navigation { height: 90px; float: left }
#navigation ul { display: inline; list-style-type: none; font: normal 14px Helvetica, Arial; }
#navigation ul li { float: left; margin: 2px; }
#navigation ul li a { display: block; padding: 27px 36px 27px 36px; text-align: center; color: #FFFFFF; text-decoration: none; background: url('../_img/nav-up.png') repeat-x top left; }
#navigation ul li a.active { background: url('../_img/nav-down.png') repeat-x top left; }
#navigation ul li a:hover { background: url('../_img/nav-down.png') repeat-x top left; }
#navigation ul li .nav_main { display: block; font-size: 20px; line-height: 26px; text-shadow: 1px 1px 2px #333333; }
#navigation ul li .nav_sub { display: block; font-size: 14px; line-height: 20px; }

#content { color: #FFFFFF; float: left; }
#content_small { color: #FFFFFF; float: left; width: 560px; }
#wrapper-portfolio #content_small { margin-top: 40px; font-size: 16px; color: #BBBBBB; }
#wrapper-portfolio #content_small h4 { font: normal 19px Helvetica, Arial; margin-bottom: 10px; margin-left: 4px; color: #FFFFFF; }
.orange { color: #FFCC00; }

#top_content { margin: 10px; width: 480px; height: 80px; padding: 4px 4px 4px 58px; }
#top_content p { font-size: 16px; line-height: 18px; }
.inline_content { float: left; margin: 10px; width: 220px; height: 130px; padding: 4px 4px 4px 58px; }
.inline_content h3 { font-size: 16px; margin-bottom: 6px; }
.inline_content p { line-height: 18px; }
.cog { background: url('../_img/cog.png') no-repeat top left; }
.sell { background: url('../_img/calc.png') no-repeat top left; }
.email { background: url('../_img/graph.png') no-repeat top left; }
.mobile { background: url('../_img/mobile.png') no-repeat top left; }	
.user  { background: url('../_img/users.png') no-repeat top left; }

#carousel { float: right; margin: 73px 53px 0 0;  }
.jcarousel-container { position: relative; } 
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }  
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 296px; height: 165px; } 
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 245px; padding: 20px 40px; }  
.jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; }  
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  296px; height: 165px; }  
.jcarousel-skin-tango .jcarousel-clip-vertical { width:  75px; height: 245px; }  
.jcarousel-skin-tango .jcarousel-item { width: 296px; height: 165px; }  
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 10px; }  
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; }  
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } 

#portfolio-images { float: right; margin: 73px 53px 0 0 }
.image-item { width: 290px; height: 200px; border: solid 6px #555555; margin-bottom: 30px; position: relative; }
.image-item a { position: relative; height: 200px; width: 290px; }
.image-text { position: relative; display: block; line-height: 26px; width: 280px; height: 22px; bottom: 26px; color: #FFFFFF; left: 0px; background-color: rgba(20, 20, 20, 0.82); padding: 2px 2px 2px 8px; }

.portfolio-text { float: left; margin-bottom: 20px; }
.port-title { float: left; width: 220px; text-align: right; margin-right: 20px; padding-top: 2px; color: #DDDDDD}
.port-items { float: left; width: 180px; line-height: 22px; font-size: 15px; }

#contactForm { z-index: 1000; width: 490px; height: 300px; position: absolute; left: 25%; top: -360px; background: #666666; border: solid 6px #FFFFFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 10px 10px 10px 30px; color: #FFFFFF; } 
#contactForm h2 {  }
#contactForm p { margin-bottom: 8px; }
#contactForm span.label { clear: both; float: left; width: 150px; height: 22px; font: normal 16px Helvetica, Arial; color: #FFFFFF; margin: 12px 0 4px 0; }
#contactForm span input, #contactForm span textarea { width: 300px; height: 22px; float: left; }
#contactForm span textarea { height: 82px; }
#contactForm a.button { margin-top: 10px; }
#contactForm span.cancel { color: #FFFFFF; }
#contactForm span.cancel a { color: #FFFFFF; line-height: 44px; }
#contactForm .interact { margin-left: 240px; }

#social { float: right; height: 400px; width: 300px; padding-top: 8px; }
#social #social_links {margin-bottom: 10px; float: right;}
#social #social_links span { margin-right: 4px; }

#twitter_feed { margin-top: 4px; }
#twitter_update_list { width: 300px; }
#twitter_update_list li { list-style-type: none; margin-bottom: 10px; }
#twitter_update_list li span a { color: #FF9900; font-size: 85%; } /* Message Link (user or link) */
#twitter_update_list a { color: #FF9900; } /* Message time */