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


body
{
background: url(../images/bodybg.jpg) repeat-x top left #230028;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-size: 12px;
line-height: 20px;
font-weight: normal;
}

#pagebg
{
background: url(../images/pagebg.jpg) no-repeat top left;
width: 969px;
height: 3366px;
}

.pagecontainer
{
height: 927px;
}

.inv
{
display: none;
}

h1
{
margin: 0px;
}

@font-face
{
	font-family: 'HighwayGothicNarrowRegular';
	src: url('../fonts/highway_gothic_narrow.eot');
	src: local('Highway Gothic Narrow'), local('highwaygothicnarrow'), url('../fonts/highway_gothic_narrow.ttf') format('truetype');
}


h2
{
font-family: 'HighwayGothicNarrowRegular', Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 0px;
}

/* intro styles */

#hello
{
background: url(../images/hello.png) no-repeat bottom left;
width: 440px;
height: 260px;
margin-left: 140px;
padding-top: 54px;
}

#hello h1, #hello h2, #hello p
{
display: none;
}

#topnav,
#topnav li
{
padding: 0px;
margin: 0px;
}

#viewportfolio
{
display: block;
background: url(../images/viewportfolio.gif) no-repeat top right;
width: 156px;
height: 137px;
position: absolute;
top: 345px;
left: 430px;
}


.navbutton
{
background: #8028A4;
padding: 4px;
font-family: 'HighwayGothicNarrowRegular', Arial, Helvetica, sans-serif;
color: #fff;
text-align: center;
width: 100px;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
display: block;
letter-spacing: 0.5px;
}

#cvbutton
{
position: absolute;
top: 330px;
left: 138px;
background: url(../images/button-viewcv.png) no-repeat top left;
width: 107px;
height: 51px;
}

#contactbutton
{
position: absolute;
top: 330px;
left: 240px;
background: url(../images/button-getintouch.png) no-repeat top left;
width: 130px;
height: 51px;
}



/* web and print and contact pages */




#web, #print, #contact
{
margin: 0px auto 0px auto;
padding: 25px;
width: 850px;
}

h1#webheader
{
background: url(../images/heading-websitedesign.png) no-repeat top right;
width: 157px;
height: 49px;
margin-left: auto;
margin-right: 100px;
margin-bottom: 10px;
}

h1#printheader
{
background: url(../images/heading-printidentity.png) no-repeat top left;
width: 157px;
height: 49px;
margin-left: 50px;
margin-bottom: 10px;
}

h1#contactheader
{
background: url(../images/heading-getintouch.png) no-repeat top left;
width: 157px;
height: 49px;
margin-left: 50px;
margin-bottom: 10px;
}

.description
{
padding-left: 20px;
color: #80227d;
font-size: 10px;
width: 600px;
text-align:center;
}


/* web scrollshow */

#webfolio{
	width:850px;
	padding:0;
	margin: 0 auto;
}			
	#webfolio li{
		float:left;
		list-style:none;
	}
	#webfolio .jq-ss-crop{
		margin:0px 0px;
		float:left;		
	}
		#left,#right{
			margin-top:200px;
			display:block;
			text-decoration:none;
		}
	#webview{
		margin: 0px 30px;
		width:636px;
		height:530px;
		overflow:hidden;
		background-color:transparent;
	}
		#webimages{
			width:10240px !important;
			width:10240px; 
			padding:0;
		}
		
		#webimages li
		{
		text-align: left;
		}
			#webimages li img{
				border: 0px;
				padding: 0px 18px 10px 18px;
				cursor: default;
			/*	background: #000; */
			}
			
			#webimages li img.shadowed{
				background: url(../images/web-bg.png) no-repeat bottom center;
			}
	


/* print scrollshow */

#printfolio{
	width:850px;
	padding:0;
	margin: 0 auto;
}			
	#printfolio li{
		float:left;
		list-style:none;
	}
	#printfolio .jq-ss-crop{
		margin:0px 0px;
		float:left;		
	}
		#left,#right{
			margin-top:200px;
			display:block;
			text-decoration:none;
		}
	#printview{
		margin: 0px 30px;
		width:636px;
		height:530px;
		overflow:hidden;
		background-color:transparent;
	}
		#printimages{
			width:10140px !important;
			width:10140px; 
			padding:0;
		}
		
		#printimages li
		{
		text-align: left;
		}
			#printimages li img{
				border: 0px;
				padding: 0px 18px 10px 18px;
			/*	background: #000; */
			}
			
			#printimages li img.shadowed{
				background: url(../images/web-bg.png) no-repeat bottom center;
				}
			
			


/* Contact Us */

#contactpagecontainer
{
height: 500px;
}

#contactformcontainer
{
margin-left: 95px;
width: 300px;
display: inline-block;
float: left;
}

input, textarea
{
width: 300px;
margin-bottom: 10px;
padding: 4px;
border: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#buttons
{
text-align: left;
margin-right: 0px;
}

.button
{
width: 100px;
border: 0px;
padding: 4px;
background: #ED1C24;
color: #fff;
font-family: 'HighwayGothicNarrowRegular', Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 0.5px;
}

#contacttext
{
display: inline-block;
margin-left: 20px;
width: 300px;
float: right;
margin-right: 100px;
}

.red
{
color: #ED1C24;
}

.clear
{
clear: both;
}


#contact a, #contact a:visited
{
color: #BEA4D0;
text-decoration: none;
border-bottom: 1px solid #BEA4D0;
}

#contact a:hover
{
color: #fff;
border-bottom: 1px solid #fff;
}


/* bottom navigation */

#topcontrol
{
position: fixed; 
bottom: 0px; 
right: 0px; 
display:none; 
list-style-type: none;
margin: 0px;
padding: 0px;
padding-top: 60px;
padding-left: 35px;
background: url(../images/navigate.png) no-repeat top left;
}

.anchorLink
{
display: block;
border: 0px;
padding: 4px 10px 4px 10px;
color: #fff;
font-family: 'HighwayGothicNarrowRegular', Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 0.5px;
text-decoration: none;
font-size: 14px;
margin-bottom: 0px;
margin-right: 0px;
text-align: center;
}

#bottombacktotop
{
background: #662D91;
}

#bottomweb
{
background: #8CC63F;
}

#bottomprint
{
background: #29ABE2;
}

#bottomcontact
{
background: #ED1C24;
}