/* ie6,7 fixes */
* html #logo {background:url(../Images/IE6/logo.gif) no-repeat;}
* html #nav li a{background-image:url(../Images/ie6/nav.gif);}
* html h2 {padding:0; margin:5px 0 5px 0;}
body {
background-color:#f6f6f6;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:12px;
color:#666666;
margin: 0 auto;
padding: 0; }
img{border:none;}
a {text-decoration:none; color:#6891ae;}
a:hover {text-decoration:underline; color:#3990d1; }
a:active { outline: 0; position: relative; top: 1px; }
.floatleft{float:left; display:block;}
.floatright{float:right; display:block;}
#headerbackground{
background:url(../Images/headerbg.png) repeat-x #334756 center top scroll;
height: 291px;
min-width:936px;}
#header{width:954px; height:291px; margin:0 auto;}
#logo {background:url(../Images/logo.png) transparent no-repeat; float:left; width:355px; height:123px; display:block;}
#logo a{display:block; width:355px; float:left; height:123px;}
/* nav */
#nav {list-style:none; float:right; width:360px; display:inline; padding:0; margin:55px 0;}
#nav li{float:left; display:inline-block; padding-right:25px; position:relative;}
#nav li a{display:block; background-image:url(../Images/nav.png); background-repeat:no-repeat; height:24px; line-height:24px; width:65px; outline: 0 !important; }
#nav li span{text-indent:-9999px; display:block; float:left;}
#nav #home a{background-position: -12px top; }
#nav #home a:hover{background-position: -12px bottom; }
#nav #work a{background-position: -111px top; }
#nav #work a:hover{background-position: -111px bottom; }
#nav #contact a{background-position: -211px top; }
#nav #contact a:hover{background-position: -211px bottom; }
#nav #client a{background-position: -307px top; }
#nav #client a:hover{background-position: -307px bottom; }
#wrapper{margin:0 auto; min-height:400px; height:400px; height:auto !important; width:954px; padding:15px 0;}
#contentportleft{width:613px; float:left; padding:10px; text-align:left;}
#contentportright{width:293px; float:left; display:inline; padding:10px 0 10px 0; text-align:left;}
#footerbackground{
background:url(../Images/footerbg.gif) repeat-x #131c24 top;
height: 165px;
height:auto !important;
min-width:936px;
width:100%;
margin-top:15px;
float:left;}
#footer{width:954px; height:145px; margin:15px auto 0px auto; text-align:left; padding:0; list-style:none; color:#cce6f9;}
#footer li{float:left; display:inline-block; width:298px; padding:10px;}
#footer .twitterli{float:right; color:#15212b; margin-right:162px; width:258px; font-style:italic; }
#footer .twitterli a{color:#0285c8; font-weight:bold;}
#twitter_update_list { padding:0 !important; list-style:none; float:left; text-align:left;}
#twitter_update_list li{ float:left; width:245px; padding:0; margin:0 !important;}
#footerlinks{width:919px; height:55px; margin:15px auto 0px auto; text-align:left; padding:10px 25px 10px 10px; list-style:none; color:#cce6f9; line-height:20px;}
#footerlinks img{float:left;}
.copyright{float:right; display:inline-block;}
#clientleft{width:327px; float:left; padding:10px; text-align:left; margin-right:25px;}
#clientleft hr{width:300px; color: #dddcda; background-color: #dddcda; height: 1px; margin:0; padding:0; opacity:0.4; float:left;}
#clientright{width:554px; float:left; display:inline; padding:10px 0 10px 0; text-align:left;}
#clientimage{width:532px; float:left; display:inline; background:#f4f3ef; moz-border-radius: 10px; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border:1px solid #dddcda; padding:12px; }
#contentleft{width:380px; float:left; padding:10px; text-align:left; margin-right:25px;}
#contentleft p{line-height:17px;}
#contentleft hr{width:360px; color: #dddcda; background-color: #dddcda; height: 1px; margin:0; padding:0; opacity:0.4; float:left;}
#contentright{width:478px; float:left; display:inline; margin-left:25px; text-align:left; padding:10px 0 10px 10px;}
#contentright #imagecontainer{background:#f4f3ef; moz-border-radius: 5px; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border:1px solid #dddcda; padding:12px; width:443px; height:306px; float:left; margin-bottom:10px; position:relative;}
#contentright #imagecontainer h2{color:#fefefe; font-family:"myriad Pro", arial, helvetica, sans serif; font-weight:normal; font-size:18px; position:absolute; bottom:100px; left:25px; margin:0; padding:0;}
#contentright #imagecontainer span{color:#fefefe; position:absolute; bottom:65px; left:25px; display:block; width:200px;}
#contentright #imagecontainer a{color:#fff !important;}
#contentright #imagecontainer #rotate1{background-image:url(../Images/rotate/ishuappshow.jpg); width:443px; height:306px; }
#contentright #imagecontainer #rotate2{background-image:url(../Images/rotate/oxygenshow.jpg); width:443px; height:306px;}
#contentright #imagecontainer #rotate3{background-image:url(../Images/rotate/ignitoshow.jpg); width:443px; height:306px;}
#contentright #imagecontainer #rotate4{background-image:url(../Images/rotate/cssboxshow.jpg); width:443px; height:306px;}
#contentright #imagesub{list-style:none; margin:0; padding:0; float:left; position:relative;}
#contentright #imagesub li{width:104px; margin-right:9px; height:70px; float:left; display:inline-block; padding:2px; background:#f4f3ef; moz-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #dddcda; }
#contentright #imagesub li:hover{background:url(../Images/hovericon.png) top center; border:1px solid #f6f6f6; padding:20px 2px 2px 2px; margin-top:-18px; z-index:999; }
#contentright #imagesub #last{margin-left:1px !important;}
#contentright #imagesub img{border:none;}
/* titles and banners*/
h1 { padding:0; margin:0;}
h2 {padding:10px 0 10px 0; margin:0; }
h1.homebanner{width:936px; height:123px; float:left; background:url(../Images/homebanner.png) no-repeat;}
h1.workbanner{width:936px; height:123px; float:left; background:url(../Images/workbanner.png) no-repeat;}
h1.contactbanner{width:936px; height:123px; float:left; background:url(../Images/contactbanner.png) no-repeat;}
h1.featuredbanner{width:936px; height:123px; float:left; background:url(../Images/featuredbanner.png) no-repeat;}
h2.aboutme{background:url(../Images/aboutme.gif) no-repeat; height:13px; width:75px;}
h2.testimonial{background:url(../Images/testimonial.gif) no-repeat; height:13px; width:105px;}
h2.recentwork{background:url(../Images/recentwork.gif) no-repeat; height:13px; width:105px;}
h2.contactme{background:url(../Images/contactme.gif) no-repeat; height:13px; width:105px;}
h2.services{background:url(../Images/services.gif) no-repeat; height:13px; width:105px;}
h2.twitter{background:url(../Images/twitter.gif) no-repeat; height:13px; width:105px;}
h2.portfolioWebsite{background:url(../Images/portfolioweb.gif) no-repeat; height:13px; width:155px;}
h2.portfolioLogotype{background:url(../Images/portfoliologo.gif) no-repeat; height:18px; width:155px;}
h2.portfolioOther{background:url(../Images/portfolioother.gif) no-repeat; height:18px; width:155px;}
h2.client{height:18px; width:255px; font-size:16px;}
h2.sayhello{height:18px; width:155px; font-size:16px; background:url(../Images/sayhello.gif) no-repeat; }
h2.projects{height:18px; width:155px; font-size:16px; background:url(../Images/specificprojects.gif) no-repeat; }
h2.luckydanstyled{height:18px; width:155px; font-size:16px; background:url(../Images/luckydanstyled.gif) no-repeat; }
h2.featuredon{height:18px; width:155px; font-size:16px; background:url(../Images/featuredon.gif) no-repeat; }
h3 {font-size:16px; color:#22303a; margin:0; padding:0;}
.title{text-indent: -9999px; display:block;}
.quote{width:370px; background:url(../Images/quote.gif) no-repeat left; font-style:italic !important;}
.quotesource a{text-align:right; color:#10161b; font-weight:bold; display:block; width:300px; margin:-5px 17px 8px 0px; float:right; padding-bottom:5px;}
#twitter ul, #twitter ul li, #twitter ul span, #twitter ul a{
list-style: none; padding:0 !important; margin:0 !important; display:inline !important;}
.servicelist{list-style:none; padding:0; margin:0; border:thick solid red;}
.servicelist li{height:15px; line-height:15px;}
/* Portfolio */
.portfolio{list-style:none; padding:0; margin:0; float:left;}
.portfolio li{background:#f4f3ef; moz-border-radius: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid #dddcda; padding:8px; width:265px; height:232px; float:left; display:inline-block; margin:0 23px 23px 0; box-shadow: 10px 10px 5px #888;}
.portfolio li:hover{background:#fff;}
.portfolio li:hover .fade img{filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
.portfolio img{margin-bottom:10px; border:0; float:left; }
.portfolio h3{padding:0; margin:0; color:#1d2a33; font-weight:bold; font-size:12px; float:left; text-shadow: 0px 1px 0px #ccc;}
.portfolio h3 a{color:#1d2a33; text-decoration:none; text-shadow: 0px 1px 0px #ccc;}
.portfolio h3 a:hover{text-decoration:underline;}
.portfolio .icons{float:right; display:inline; color:#fff; margin-left:2px; text-align:center; width:49px; height:22px; line-height:22px;}
.portfolio .icons:hover{background-position:bottom left; color:#fff; text-decoration:none;}
.visiticon{background:url(../Images/visitsite.png) no-repeat top left;}
.infoicon{background:url(../Images/siteinfo.png) no-repeat top left;}
.portnav {list-style:none; padding:0 0 6px 0; margin:0; float:right; }
.portnav li{float:left; display:inline-block; padding-left:5px; }
.portnav a{display:block; background-image:url(../Images/portnav.png); background-repeat:no-repeat; width:67px; height:27px;}
.portnav .web a{background-position:0 top;}
.portnav .web a:hover{background-position:0 bottom;}
.portnav .logos a{background-position:-72px top;}
.portnav .logos a:hover{background-position:-72px bottom;}
.portnav .others a{background-position:-143px top;}
.portnav .others a:hover{background-position:-143px bottom;}
.portnav span{text-indent:-9999px; display:block;}
.portdesc {border:3px solid #e9e8e6; background:#ffffff; min-height:260px; height:auto !important; height:260px; float:right; width:271px; padding:10px; }
/* Contact Page*/
.social{padding:10px;}
.contactform {padding:0; margin:0;}
.contactform label{color:#2c3e4b; font-weight:bold; display:block; font-size:14px; width:286px; margin-top:3px; }
.contactform input{background:url(../Images/contactinput.png) top #f6f6f6; height:19px; padding:10px 5px 7px 5px; width:276px; border:none; margin-top:7px;}
.contactform select{display:block; width:190px; margin-right:50px; padding:5px; margin-top:7px; float:left;}
.contactform .reqs{background:url(../Images/requirementinput.png); height:133px; width:386px; border:none; padding:10px; overflow-y:auto; margin:7px 0 7px 0;}
.contactform input:focus, .contactform input:active, .contactform input:hover, .contactform .reqs:focus, .contactform .reqs:active, .contactform .reqs:hover{background-position: bottom; }
.contactform .submit{width:auto; height:auto; background:none; margin:0; padding:0;}
/* Font Styles */
.italic {font-style:italic;}
.error{font-size:12px; font-weight:normal; color:#da4800;}
.norm{font-weight:normal;}
.contactlarge{display:block; float:right; margin:6px 0 10px 0px;}
/* 404 */
.fourofourbg{background:#efefef !important;}
.clientoverview{padding-top:10px;}
/* SOcial Net */
.socialnet{float:left; display:inline-block; width:43px; height:37px; margin:10px 10px 0 10px;}
#facebookic{background:url(../Images/sfacebookhov.png) bottom; -webkit-transition: background-position 1s linear;}
#gmailic{background:url(../Images/sgmailhov.png) bottom; -webkit-transition: background-position 1s linear;}
#twitteric{background:url(../Images/stwitterhov.png) bottom; -webkit-transition: background-position 1s linear;}
#youtubeic{background:url(../Images/syoutubehov.png) bottom; -webkit-transition: background-position 1s linear;}
#facebookic:hover,#gmailic:hover,#twitteric:hover,#youtubeic:hover{background-position:top;}
.socialnet span{display:block; top:-9999px; left:-9999px; text-indent:-9999px;}
/* Advert */
.contactribbon{position:absolute; top:0; left:0; display:block;}
.contactribbon:active{position:absolute !important; top:0 !important; left:0 !important; display:block;}
.visitclient{display:block; background:url(../Images/gotoweb.png) top left; width:92px; height:22px; color:#fff; line-height:22px; text-align:center;}
.visitclient:hover{background-position:bottom left; color:#fff; text-decoration:none;}
/* Featured */
.featuredlinks a{padding:5px; display:inline-block; moz-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#f4f3ef; border:1px solid #dddcda; margin:2px;}
.featuredlinks a:hover{background:#fff;}