body { background:url(../images/header-bg.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#2d3d49; line-height:24px;}
.clear { clear: both; }
.wrap { margin:0 auto 0 auto; width:960px; }
a, a:link {color:#66c0ff;}
a:hover, #project-categories li span  {color:#9acd05;}
.f-left { float:left; }
.f-right { float:right; }
.b-bottom { border-bottom:#e0e0e0 solid 1px; }
.mt { margin-top:15px; }
.btn-submit { margin:15px 0 0 115px; }

/*menu navigation*/
#menu-nav { float:right; }
#menu-nav  ul { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#menu-nav  li { margin: 0pt; padding: 0pt; float: left; width: 100px; text-align: center; }
#menu-nav  li a { border-right: 1px solid rgb(50, 58, 60); padding: 9px 10px; display: block; height: 100%; color: rgb(255, 255, 255); text-decoration: none; }
#menu-nav  li a { background: transparent url(/images/bg2.jpg) repeat scroll 0pt 0pt; }
#menu-nav li a:hover, li a:focus, li a:active { background-position: -150px 0pt; color:#456c00; }
#menu-nav #a a { background: transparent url(../images/bg.jpg) repeat scroll -20px 35px; }
#menu-nav li span{background: url(../images/bg.jpg) repeat-x; height:34px; color:#456c00; display:block; padding-top:8px; border-right: 1px solid rgb(50, 58, 60); }
/*menu navigation*/

/*header*/
#tagline { background:url(../images/tagline.jpg); width:281px; height:42px; text-indent:-9999px; }
#logo-container { width:959px; height:97px; background:url(../images/logo-bg.jpg); padding:25px 0 0 0; }
#logo a{ display:block; width:198px; height:65px; background:url(../images/logo.jpg); text-indent:-9999px;}
/*header*/

/*body content*/
#content { padding:28px 0 0 0; }
.heading-title { font-size:24px; color:#2d3e4a; }
.portfolio-heading-title { font-size:18px; color:#2d3e4a; }
	
#latest-work1, #latest-work2 { margin-right: 24px; float: left; cursor: pointer; }
#latest-work3 { float: left; cursor: pointer; }
#latest-work { padding:20px 0 0 0; }
#horizontal-shadow { background:url(../images/horizontal-shadow.jpg); width:785px; height:23px; margin:30px auto 20px auto; }

#left-content-box { width:613px; float:left; height:auto; }
#right-content-box { float:left; width:291px; margin:0 0 0 56px; height:auto; }
#portfolio-left-content-box { width:630px; float:left; height:auto; }
#portfolio-right-content-box { float:left; width:278px; margin:0 0 0 1px; height:auto; }
.portfolio-thumb { width:293px; height:245px; background:#eef1f1; border:#e6e6e6 solid 1px; margin:30px 10px 10px 0; float:left; padding:5px 0 0 10px; }
.portfolio-thumb img{ margin-top:5px; }
.detail-img { margin: 20px 0 20px 0; }
.description-txt { margin: 10px 0 10px 0; }
.role li { list-style:disc inside; }
#project-categories ul { margin:10px 0 40px 0; }
#project-categories li { padding:10px 0 10px 10px; background:#f6f8f8; margin:1px 0 1px 0; border-top:#e0e0e0 solid 1px; list-style:disc inside;}
#about-me-box { background:url(../images/txt-content-bg.jpg) repeat-x; width:583px; height:auto; padding:15px 15px 0 15px; margin:10px 0 0 0; font-size:16px; } 
#freelance-box { padding:10px 0 0 15px; background:url(../images/txt-content-bg.jpg) repeat-x; margin:10px 0 0 0; }
#contact-email { font-size:16px; padding:5px 0 0 14px; }
/*body content*/

/*footer*/
#footer-box { background:url(../images/footer-bg.jpg) repeat-x; width:100%; height:389px; }
.footer-left-box { width:613px; float:left; height:auto; padding:20px 0 0 0; }
.footer-right-box { float:left; width:291px; height:auto; margin:0 0 0 50px; padding:20px 0 0 0; }
.footer-heading-title { font-size:18px; color:#d2d5d7; }
.footer-left-box .list { margin:20px 10px 0 10px; }
.footer-left-box ul { width:190px; height:auto; float:left; }
.footer-left-box li { list-style:url(../images/check-icon.jpg) inside; padding:0 0 20px 0; }
.footer-latest-work { float:left; margin:10px 4px 10px 3px; width:131px; height:117px; border:#515b5d solid 3px; }
.copyright { font-size:11px; color:#b0b0b0; width:960px; float:left; height:auto; margin:20px 0 0 0; }
/*footer*/

/*Contact Form*/
#contact { padding:20px 0 0 0; }
#contact .input { margin:15px 0 15px 0; }
#contact .txtbox { width:259px; height:20px; }
#contact .input input, #contact .input textarea { float:right; background-color:#FFFFFF; border:solid 1px #CCCCCC; }
.textarea { width:259px; height:100px; }
#contact .input label { float:left; }
#contact .left-form { float:left; margin:20px 0 0 35px; background:url(../images/large-mail.jpg) bottom right no-repeat; width:451px; height:400px; }
#contact .right-form { float:left; margin:0 0 0 50px; width:380px }