@charset "UTF-8";
/* CSS Document */


/* RED #e41b23 */

body {
	background-image: url(../images/background.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
}



#topheader {
	width: 1000px;
	height:30px;
	margin: 0 auto;
	

}

#topheader a {
	color:#e41b23;
	text-decoration:underline;
}

#headertext {
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	width:640px;
	float:right;
	font-size:12px;
	text-align:right;
	padding:8px 0px 0px 0px;
}
#headerblock {
	float:left;
	width:320px;
	height:30px;
	display:block;
	background-color:#e41b23;
}

#slidercontainer {
	width: 100%;
    background: #edd921;
}
#slidercontainer #slide {
	width: 960px;
	height:320px;
	margin: 0 auto;
}

#body {
	width: 1000px;
	margin: 0 auto;
}


#navigation {
	width:305px;
	background-color:#FFF;
	border-bottom: 7px solid #e41b23;
	padding:30px 0px 40px 15px;
	float:left;
	margin-right:45px;
	margin-bottom: 30px;
}

#bodycopy{
	width:555px;
	background:url(../images/background-body.png);
	padding: 45px 35px 45px 35px;
	float:right;
	margin-bottom: 30px;
	overflow:auto;
}


#footer {
	background-color:#212121;
	height:260px;
	margin-top:55px;
	clear:both;
}

#footercopy {
	width: 960px;
	margin:0 auto;
	padding-top:35px;
}

#footercopyright {
	color: #848181;
	font-size:10px;
	float:left;
}

#footercopyright a{
	color: #848181;
	font-size:10px;
}

#footercontact {
	float:right;
}

/* PORTFOLIO */
#projectdetail {
	width: 415px;
	float: left;
}
#thumbnailscroll {
	/*width: 130px;*/
	float:right;
	height:580px;
}


/* NAVIGATION */

.nav {
	margin:40px 0px 0px 3px;
	padding:0;
}

.nav li {
	padding:0;
	text-indent:-9999px;
	list-style-type:none;
}

.nav li a {
	border:0;
	display:block;
	text-decoration:none;
	margin-bottom:5px; /* space between each link */
}

.home a {
	width:140px;
	height:21px;
	background-image:url(../images/btn-home.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.home a:hover {
	background-position: -160px 0px;
}

.home-page .home a {
	background-position: -160px 0px;
}


.meettheteam a {
	width:140px;
	height:21px;
	background-image:url(../images/btn-meettheteam.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.meettheteam a:hover {
	background-position: -160px 0px;
}

.meettheteam-page .meettheteam a {
	background-position: -160px 0px;
}


.portfolio a {
	width:140px;
	height:21px;
	background-image:url(../images/btn-portfolio.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.portfolio a:hover {
	background-position: -160px 0px;
}

.portfolio-page .portfolio a {
	background-position: -160px 0px;
}


.webdesign a {
	width:140px;
	height:21px;
	background-image:url(../images/btn-webdesign.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.webdesign a:hover {
	background-position: -160px 0px;
}

.webdesign-page .webdesign a {
	background-position: -160px 0px;
}


.branding a {
	width:140px;
	height:21px;
	background-image:url(../images/btn-branding.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.branding a:hover {
	background-position: -160px 0px;
}

.branding-page .branding a {
	background-position: -160px 0px;
}

.virtualtours a {
	width:140px;
	height:21px;
	background-image:url(../images/btn-virtualtours.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.virtualtours a:hover {
	background-position: -160px 0px;
}

.virtualtours-page .virtualtours a {
	background-position: -160px 0px;
}


.photography a {
	width:140px;
	height:21px;
	background-image:url(../images/btn-photography.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.photography a:hover {
	background-position: -160px 0px;
}

.photography-page .photography a {
	background-position: -160px 0px;
}


.graphicdesign a {
	width:140px;
	height:21px;
	background-image:url(../images/btn-graphicdesign.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.graphicdesign a:hover {
	background-position: -160px 0px;
}

.graphicdesign-page .graphicdesign a {
	background-position: -160px 0px;
}

.print a {
	width:140px;
	height:21px;
	background-image:url(../images/btn-print.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.print a:hover {
	background-position: -160px 0px;
}

.print-page .print a {
	background-position: -160px 0px;
}



.latestnews a {
	width:140px;
	height:21px;
	background-image:url(../images/btn-latestnews.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.latestnews a:hover {
	background-position: -160px 0px;
}

.latestnews-page .latestnews a {
	background-position: -160px 0px;
}


.talktous a {
	width:140px;
	height:21px;
	background-image:url(../images/btn-talktous.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.talktous a:hover {
	background-position: -160px 0px;
}

.talktous-page .talktous a {
	background-position: -160px 0px;
}

.signage a {
	width:194px;
	height:21px;
	background-image:url(../images/btn-signage.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.signage a:hover {
	background-position: -207px 0px;
}

.signage-page .signage a {
	background-position: -207px 0px;
}

/* PORTFOLIO NAVIGATION */

#portfolionav {
	width: 557px;
	padding: 11px 0px 11px 0px;
	border-bottom: solid 3px #e41b23;
	border-top: solid 3px #e41b23;
	overflow:auto;
	margin-bottom:40px;
}


.portfolio-nav {
	margin:0 0 0 7px;
	padding:0;
}

.portfolio-nav li{
	padding:0;
	text-indent:-9999px;
	list-style-type:none;
	float:left; /*horizontal navigation*/
}


.portfolio-nav a {
	border:0;
	display:block;
	text-decoration:none;
}

.portfolio-websites a {
	width:78px;
	height:20px;
	background-image:url(../images/portfolio-websites.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.portfolio-websites a:hover {
	background-position: 0px -20px;
}

.portfolio-websites-page .portfolio-websites a {
	background-position: 0px -20px;
}

.portfolio-websites-page .portfolio a {
	background-position: -160px 0px;
}


.portfolio-branding a {
	width:92px;
	height:20px;
	background-image:url(../images/portfolio-branding.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.portfolio-branding a:hover {
	background-position: 0px -20px;
}

.portfolio-branding-page .portfolio-branding a {
	background-position: 0px -20px;
}

.portfolio-branding-page .portfolio a {
	background-position: -160px 0px;
}

.portfolio-virtualtours a {
	width:124px;
	height:20px;
	background-image:url(../images/portfolio-virtualtours.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.portfolio-virtualtours a:hover {
	background-position: 0px -20px;
}

.portfolio-virtualtours .portfolio a {
	background-position: -160px 0px;
}

.portfolio-virtualtours-page .portfolio-virtualtours a {
	background-position: 0px -20px;
}


.portfolio-photography a {
	width:120px;
	height:20px;
	background-image:url(../images/portfolio-photography.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.portfolio-photography a:hover {
	background-position: 0px -20px;
}

.portfolio-photography-page .portfolio-photography a {
	background-position: 0px -20px;
}

.portfolio-photography-page .portfolio a {
	background-position: -160px 0px;
}


.portfolio-graphicdesign a {
	width:125px;
	height:20px;
	background-image:url(../images/portfolio-graphicdesign.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.portfolio-graphicdesign a:hover {
	background-position: 0px -20px;
}

.portfolio-graphicdesign-page .portfolio-graphicdesign a {
	background-position: 0px -20px;
}

.portfolio-graphicdesign-page .portfolio a {
	background-position: -160px 0px;
}




/* TYPE STYLES */

h1 {
	font-size: 30px;
	color:#FFF;
	text-transform:uppercase;
	margin-bottom:35px;
}


.redheading {
	color: #e41b23;
}

p {
	line-height:120%;
}


a {
	font-size:12px;
	color:#FFF;
}


/* FORM STYLE */

input[type="text"] { background-color: #333;
	border: 1px solid ;
	border-color:#666;
	padding: 3px;
	margin: 3px 0px 3px 0px;
	width: 250px;
	color:#FFF; }
	
	textarea{ background-color: #333;
	border: 1px solid ;
	border-color:#666;
	padding: 3px;
	margin: 3px 0px 3px 0px;
	width: 250px;
	color:#FFF; }