.no-border { border: none 0 !important;}
html { font-family: Calibri,Arial,sans-serif; font-size: 11pt; color: #666; background: #00314a; }
body { text-align: center; }
.wrapper { width: 960px; margin: 0 auto; text-align: left; }
#Sky { background: #f4c106 url(../images/solar-flare.jpg) no-repeat scroll center -12px; padding-top: 30px; }
#Header { height: 69px; }
#Header #Logo { float: left; }
#Header #Menu { float: right; margin: 48px 0 0; display: block; }
#Header #Menu li { font-size: 1.2em; background: none; position: relative; }
#Header #Menu li a { color: #666; text-shadow: #f0f0f0 -1px -1px 0px; padding: 2px 12px; border: none }
#Header #Menu li a.current, #Header #Menu li a.section { background: #fcebac; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-box-shadow:inset 0 1px 5px #c90; -webkit-box-shadow:inset 0 1px 5px #c90; box-shadow:inset 0 1px 5px #c90; text-decoration: none; }
/* Submenus */
#Header #Menu div.bubble { display: none; width: 172px; background: transparent url(../images/nav-speech.png) no-repeat scroll 12px 0px; height: 14px; z-index: 2; position: absolute;}
#Header #Menu li ul { background: #fefefe; padding: 7px 4px; width: 180px; -moz-box-shadow: 1px 4px 5px #333; -webkit-box-shadow: #ccc 1px 2px 10px; position: absolute; margin: 0; }
#Header #Menu li:hover ul, #Header #Menu li.sfHover ul { top: 14px; left: -20px; }
#Header #Menu li:hover div.bubble, #Header #Menu li.sfHover div.bubble { display: block; }
#Header #Menu li ul li a { text-shadow: none; color: #666; font-size: 0.7em; line-height: 1.1em; }
#Header #Menu li ul li { width: auto; display: block; width: 172px; padding: 3px 0; }
#LatestWork { text-align: left; position: relative; margin-top: 16px; height: 190px; width: 984px; overflow: hidden; }
#LatestWork .col { float: left; height: 170px; width: 301px; margin-right: 28px; display: inline; }
#LatestWork #col3 { margin-right: 0; }
#LatestWork a { display: block; padding: 10px; }
#LatestWork img { border: 6px solid #fff; background-color: #eee; -moz-box-shadow: 1px 2px 10px #c90; -webkit-box-shadow: #c90 1px 2px 10px; box-shadow: #c90 1px 2px 10px; }
#BalloonWrapper { position: relative; z-index: 10; }
#Balloon { position: absolute; right: -86px; top: 50px; float: none; border: none; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.HomePage #Balloon { bottom: -256px; right: -62px; }
#Birds { position: absolute; left: -280px; top: 74px; }
.HomePage #Clouds { margin-top: 0px; }
#Clouds { text-align: left; position: relative; height: 52px; background: transparent url(../images/clouds.png) repeat-x scroll top center; margin-top: 40px; z-index: 1; }
#ContentPane { position: absolute; top: -30px; background: transparent url(../images/content-pane.png) no-repeat scroll top center; height: 110px; width: 100%; display: inline; }
#Breadcrumbs { font-size: 0.9em; margin-bottom: 16px; }
#Tagline { font-size: 1.8em; font-style: italic; color: #aaa; margin: 20px 0 30px 0; font-weight: normal; }
#Horizon { background: #fff; padding: 20px 0; }
#Layout { width: 900px; margin-top: -80px; position: relative; z-index: 2; }
.HomePage #Layout { width: 960px; margin-top: 0; }
#Layout .col { float: left; width: 300px; margin-right: 28px; }
#Layout #Col3 { margin-right: 0; }
#LeftCol { float: left; width: 580px; }
#RightCol { float: right; width: 272px; padding-top: 32px; }
#Content { float: left; width: 70%; }
#Sidebar { float: right; width: 20%; }
#Ocean { background: #00314a url(../images/waves-bright.png) repeat-x scroll 0px 0px; min-height: 134px; padding: 50px 0 20px;}
.content #Ocean #Footer { width: 900px; }
#Ocean #Footer { color: #ccc !important; font-size: 0.9em; margin-bottom: 20px; position: relative; }
#Footer #FooterDetails { line-height: 1.4em; display: inline; }
#Footer #Copyright { float: right; display: inline; }
#Footer a { color: #ccffff; }
#FooterMenu { margin-bottom: 20px; z-index: 2; position: relative; }
#FooterMenu li { border: none; padding: 0 0.5em;}
#SocialMediaMenu { margin-bottom: 20px; z-index: 2; position: relative; }
#SocialMediaMenu li { border: none; padding: 0 0.5em; }
#SocialMediaMenu li a { width: 32px; height: 32px; text-indent: -9999px; display: block; }
#Fish { position: absolute; top: 30px; right: 300px; z-index: 1; }
#SearchResults { list-style-type: none; padding: 0; margin: 0; }
#SearchResults li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #ccc;}
.testimonialAuthor { color: #333; }
/* SideBar */
#RightCol img { border: 4px solid #f0f0f0;}
#RightCol .projects img { border-color: #fff; margin-bottom: 6px; -moz-box-shadow: 1px 2px 6px #666; -webkit-box-shadow: #666 1px 2px 6px; box-shadow: #666 1px 2px 6px; }
#RightCol .projects { height: 210px; overflow: hidden; }
/* Web Product Sidebar */
.WebProduct #WebPackages h2 { font-size: 1.1em; }
#WebPackages img { vertical-align: bottom;}
.WebProduct #WebPackages ul { margin-left: 0; list-style-type: none; }
#WebPackages ul li { margin-bottom: 0.5em; }
.no-margin-bottom { margin-bottom: 2px !important; }
.small { color: #999; font-size: 0.9em; }
.floatRight { float: right; }
.floatLeft { float: left; }
.alignRight { text-align: right; }
.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
/* Blog */
.font-weight-normal { font-weight: normal; }
/* Portfolio Page */
#CaseStudy { margin: 20px 0 24px; font-size: 2em; font-weight: bold; }
#CaseStudy .small { font-size: 0.7em; font-weight: normal; }
.PortfolioPage #Layout, .ProjectPage #Layout { width: 950px; padding-left: 40px; }
#PortfolioNav .coda-nav-left { float: left; margin-right: 26px; display: inline; }
#PortfolioNav .coda-nav-left a { display: block; background: transparent url(../images/portfolio-buttons.png); width: 30px; height: 30px; text-indent: -9999px; margin-top: 20px; }
#PortfolioNav .coda-nav-right { float: left; }
#PortfolioNav .coda-nav-right a { display: block; background: transparent url(../images/portfolio-buttons.png) scroll 30px 0; width: 30px; height: 30px; text-indent: -9999px; margin-top: 20px; }
#coda-slider-1 { width: 810px; height: 91px; float: left; margin-bottom: 30px; overflow: hidden; height: 91px; }
#coda-slider-1 .panel img { margin-right: 40px; }
#coda-slider-1 .panel-wrapper a.last img { margin-right: 0px; }
#coda-slider-1 .panel { width: 810px; float: left; }
#coda-slider-1 .panel-wrapper { padding: 4px;}
#PortfolioNav .panel a, .coda-nav-left, .coda-nav-right { -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#PortfolioNav .panel a.hover, #PortfolioNav .hover { -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
#PortfolioNav .panel a.active { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
#PortfolioNav .panel a.active img { -moz-box-shadow:0px 0px 6px #666; -webkit-box-shadow:0px 0px 6px #666; box-shadow:0px 0px 6px #666; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
#ClientFeedback { float: left; width: 272px; }
.ProjectPage .typography h2 { margin-bottom: 20px !important; }
.ProjectPage .typography h2 .small { font-size: 13pt; }
#ClientFeedback h3 { padding-left: 24px; background: url(../images/icons/speech-bubble.png) no-repeat scroll 0px 0px; line-height: 18px; margin-left: -1px; }
#Brief h3 { padding-left: 24px; background: url(../images/icons/clipboard.png) no-repeat scroll 0px 0px; line-height: 20px; }
#Solution h3 { padding-left: 27px; background: url(../images/icons/lightbulb.png) no-repeat scroll 0px 0px; min-height: 23px; margin-left: -3px; }
#slider { width: 580px; height: 322px; position:relative; background:url(images/loading.gif) no-repeat 50% 50%; margin: 0 46px 40px 0; float: left; -moz-box-shadow:0px 0px 10px #666; -webkit-box-shadow:0px 0px 10px #666; box-shadow:0px 0px 10px #666;}
#slider img { position:absolute; top:0px; left:0px; display:none; }
.nivo-caption p { margin: 0 !important; }
.nivo-controlNav { position:absolute; left:47%; bottom:-30px; }
.nivo-controlNav a { display:block; width:10px; height:10px; background:url(../images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; }
.nivo-controlNav a.active { background-position:-10px 0; }
.nivo-directionNav a { display:block; width:30px; height:30px; background:url(../images/portfolio-buttons.png) no-repeat; text-indent:-9999px; border:0; }
a.nivo-nextNav { background-position:-30px 0; right:10px; }
a.nivo-prevNav { left:10px; }
/* Contact page */
.ContactForm #LeftCol .floatLeft { width: 48%; }
.ContactForm #LeftCol .floatRight { width: 48%; }
/* Image Gallery */
.flickr { margin-bottom: 6px; }
.flickr a { line-height: 1em; }
.flickr img { margin: 0 2px 2px 0; }
/* Web Product */
.WebProduct #RightCol { padding-top: 0; background: url() no-repeat scroll top center; padding-top: 460px; text-align: center; }
.prostart-web #RightCol { background-image: url(../images/webproducts/balloon.png); }
.improve-web #RightCol { background-image: url(../images/webproducts/hellicopter.png); }
.proactive-web #RightCol { background-image: url(../images/webproducts/rocket.png); }
.WebProduct #RightCol img { border: none; }