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



html {
	background-image:url(../images/bkg1.jpg);
	margin: 0px;
	padding: 0px;
	}


body{ 
	font-family: calibri, verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	color:#252524;
	margin: 0px;
	padding: 0px;
	border:0px;
	}
	
#mainwrapper{
	width: 955px;
	height: 518px;
	margin: 20px auto;
	padding: 0px;
	border:20px solid #000;
	}
	
	
#interface{
	background-image:url(../images/mainportfolio.png);
	width: 955px;
	height: 518px;
	margin: 0px;
	padding: 0px;
	border:0px;
	}
	
#interfaceindex{
	background-image:url(../images/main.png);
	width: 955px;
	height: 518px;
	margin: 0px;
	padding: 0px;
	border:0px;
	}
	
#interfaceabout{
	background-image:url(../images/mainabout.png);
	width: 955px;
	height: 518px;
	margin: 0px;
	padding: 0px;
	border:0px;
	}

#interfacelinks{
	float:left;
	background-image:url(../images/mainlinks.png);
	width: 955px;
	height: 518px;
	margin: 0px;
	padding: 0px;
	border:0px;
	}
	
#interfacecontact{
	float:left;
	background-image:url(../images/maincontact.png);
	width: 955px;
	height: 518px;
	margin: 0px;
	padding: 0px;
	border:0px;
	}	
	

#interfacecorner{
	background-image:url(../images/interfacecorner.png);
	z-index:5;
	top:41px;
	position:absolute;
	height:140px;
	width:116px;
	margin:0px 0px 0px 544px;
	padding:0px;
	border:0px;
	}
	
.workmainscroller{
	height: 80px;
	width: 655px;
	margin: -500px 0px 0px 0px;
	padding:0px;
	border: 0px;
	overflow:scroll;
	clear:both;
	}

/* ----------------------------------------------------------------------------------------------------------------- Menu Start*/

#menu{

	list-style:none;
	padding:0px;
	border: 0px;
	}

#menu li{
	margin:0px;
	padding:0px;
	}


#menu1{

	list-style:none;
	padding:0px;
	border: 0px;
	}

#menu1 li{
	margin:0px;
	padding:0px;
	}

	
a.about{
	background-image:url(../images/button.gif);
	display:block;
	width:108px;
	height:2px;
	margin:0px 0px 0px 220px;
	padding:20px 0px 0px 0px;
	border:0px;
	overflow:hidden;
	}
	
a.portfolio{
	background-image:url(../images/button.gif);
	display:block;
	width:108px;
	height:2px;
	margin:12px 0px 0px 210px;
	padding:20px 0px 0px 0px;
	border:0px;
	overflow:hidden;
	}

a.links{
	background-image:url(../images/button.gif);
	display:block;
	width:108px;
	height:2px;
	margin:12px 0px 0px 220px;
	padding:20px 0px 0px 0px;
	border:0px;
	overflow:hidden;
	}
	
	
a.contact{
	background-image:url(../images/button.gif);
	display:block;
	width:108px;
	height:2px;
	margin:12px 0px 0px 220px;
	padding:20px 0px 0px 0px;
	border:0px;
	overflow:hidden;
	}	
	

#submenu{
	list-style:none;
	float: right;
	width:275px;
	margin:100px 0px 0px 0px;
	padding:0px;
	border: 0px;
	}
	
a.showreel{
	background-image:url(../images/sublinks.png);
	display:block;
	width:127px;
	height:2px;
	margin:0px;
	padding:20px 0px 0px 0px;
	border:0px;
	overflow:hidden
	}

a.video{
	background-image:url(../images/sublinks.png);
	background-position: 0px -22px;
	display:block;
	width:127px;
	height:2px;
	margin:0px;
	padding:20px 0px 0px 0px;
	border:0px;
	overflow:hidden
	}

a.web{
	background-image:url(../images/sublinks.png);
	background-position: 0px -43px;
	display:block;
	width:127px;
	height:2px;
	margin:0px;
	padding:20px 0px 0px 0px;
	border:0px;
	overflow:hidden
	}
	
a.twodee{
	background-image:url(../images/sublinks.png);
	background-position: 0px -65px;
	display:block;
	width:127px;
	height:2px;
	margin:0px;
	padding:20px 0px 0px 0px;
	border:0px;
	overflow:hidden
	}

a.threedee{
	background-image:url(../images/sublinks.png);
	background-position: 0px -85px;
	display:block;
	width:127px;
	height:2px;
	margin:0px;
	padding:20px 0px 0px 0px;
	border:0px;
	overflow:hidden
	}
	
a.wip{
	background-image:url(../images/sublinks.png);
	background-position: 0px -106px;
	display:block;
	width:127px;
	height:2px;
	margin:0px;
	padding:20px 0px 0px 0px;
	border:0px;
	overflow:hidden
	}	
	
/* ----------------------------------------------------------------------------------------------------------------- Menu End*/


/* ----------------------------------------------------------------------------------------------------------------- Ajax Pages Start*/

.imagetext{
	float:right;
	line-height:14px;
	width: 225px;
	margin:282px 0px 0px 0px;
	padding:0px;
	border: 0px;
	}


#loadimages{
	float:left;
	height: 307px;
	width: 640px;
	margin: 20px 0px 0px 10px;
	padding:0px;
	border: 0px;
	}
	
/* ----------------------------------------------------------------------------------------------------------------- Ajax Pages End*/



.abouttext{
	float:left;
	height:353px;
	width:510px;
	margin:0px;
	padding:10px 20px 0px 20px;
	border:0px;
	overflow:scroll;
	}
	
.linkstext{
	float:left;
	height:253px;
	width:510px;
	margin:60px 0px 0px 350px;
	padding:0px;
	border:0px;
	}
	
.links{
	list-style:none
	}	
	
.contactpage{
	width:450px;
	height:315px;
	padding:0px;
	margin:20px 0px 0px 400px;
	border:0px;
	overflow:hidden;
	}
	

	
h1 {
	width:0px;
	height:0px;
	padding:0px;
	margin:0px;
	border:0px;
	text-indent: -9999px;
	}	


A:link {text-decoration: none; color: #252523;}
A:visited {text-decoration: none; color: #999;}
A:active {text-decoration: none; color: #999;}
A:hover {text-decoration: none; color: #999;}

A.splashlink:link {text-decoration: none; color:#CCC;}
A.splashlink:visited {text-decoration: none; color: #CCC;}
A.splashlink:active {text-decoration: none; color: #CCC;;}
A.splashlink:hover {text-decoration: none; color: #CCC;}
	

img { border:0px; }

object { outline:none; }