body {color:#777; margin: 30px 0; font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;}
h1,h2,h3 {margin:0 0 0.2em 0; padding:0;} 
h1,h2,h3,h4,h5,h6 {color:#e30d40; font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;}
a {color:#e30d40; text-decoration:none;}
a:hover {color:#e30d40; border-bottom:1px solid #e30d40;}
ul, ol {margin:0;}
ul {list-style-type:none;}
ul.horizontal li {display:inline;}
hr.doublespace {background: none; color: #fff; margin: 0 0 2.8em;}
hr {background:#cecece;}
.colborder {
	margin-right: 25px;
	border-right: 1px solid #cecece;
	padding-right: 25px;
}
.invcolborder {
	padding-right: 25px;
	margin-right: 25px;
}
.invcolborder2 {
	padding-right: 25px;
	margin-right: 25px;
}
.borderbottom {margin-bottom:1.4em; padding-bottom:1.3em; border-bottom: 1px solid #cecece;}
.bordertop {margin-top:1.2em; padding-top:1.3em; border-top: 1px solid #cecece;}
pre {font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; text-transform:uppercase; font-weight:bold; color:#e30d40;}
em {background:none; font-style:normal;}
img.right {float:right; padding:0.3em 0 0.3em 1em;}

/* Header */
.head {margin-bottom:28px;}
.header {margin-right:29px; height:90px;}
.header h1 {margin-left:-10000px;}
.header a.logo {border:none;}
.header a:hover.logo {border:none;}
.navmain {width:82px; font-size:1.1em; padding:1px 13px 0 0;}
.navmain li {width:82px; padding:0;}
.navmain li#nav_port {margin-bottom:2px;}
.navmain li#nav_serv {margin-bottom:2px;}
.navmain li#nav_cont {margin-bottom:0;}
.navmain li a {padding:0; width:92px; height:20px; text-transform:uppercase;}
.navmain li a:hover {background:transparent; color:#e30d40; border-bottom:1px solid #e30d40;}
.navmain li a.active {padding:2px 7px; background:#e30d40; color:#fff;}
.navmain li a:hover.active {background:#e30d40; color:#fff; padding:2px 7px; margin:0; border:none;}
/* #nav_port a, #nav_port a:hover span {background-image:url(..img/nav_port.gif) no-repeat;}
.navmain li a:hover span {width:82px; height:20px; left:-5px; top:-5px; z-index: 1; background-position:center bottom;}
.navmain li a span, .navmain li a em {display:none;} */
.navmain.border {margin-right: 10px; border-right: 1px solid #cecece;}
.subnav a {color:#777;}
.subnav a:hover {color:#e30d40; border:none;}
a.rss {padding-left:20px; background:url(../img/rss.gif) no-repeat 0 0;}
a:hover.rss {background-position:0 -15px;}

/* Sidebar */
.sidebar {margin-bottom:1.2em; padding-bottom:0.3em; border-bottom: 1px solid #cecece;}
.sidebar p {font-size:95%;}
.sidebar a img {border:5px solid #cecece;}
.sidebar a:hover img {text-decoration:none;}

/* Featured Projects sidebar */
.proj_sidebar {background:url(../img/titles/featured_proj.gif) no-repeat 0 0; padding-bottom:10px; margin-bottom:1.4em; border-bottom:1px solid #cecece;}
.proj_sidebar h2 {margin-left:-10000px;}
.proj_sidebar a img {margin:0 5px 5px 0; border:1px solid #cecece; padding:4px;}
.proj_sidebar a:hover img {border:5px solid #cecece; padding:0;}
.proj_sidebar a:hover {border:none;}
.borderleft {margin-left:19px;}

.proj_sidebar a img.activeProject {border:5px solid #cecece; padding:0;}

/* News */
.date {margin:0 0 1em 0; line-height:1em;}
.news {background:url(../img/titles/news.gif) no-repeat 0 0;}
.news h2 {margin-left:-10000px;}
.news, .rates {margin-bottom:1.2em; padding-bottom:0.3em; border-bottom: 1px solid #cecece;}
.news p, .rates p {font-size:95%;}
.rates {margin-top:-251px; background:url(../img/titles/rates.gif) no-repeat 0 0;}
.rates h2 {margin-left:-10000px; margin-bottom:0px;}

/* Project previews on 'Portfolio' page */
.projects {
	margin:0 2em 0 0;
	background:url(../img/titles/featured_proj.gif) no-repeat 0 0;
}
.projects2 {
	padding-top:40px;
	padding-right:40px;
}
.projects h2 {margin-left:-10000px;}
h2.proj {margin-left:-10000px;}
.projectprev {margin-bottom:2.4em;}
.projectprev ul {margin-top:0.2em;}
.projectprev img {margin:0; border:1px solid #cecece; padding:4px;}
.projectprev a:hover img {border:1px solid #e30d40;}
.projectprev a:hover {text-decoration:none; border:none;}
.projectprev pre, .projectprev span {
	display:inline;
}

/* Projects on dedicated pages */
.project h1 {margin-left:-10000px;}
.project h2 {margin-bottom:0.6em;}
.project ul {margin-bottom:1em;}
.project img {margin:0 0 0.8em 0; border:1px solid #cecece; padding:4px;}
img.bcards {margin-right:0.6em;}
.project a:hover img {border:5px solid #cecece; padding:0;}
.project a:hover {text-decoration:none; border:none;}
.project a.visitsite {text-transform:uppercase; line-height:2em; font-size:1.4em;}
.project a.visitsite:after {content: " »";}
.project a:hover.visitsite {border-bottom:1px solid #e30d40;}
.project pre, .project span {display:inline;}
.projright p {font-size:95%;}
.projright ul {margin-bottom:1em;}
.projright a {padding-bottom:0px}
.projright a:hover {border-bottom:1px solid #e30d40;}

/* H1 title replacement */
.redesign {background:url(../img/titles/redesign.gif) no-repeat 0 0;}
.mt3 {background:url(../img/titles/mt3.gif) no-repeat 0 0;}
.hundergrum {
	background-image: url(../img/titles/hundergrum.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.atn {
	background-image: url(../img/titles/atn.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.terms {background:url(../img/titles/terms.gif) no-repeat 0 0;} 
.lgc {background:url(../img/titles/lgc.gif) no-repeat 0 0;}
.monterrey {
	background:url(../img/titles/monterrey.gif) no-repeat 0 0;
}
.raza {background:url(../img/titles/raza.gif) no-repeat 0 0;}
.sevillalia {background:url(../img/titles/sevillalia.gif) no-repeat 0 0;}
.union {background:url(../img/titles/union.gif) no-repeat 0 0;}
.agora {background:url(../img/titles/agora.gif) no-repeat 0 0;}
.sahona {
	background:url(../img/titles/sahona.gif) no-repeat 0 0;
}

.sample {
	background-image: url(../img/titles/sample.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.crossworld {
	background-image: url(../img/titles/crossworld.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.junta {
	background-image: url(../img/titles/junta.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.atn2 {
	background-image: url(../img/titles/atn.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.fest {
	background-image: url(../img/titles/fest.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.adad {background:url(../img/titles/adad.gif) no-repeat 0 0;}
.audacious {background:url(../img/titles/audacious.gif) no-repeat 0 0;}

/* Current Projects */
.current {background:url(../img/titles/current_proj.gif) no-repeat 0 0;}
.current pre, .current span {display:inline;}
.current h2 {visibility:hidden;}
.current p {margin-top:1.5em; font-size:95%;}
.current ul {margin-bottom:3.3em;}

/* Experience */
.experience {margin-top:-251px; background:url(../img/titles/experience.gif) no-repeat 0 0;}
.experience h2 {margin-left:-10000px;}
.experience .apps p {margin-top:1.5em; font-size:95%;}
.experience .apps ul {font-size:95%; }
.experience .apps pre, .tech pre {margin:-4px 0 6px 0;}
.experience .tech p {margin-top:1.5em; font-size:95%;}
.experience .tech ul {font-size:95%;}


/* Featured on CSS showcases */
.featured {background:url(../img/titles/featured.gif) no-repeat 0 0;}
.featured h2 {margin-left:-10000px;}
.featured .column {margin:0;}
.featured a, .featured a:hover {border:none; text-decoration:none;}
.featured a img {border:1px solid #CECECE; margin:0pt 5px 6px 0pt; padding:4px;}
.featured a:hover img {border:5px solid #cecece; padding:0;}

/* Services */
.services {margin-bottom:0; padding-bottom:4.4em;}
.serv_web h2, .serv_ide h2, .serv_pri h2, .serv_dig h2 {margin-left:-10000px; margin-bottom:0px;}
.serv_web {background:url(../img/titles/websites.gif) no-repeat 0 0;}
.serv_ide {background:url(../img/titles/identity.gif) no-repeat 0 0;}
.serv_pri {background:url(../img/titles/print.gif) no-repeat 0 0;}
.serv_dig {background:url(../img/titles/digital.gif) no-repeat 0 0;}

/* About */
.about {background:url(../img/titles/aboutme.gif) no-repeat 0 0;}
.about h2 {margin:0 0 0 -10000px;}

/* Contact page */
.contact {background:url(http://www.box-4.com/img/titles/contact.gif) no-repeat 0 0;}
.contact h1 {margin-left:-10000px; margin-bottom:0;}
.contact ul {font-size:1.2em; padding-bottom:34px; line-height:1.4em;}
.contact h3 {line-height:1.5em;}
.contact h4 {line-height:1.4em; color:#777;}
.contact pre {display:inline; padding-right:3px; color:#818181;}

#contactform {margin-top:50px;}

/* Footer */
.footer a {color:#666;}
.footer a:hover {color:#e30d40; border:none;}
ul.footernav.horizontal li {margin-right:1.6em;}
ul.footernav.horizontal li.copyright {margin-right:3.6em;}
ul.right {text-align:right;}

/* Terms of Use */
.terms h1 {margin-left:-10000px;}
.terms h3 {line-height:1.8em;}
.terms ul {margin-bottom:1.8em;}


/* Wufoo */
form li.section{
border-top:1px dotted #ccc;
margin-top:9px;
padding-top:13px;
padding-bottom:0px;
padding-left:0px;
width:97% !important;
}

/* hCard + vCard stuff */
#hcard-Robbie-Manson {width:100%; margin-bottom:0px;}
#hcard-Robbie-Manson li {line-height:1.6em;}
#vcarddownload {margin-bottom:20px;}
#extracontact {margin-top:-20px;}

/* Redesign done */
.redesigndone {height:360px; padding-top:60px;}
.redesigndone h2 {font-size:2em; line-height:1.4em; margin-bottom:30px;}
.redesigndone h3 {line-height:1.4em; margin-bottom:20px;}
.redesigndone a {color:#2e516f;}
.redesigndone a:hover {border-bottom:1px solid #223c53;}

/* Spry stuff */
#fade1, #fade2, #fade3, #fade4, #fade5, #fade6, #fade7, #fade8, #projectBlind {
	visibility:hidden;
	float:left;
	margin-right:21px;
}