﻿html,body {
	height:100%;
	margin: 0 0 0;
	padding:0;
	font-family:Verdana;
	font-size:12pt;
	color:white;	
	line-height:20px;
	text-align:justify;
	background-color:#CCCCCC
	
}
	
body#home a#homenav,
body#services a#servicesnav,
body#portfolio a#portfolionav,
body#funnies a#funniesnav,
body#contact a#contactnav {
color: #929396;

}

.aoquote{
font-size:11pt;

	
}
.marcus{
font-size:9pt;
color:#666666
	
}

.colour{
	color:#022057
}
.fixedmenu {
  	position: fixed;
	width: 1100px;
	height: 130px;
 	z-index: 9999;

}
	
#bigcontainer {
	position: absolute;
	width: 1200px;
	height: 2200px;
	left: 50%;
	margin-left: -550px;
	z-index: 1;
}

#bigcontainerportfolio {
	position: absolute;
	width: 1100px;
	height: 1249px;
	left: 50%;
	margin-left: -550px;
	z-index: 1;
}


#menucontainer {
	position: absolute;
	width: 1100px;
	height: 130px;
	z-index: 1;
	background-color:#2C2C2C}

#container {
	position: absolute;
	width: 1100px;
	height: 2000px;
	top:130px;
	z-index: 1;
	background-color:#929396
}

#containerfunny {
	position: absolute;
	width: 1100px;
	height: 1100px;
	top:130px;
	z-index: 1;
	background-color:#929396
}



#bottomcontainer {
	position: absolute;
	width: 1100px;
	height: 130px;
	top: 1585px;
	z-index: 1;
	background-color:#929396
}
	
	
#bottomcontainerfunny {
	position: absolute;
	width: 1100px;
	height: 120px;
	top: 1050px;
	z-index: 10;
	background-color:#929396;
	z-index:1000}
	
#bottomcontainerportfolio {
	position: absolute;
	width: 1100px;
	height: 120px;
	top: 2000px;
	z-index: 10;
	background-color:#929396;
	z-index:1000}
	
#bottomcontainerfunnynew {
	position: absolute;
	width: 1100px;
	height: 120px;
	top: 1045px;
	z-index: 10;
	background-color:#929396}
	


#container1 {
	position: absolute;
	width: 1100px;
	height: 2700px;
	top:130px;
	z-index: 1;
	background-color:#929396
		}
	
#container2 {
	position: absolute;
	width: 1100px;
	height: 370px;
	top:800px;
	z-index: 1;
	background-color:white
}

#container3 {
	position: absolute;
	width: 1100px;
	height: 743px;
	top:130px;
	z-index: 1;
	background-color:#929396}
	
	
#table {
	position: absolute;
	width: 665px;
	height: 800px;
	font-size:10pt;
	line-height:17px;
	color:white
	}


#logo {
	position: absolute;
	width: 223px;
	height: 26px;
	left:85px;
	top:35px;
}
#copywriter {
	position: absolute;
	width: 223px;
	height: 26px;
	top:80px;
	left:85px
}

#topleftline {
	position: absolute;
	width: 223px;
	height: 1px;
	top:71px;
	left:85px;
	background-color:#fff}
	
#bottomleftline {
	position: absolute;
	width: 223px;
	height: 1px;
	top:750px;
	left:85px;
	background-color:#3A3A3A;
	z-index:1000}
	
#bottomleftlinecontact {
	position: absolute;
	width: 223px;
	height: 1px;
	top:800px;
	left:85px;
	background-color:#3A3A3A;
	z-index:1000}
#bottomleftlinefunnies {
	position: absolute;
	width: 223px;
	height: 1px;
	left:85px;
	background-color:white;
	z-index:1000}
	
#indexbottomline {
	position: absolute;
	top:2610px;
	width: 930px;
	height: 1px;
	left:85px;
	background-color:white;
	z-index:5000}
	
	
#indexbottomlineright {
	position: absolute;
	width: 100%;
	height: 1px;
	background-color:#3A3A3A;
	z-index:5000}

#toprightline {
	position: absolute;
	width: 665px;
	height: 1px;
	left:350px;
	top:71px;
	background-color:#fff}
	
#bottomrightline {
	position: absolute;
	width: 665px;
	height: 1px;
	left:350px;
	top:750px;
	background-color:#3A3A3A;
	z-index:1000

	}
#bottomrightlinecontact {
	position: absolute;
	width: 665px;
	height: 1px;
	left:350px;
	top:800px;
	background-color:#3A3A3A;
	z-index:1000

	}
#bottomrightlinefunnies {
	position: absolute;
	width: 665px;
	height: 1px;
	left:350px;
	background-color:white;
	z-index:1000

	}
	
	
#maincopy {
	position: absolute;
	width: 665px;
	height: 2500px;
	left:350px;
	top:68px;
}
#maincopyme {
	position: absolute;
	width: 665px;
	height: 750px;
	left:350px;
	top:30px;
}

#maincopyme {
	position: absolute;
	width: 665px;
	height: 250px;
	left:350px;
	top:70px;
}
#maincopycontact {
	position: absolute;
	width: 665px;
	height: 460px;
	left:350px;
	top:60px;
	color:#404040
}

#menubar {
	position: absolute;
	width: 530px;
	height: 21px;
	left:485px;
	top:40px;
	text-align:right;
	font-size:10pt
}
.menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
		top:40px;
}
.menu li {
	float: right;
	position: relative;
	z-index: 10;
	
}
.menu a{
	font-size: 14px;
	height: 20px;
	padding: 0px 8px 0px 9px;
	line-height: 20px;
	color:#CCCCCC;
	text-decoration: none;
	margin-left: 1px;
	margin-right: 1px;
	text-align: center;
	z-index: 10;
}
.menu :hover{
	color:#898d9a}
	
	
#coffeecup {
	position: absolute;
	width: 223px;
	height: 255px;
	left:85px;
	top:55px;
	background-color:#D2D2D2
}

#coffeequote {
	position: absolute;
	width: 199px;
	height: 210px;
	left:12px;
	top:23px;
	font-size:13px;
	color:#666666;
	line-height:16px;
	font-style:italic;
	text-align:center

}
	
	
#undercoffee {
	position: absolute;
	width: 223px;
	height: 80px;
	top:256px;
	left:85px;
	font-size:11pt;
	line-height:17px;
	font-style:italic;

}	
#overform {
	position: absolute;
	width: 223px;
	height: 90px;
	top:60px;
	left:85px;
	font-size:11pt;
	line-height:17px;
	text-align:center

}

#underform {
	position: absolute;
	width: 223px;
	height: 90px;
	top:480px;
	left:85px;
	text-align:center

}


#thanks {
	position: absolute;
	width: 223px;
	height: 90px;
	top:190px;
	left:85px;
	font-size:12pt;
	line-height:17px;
	font-style:italic;
	text-align:left;
}



	
.indextitle{
	font-size:14pt;
	font-style:italic;
	color:#404040;
	z-index:200

}
.indextitlelight{
	font-size:14pt;
	font-style:italic;
	color:#aaaaaa;


}

	
#ericpic {
	position: absolute;
	width: 223px;
	height: 255px;
	left:85px;
	top:70px;
}


#ericbio {
	position: absolute;
	width: 223px;
	height: 2200px;
	left:85px;
	top:350px;
	text-align:center;
	font-size:13px;
	color:#3A3A3A;
	line-height:16px;
	font-style:italic;

}


#contacttestimonial {
	position: absolute;
	width: 223px;
	height: 280px;
	left:85px;
	top:30px;
	font-style:italic;
	text-align:center;
	background-color:#929396
}
#contactwords {
	position: absolute;
	width: 550px;
	height: 60px;
	left:85px;
	top:45px
	
}



#innertestimonial {
	position: absolute;
	width: 183px;
	height: 280px;
	left:20px;
	top:30px;
	text-align:center
}

	
	
#phonepic {
	position: absolute;
	width: 223px;
	height: 280px;
	left:85px;
	top:30px;
}

#formbox {
	position: absolute;
	width: 308px;
	height: 310px;
	top:150px;

	}	
	
#form {
	position: absolute;
	width: 100%;
	height: 30px;


	}

	
	
#address {
	position: absolute;
	width: 260px;
	height: 127px;
	left:70px

	}

#name{
	position: absolute;
	width: 260px;
	height: 24px;
	text-align:right;

}
#namecaption {
	position: absolute;
	width: 60px;
	height: 24px;
	font-size:10pt;
	left:-30px;
	text-align:right
	


	}


#email{
	position: absolute;
	width: 260px;
	height: 24px;
	text-align:right;
	top: 50px;
}
#emailcaption {
	position: absolute;
	width: 60px;
	height: 24px;
	font-size:10pt;
	top:50px;
	left:-30px;
	text-align:right

	}

#message{
	position: absolute;
	width: 260px;
	height: 230px;
	text-align:right;
	top: 100px;

}

#messagecaption {
	position: absolute;
	width: 60px;
	height: 24px;
	font-size:10pt;
	top:100px;
	left:-30px;
	text-align:right
	}
	
#submit{
	position: absolute;
	width: 90px;
	height: 25px;
	top: 350px;
	left:33px

}
#clear{
	position: absolute;
	width: 90px;
	height: 25px;
	left:160px;
	top: 350px;

}


.border {
	border-width: 0px;	
	}
	
	
.tableline{
	background-image:url('../images/linepale.gif');
	z-index:120;

}
.tableline1{
	background-image:url('../images/whiteline.gif');
	z-index:120;

}

.auto-style1 {
	text-decoration: none;
}
	
.aquatext{
	color:#00B9B9}

a.uline
{
	color: #404040;
	text-decoration: none;

}


a.uline:link
{
	color: #404040;
	text-decoration: none;

}


a.uline:visited 
{
	color: #404040;
	text-decoration: none;


}

a.uline:hover 
{
	color: #404040;
	text-decoration: underline;


}
a.uline:active 
{
	color: #404040;
	text-decoration: none;
	
}

a.email:link
{
	color:silver;
	text-decoration: none;

}


a.email:visited 
{
	color: silver;
	text-decoration: none;


}

a.email:hover 
{
	color: silver;
	text-decoration: underline;


}
a.email:active 
{
	color: silver;
	text-decoration: none;
	
}


#copyright {
	position: absolute;
	width: 200px;
	height: 20px;
	left:815px;
	top:2630px;
	font-size:10pt;
	text-align:right;
	z-index:1000;
	font-style:normal
	}
	
	
	
	
	#copyrightcontact {
	position: absolute;
	width: 200px;
	height: 20px;
	left:815px;
	top:810px;
	font-size:10pt;
	text-align:right;
	z-index:1000
	}
#copyrightfunnies {
	position: absolute;
	width: 200px;
	height: 20px;
	left:815px;
	top:10px;
	font-size:10pt;
	text-align:right;
	z-index:1000
	}

	#phone {
	position: absolute;
	width: 223px;
	height: 20px;
	top:2630px;
	left:85px;
	z-index:1000;
	font-size:10pt;
	text-decoration:none


	}
	#phonecontact {
	position: absolute;
	width: 223px;
	height: 20px;
	top:810px;
	left:85px;
	z-index:1000


	}
	#phonefunnies {
	position: absolute;
	width: 223px;
	height: 20px;
	top:10px;
	left:85px;
	z-index:1000


	}

	#bottomemail {
	position: absolute;
	width: 223px;
	height: 20px;
	top:2630px;
	left:350px;
	z-index:1000;
	font-size:10pt;


	}
	#bottomemailcontact {
	position: absolute;
	width: 223px;
	height: 20px;
	top:810px;
	left:350px;
	z-index:1000

	}

	#bottomemailfunnies {
	position: absolute;
	width: 223px;
	height: 20px;
	top:10px;
	left:350px;
	z-index:1000;
	color:white;

	}
		
	.phone{
	font-size:12px;
	
}

#steve {
	position: absolute;
	width: 100%;
	height: 20px;
	top:190px;
	font-size:11px;
	color:#404040
	}


#lefttexttailor {
	position: absolute;
	width: 316px;
	height: 536px;
	left:350px;
	top:72px;
	background-image:url('../images/parchment.jpg');
	z-index:200

	}
	
#righttext {
	position: absolute;
	width: 330px;
	height: 536px;
	left:685px;
	top:72px;

	}
	
#bottomtextleftright {
	position: absolute;
	width: 666px;
	height: 250px;
	left:350px;
	top:618px;
	background-color:teal

	}
	
	
#righttextnew {
	position: absolute;
	width: 330px;
	height: 836px;
	left:685px;
	top:72px;

	}
	
#ginsbergs {
	position: absolute;
	width: 296px;
	height: 490px;
	left:10px;
	top:20px;
	text-align:center;
	line-height:17px;
	font-size:10pt
	}
	
#pugwash {
	position: absolute;
	width: 100%;
	height: 178px;
	text-align:center;
	z-index:300

	}

#splat {
	position: absolute;
	width: 100%;
	height: 163px;
	top:186px;
	text-align:center;
	z-index:200


	}

#elvis {
	position: absolute;
	width: 100%;
	height: 179px;
	top:357px;
	text-align:center;
	z-index:200


	}
#pin {
	position: absolute;
	width: 100%;
	height: 301px;
	top:546px;
	text-align:center;
	z-index:200


	}

	
	#portfolioemail {
	position: absolute;
	width: 223px;
	height: 20px;
	top:680px;
	font-size:10pt;

	}


#quotepanel {
	position: absolute;
	width: 330px;
	height: 130px;
	top:412px;
	background-color:#0A7474;
	text-align:left

	}
	
#pugwashpanel {
	position: absolute;
	width: 330px;
	height: 130px;
	top:412px;
	background-image:url('../images/pugwashred.jpg');
	text-align:left

	}
	
	
	
#splatpanel {
	position: absolute;
	width: 330px;
	height: 135px;
	top:407px;
	background-image:url('../images/greensplat.jpg');
	text-align:left

	}
	

#bottompanel {
	position: absolute;
	text-align:left;
	background-color:#F6BF27


	}
	
	
	
#internalquote {
	position: absolute;
	text-align:center;
	font-size:14px;
	font-style:italic;
	color:white
	}
#pugwashquote {
	position: absolute;
	text-align:center;
	font-size:16px;
	font-style:italic;
	color:white;
	line-height:22px
	}
	
.parchmenttext{
	color:#33291F
}		
.yellowtext{
	color:#F6BF27;
	font-size:10pt
}

.largetext{
	font-size:15px;
	font-style:italic;
	line-height:22px

}
.evenlargertext{
	font-size:16px;
	font-style:italic;
	line-height:23px

}
.evenlargertextyet{
	font-size:17px;
	font-style:italic;
	line-height:24px

}

.quoter{
font-size:8pt;
color:#3A3A3A;

}
.quoterwhite{
font-size:8pt;

	
}

.quotercontact{
font-size:10pt;
color:white;

	
}

.white{
	color:white
}


#ericstewart {
	position: absolute;
	width: 223px;
	height: 280px;
	top:72px;
	left:85px
}

	
#underpicard {
	position: absolute;
	width: 223px;
	height: 155px;
	top:360px;
	left:85px;
	font-size:11pt;
	line-height:17px;
	font-style:italic;
	text-align:center;
	background-color:#90140C;
	color:white

}
#undermakeit {
	position: absolute;
	width: 223px;
	height: 345px;
	top:525px;
	left:85px;
	font-size:11pt;
	line-height:17px;
	font-style:italic;
	text-align:center;

}


#bottomtextleftright {
	position: absolute;
	width: 666px;
	height: 250px;
	left:350px;
	top:618px;
	background-color:orange;
	color: #404040;
	font-size:10pt;
	line-height:normal


	}

#translation {
	position: absolute;
	width: 626px;
	height: 220px;
	left:20px;
	top:10px;

	}



.imgBox { width: 200px; height: 269px; background:url('../images/hover1.jpg') no-repeat; } 
.imgBox:hover { width: 191px; height: 191px; background:url('../images/hover2.jpg') no-repeat; }
















