body { margin:0; background:url(../images/bg.jpg) repeat-x #0a6175; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;}
a { color:#FFF;}
a:focus { outline:none}
p { margin:0; padding:0; padding-bottom:14px;}

#container { background:url(../images/floral.png) bottom left no-repeat;}
#wrap { width:1000px; margin:0 auto; padding-bottom:30px;}

#top-bar { height:150px;}
#logo { background: url(../images/logo.png) no-repeat; height:76px; display:block; width:272px; float:left; margin-top:30px;}
#menu { height:131px; float:right; width:516px;}

#menu ul { margin:0; padding:0;}
#menu ul li { margin:0; padding:0; list-style:none; display:inline;}
#menu ul li a { text-decoration:none; color:#FFF; width:86px; height:131px; float:left; display:block; text-indent:-9999px;}
#menu ul li a.home { background:url(../images/menu/home.gif) no-repeat;}
#menu ul li a.home:hover { background:url(../images/menu/home-hover.gif) no-repeat;}
#menu ul li a.home-active { background:url(../images/menu/home-hover.gif) no-repeat;}

#menu ul li a.about { background:url(../images/menu/about.gif) no-repeat;}
#menu ul li a.about:hover { background:url(../images/menu/about-hover.gif) no-repeat;}
#menu ul li a.about-active { background:url(../images/menu/about-hover.gif) no-repeat;}

#menu ul li a.portfolio { background:url(../images/menu/portfolio.gif) no-repeat;}
#menu ul li a.portfolio:hover { background:url(../images/menu/portfolio-hover.gif) no-repeat;}
#menu ul li a.portfolio-active { background:url(../images/menu/portfolio-hover.gif) no-repeat;}

#menu ul li a.blog { background:url(../images/menu/blog.gif) no-repeat;}
#menu ul li a.blog:hover { background:url(../images/menu/blog-hover.gif) no-repeat;}
#menu ul li a.blog-active { background:url(../images/menu/blog-hover.gif) no-repeat;}

#menu ul li a.templates { background:url(../images/menu/temp.gif) no-repeat;}
#menu ul li a.templates:hover { background:url(../images/menu/temp-hover.gif) no-repeat;}
#menu ul li a.templates-active { background:url(../images/menu/temp-hover.gif) no-repeat;}

#menu ul li a.contact { background:url(../images/menu/contact.gif) no-repeat;}
#menu ul li a.contact:hover { background:url(../images/menu/contact-hover.gif) no-repeat;}
#menu ul li a.contact-active { background:url(../images/menu/contact-hover.gif) no-repeat;}

#slogan { background:url(../images/slogan.gif) center no-repeat; display:block;  height:112px; margin:20px 0px;}
#banner { display:block; height:300px; text-align:center;}
#home-twoboxes { display:block; height:200px; padding:30px 0px;}
#home-aboutbox { float:left; height:140px; width:430px; background:#fff; padding:30px; color:#000;}
#home-aboutbox-h1 { font-size:18px; color:#000; display:block; margin-bottom:10px; }
#home-skillbox { float:right; height:140px; width:360px; background: url(../images/skilltag.gif) no-repeat 30px 20px #000; padding:30px; color:#fff; padding-left:100px;}
#home-skillbox ul { margin:0; padding:0; padding-left:20px; padding-top:10px;}
#home-skillbox ul li { margin:0; padding:0; list-style:none; background:url(../images/tickmark.gif) no-repeat; padding-left:24px; float:left; width:140px; margin-bottom:16px;}

#home-lastbar { display:block; height:220px;}
#home-twitter { width:310px; height:218px; background:url(../images/twt-bg.png) no-repeat; float:left;}
#home-twitter-h1 {font-size:18px; color:#fff; display:block; margin-bottom:0px; padding-left:20px; padding-top:30px;text-transform:uppercase;}
#home-twitter ul { margin:0; padding:0; padding:20px 20px;}
#home-twitter ul li { margin:0; padding:0; list-style:none; padding-bottom:10px;}
#home-twitter ul li a { color:#16a7d5}
#home-twitter ul li a img { padding-top:10px;}

#home-ads { float:right; width:390px; height:220px;}
#home-ads ul { margin:0; padding:0;}
#home-ads ul li { margin:0; padding:0; list-style:none; width:180px; height:100px; float:left; padding-left:12px; padding-bottom:10px;}

#home-ads2 { float:left; width:240px;  height:210px; background:#043e50; margin-left:36px; border:1px solid #02333f; text-align:center;}
#home-ads2 a { color:#117fa0; text-decoration:none;}

#footer-bar { background:#011027;  display:block;}
#footer { width:1000px; margin:0 auto;height:170px; padding:20px 0px;}
#footer ul { margin:0; padding:0; padding-left:20px; padding-top:10px;}
#footer ul li { margin:0; padding:0; list-style:none; display:block; padding-bottom:6px;}
#footer ul li a { text-decoration:underline; color:#0a5e72; font-size:12px;}
#footer ul li a:hover { color:#0b7a95;}

.footer-h1 {font-size:14px; color:#fff; display:block; margin-bottom:0px; text-transform:uppercase;}
#footer-col-1 { float:left; width:260px;}
#footer-col-2 { float:left; width:220px;}
#footer-col-3 { float:left; width:260px;}
#footer-col-4 { float:right; width:260px; color:#0a5e72; font-size:12px;}

#content { padding-top:20px;}
#content-left { float:left; width:700px;}
#portfolio-left { float:left;width:724px; }
#project-left { float:left; width:680px;}

#project-right { float:right; width:300px;}
#content-right { float:right; width:270px;}
#content-right-125 { height:280px;}
.content-right-125-list { width:125px; height:125px; float:left; padding-left:10px; padding-bottom:10px;}
.content-right-260 { width:240px; background:#043e50;  border:1px solid #02333f; text-align:center; margin-left:10px; margin-bottom:10px; padding:10px;}
.content-right-260 a { color:#117fa0; text-decoration:none;}

#about-skillbox { display:block; padding-top:30px;}
#about-skillbox-link { float:left; width:29px;}
#about-skillbox-content { float:left; width:420px; background:url(../images/tras-bg.png); height:410px; padding:20px;}
.about-skillbox-float1 { float:left; width:160px;}
.about-skillbox-float1 ul { margin:0; padding:0;}
.about-skillbox-float1 ul li { margin:0; padding:0; list-style:none; display:block; height:35px; text-transform:uppercase; font-size:12px;}
.about-skillbox-float2 { float:left; width:140px;}
.about-skillbox-float2 ul { margin:0; padding:0; padding-top:0px;}
.about-skillbox-float2 ul li { margin:0; padding:0; list-style:none; display:block; height:35px;}

.about-skillbox-float3 { float:left; width:100px;}
.about-skillbox-float3 ul { margin:0; padding:0; padding-top:0px;}
.about-skillbox-float3 ul li { margin:0; padding:0; list-style:none; display:block; height:35px; font-style:italic; font-size:11px;}

.title-about { background:url(../images/about.gif) no-repeat; height:41px;}
.title-portfolio { background:url(../images/portfolio.gif) no-repeat; height:42px;}
.title-blog { background:url(../images/blog.gif) no-repeat; height:52px;}
.title-contact { background:url(../images/contact.gif) no-repeat; height:40px;}

.clr { clear:both;}
.orange { color:#e36d0b; font-weight:bold; }
.text-15 { font-size:15px; text-transform:uppercase;}
.italic { font-style:italic; font-size:11px;}

.workContainer{	position:relative;height:140px;width: 200px;float:left;overflow: hidden;margin-bottom:18px;cursor:pointer;padding:0px;	border:6px solid #021c32; margin-right:18px;}
.workContainer img{ position:absolute;height:140px; }
.projectInfo{position:absolute;top: 240px;left: 0px;padding-left:10px;padding-right:10px;padding-top:10px;background:#000;background-image: url(../images/tras-bg.png);height:170px;width: 204px;	font-size:11px; color:#666;}

.projectInfo-h1 { font-size:12px; font-weight:bold; display:block; text-transform:uppercase; padding-bottom:10px; color:#FFF;}
.more a { background:#09F; padding:2px 5px; color:#FFF; text-decoration:none;}

.projectlist-h1 { background:#031830; color:#FFF; text-align:center; display:block; text-transform:uppercase; line-height:28px;}
.projectlist-list { background:#063049; padding:20px;}
.projectlist-list ul { margin:0; padding:0;}
.projectlist-list ul li { margin:0; padding:0; list-style:none;}
.projectlist-list ul li a { display:block; margin-bottom:10px; color:#40b0f7; text-decoration:none; background:url(../images/link.png) no-repeat; padding-left:22px; line-height:16px;}
.projectlist-list ul li a:hover { color:#FFF;}

.project-name { display:block; font-size:30px; color:#FFF; font-family: Impact; text-transform:uppercase; padding-bottom:10px;}
.project-screenshot { width:660px; height:350px; border:2px solid #075778; margin-bottom:20px;}
.project-icons { float:left; width:80px; background:url(../images/icons.gif) 86px 4px no-repeat; height:170px; line-height:34px; text-align:right; padding-right:36px; font-size:12px; font-style:italic; color:#1da0e1;}
.project-info { float:left; width:170px; padding-left:6px;  line-height:34px; font-size:12px;}
.project-info a { color:#FFF;}
.info { line-height:normal; padding-top:10px;}
.feedback { padding-top:20px;}
.feedback-icon { background:url(../images/feedback-icon.gif) no-repeat; line-height:29px; padding-left:34px; font-size:15px; text-transform:uppercase; border-bottom:1px dashed #075778; padding-bottom:5px; margin-bottom:10px;}
#m8dd8bfbrp__22, #m8dd8bfbrp__23, #m8dd8bfbrp__24, #m8dd8bfbrp__25 { background:#075778; width:170px; border:0px;}
#m8dd8bfbrp_submit { background:#031830; padding:2px 6px; color:#FFF; border:0px; cursor:pointer;}

#mf085ffbrp__17, #mf085ffbrp__18, #mf085ffbrp__19 { width:300px; border:0px; background:#075778; color:#FFF;}
#mf085ffbrp__20 { width:400px; border:0px; background:#075778; color:#FFF;}
#mf085ffbrp_submit { background:#8bc100; padding:3px 10px; color:#FFF; border:0px; cursor:pointer;}

.getintouch { font-size:20px; text-transform:uppercase; border-bottom:1px solid #8bc100; padding-bottom:5px; margin-bottom:6px;}
.getintouch-text { color:#fff; padding-bottom:14px;}

.pages-bar { display:block; padding:10px 0px; padding-right:50px;}
.page a{ float:right; padding:5px 6px; text-decoration:none; color:#FFF; background:#011027; margin-left:3px;}

.ratebg { background:#042a3c; padding:10px; display:block;}