.rss-popup {
    padding: 0;
    margin: 0px;
    width: 100px;
    position: relative;
    float: right;
}
 
div.rss-popup em {
    background: url(/images/bubble.png) no-repeat;
    width: 100px;
    height: 49px;
    position: absolute;
    top: -60px;
    left: -0px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}
 
#rss-icon {
    width: 24px;
    height: 22px;
    background: url(/images/twitter.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 auto;
    display: block;
}








body 			{font: normal 9pt "Helvetica", Arial, Helvetica, sans-serif;
				margin: 0;
				padding: 0;
				color: #6b8290;	
				background-color: #fff;}

A:link {text-decoration: none; color: #b5b7b9;}
A:visited {text-decoration: none; color:#b5b7b9;}
A:active {text-decoration: none; color:#b5b7b9;}
A:hover {text-decoration: none; color:#2180c4;}


img 			{border: none;}


h1 a 			{display:block;
				width:203px;
				height:42px;
				background-image:url('../mikeinghamdesign.png');
				text-indent:-9999px;
				margin:0;
				padding: 0px;}

				
#banner h2 		{margin: 50px 0px 50px 0px; background-image: url('../graphicandwebdesigner.jpg'); width: 960px; height: 360px;}


#aboutme2 h2 	{margin: 5px 55px 50px 0px; background-image: url('../aboutme.jpg'); width: 244px; height: 343px; float: left;}

#aboutme h2 	{margin: 35px 0px 50px 0px; background-image: url('../sayhello.jpg'); width: 229px; height: 222px;}

	
#aboutme h2 span, #aboutme2 h2 span, #banner h2 span, #banner h3 span   {position: absolute;  left: -999em;}				


h2				{font-size:26px;
				font-weight: normal;
				color: #8c8c8c;
				padding: 0px;
				margin: 0px;}

			
				
h3				{font-size:13px;
				font-weight: normal;
				color: #2180c4;
				padding: 0px;
				margin: 0px;
				display: inline;}
				
				
h4				{font-size:10px;
				font-weight: normal;
				color: #888888;
				width: 100%;
				margin-top: -10px;}
				
b				{font-weight: normal;
				color: #2180c4;}


#wrapper		{width:960px;
				margin: auto;}

#header			{width:940px;
				height: 70px;
				margin: 40px 10px 0px 10px;
				border-bottom: #c9cacc 1px solid;}
				
				
#header2		{width:940px;
				height: 60px;
				margin: 0px 10px 0px 10px;
				color: #c9cacc;
				font-size: 64px;
				line-height: 40px;}

				

#header2 h2		{margin: 0px;
				color: #c9cacc;
				font-size: 18px;
				line-height: 50px;
				font-weight: normal;
				border-bottom: #c9cacc 1px solid;}			

						

#name			{width:200px;
				padding: 20px 0px 0px 0px;
				height: 35px;
				float:left;}

#navigation		{width:320px;
				height: 35px;
				margin-top: 32px;
				float:right;}





#info			{width:260px; 
				height: 300px;
				float: left;
				padding: 15px 50px 60px 0px;
				margin-top: 15px;
				line-height: 16px;}


				
#info2			{width:300px; 
				float: left;
				padding: 15px 10px 0px 0px;
				border-top:3px solid #e8e8e8;
				padding-bottom: 20px;
				margin-top: 15px;
				line-height: 16px;}

#work2			{width:580px; 
				float: right;}

#work3			{width:600px; 
				float: left;
				padding-left: 20px;
				margin-bottom: 20px;
				height: 374px;}			
				
				
#content		{width:960px;
				padding-top: 20px;}	
				
#error			{width:960px;
				height: 387px;
				background: url(../images/404.jpg) no-repeat;
				clear: both;
				margin-top: 100px;}
				
#title			{width:958px;
				padding: 30px 0px 0px 2px;
				border-bottom: 1px solid #eaeaea;
				clear: both;}


#banner			{width:960px;}
				
#banner2		{width:930px;
				height: 30px;
				margin-top: 25px;}


#hometext		{width:840px; 
				padding: 80px 110px 0px 110px;
				color:#999999; 
				float: left;
				font-family: helvetica, arial, verdana, sans-serif; font-weight: normal; font-size: 14px; line-height: 16px;}
				
#portfoliomenu	{width:960px; 
				height:40px; 
				margin-top: 10px;
				color: #646466;
				border-bottom: 1px #35a0c2 solid;
				float: left;}

#portfoliobox	{width:300px; 
				margin: 20px 10px 0px 10px;
				height: 200px;
				padding: 0px;
				float: left;}

#portfolioimg	{width:300px; 
				height: 126px;
				float: left;}

#portfoliotxt	{width:300px; 
				height: 100px;
				float: left;
				padding: 10px 0px 0px 0px;
				font-size:11px;
				font-weight: normal;
				color: #888888;}
				
				
#webbox			{width:950px; 
				margin-top: 25px;
				height: 360px;
				padding: 5px;
				float: left;}

#webimg			{width:550px; 
				height: 350px;
				float: left;
				border:8px solid #eaeaea;}

#webtxt			{width:340px; 
				height: 380px;
				float: left;
				line-height: 18px;
				padding: 20px 20px 40px 24px;
				color: #646466;}
				



#footer 		{width:940px;
				margin: 10px; 
				float: left;
				color: #b5b7b9;
				padding-bottom: 50px;
				font-size: 11px;}
				

#container		{width:940px;
				color:#8c8c8c; 
				float: left;
				font-size: 12px;
				line-height: 18px;
				margin: 60px 10px 60px 10px;}	
				
#portfolio		{width:940px;
				color:#8c8c8c; 
				float: left;
				font-size: 12px;
				line-height: 18px;
				margin: 30px 10px 100px 10px;}	

				
#aboutme		{width:280px;
				float: left;
				padding-right: 20px;
				line-height: 18px;}
				
#messagesent	{width:700px;
				float: left;}
				
				

#right			{width:440px;
				float: left;
				padding-right: 20px;
				padding-left: 20px;
				line-height: 18px;}
				
#right2			{width:140px;
				float: left;
				padding-left: 20px;
				line-height: 18px;}
			
			
#base			{width:940px;
				color:#8c8c8c; 
				float: left;
				font-size: 12px;
				line-height: 18px;
				margin: 10px;
				padding: 20px 0px 20px 0px;
				border-top: #c9cacc 1px solid;
				border-bottom: #c9cacc 1px solid;}					
				
				
				
#homepage		{width:280px;
				float: left;
				padding-right: 20px;
				line-height: 18px;}

#homepage2		{width:280px;
				float: left;
				padding-right: 20px;
				margin-left: 20px;}
				
#homepage3		{width:140px;
				float: left;
				margin-left: 20px;}
				
#homepage4		{width:140px;
				float: left;
				margin-left: 20px;}				
				
				
				
#portfoliobox2	{width:960px; 
				height: 264px;
				margin-top: 40px;
				padding: 0px;
				float: left;
				border-bottom: 1px solid #eaeaea;
				border-top: 1px solid #eaeaea;}


#portfolioimg2	{width:630px; 
				height: 264px;
				float: left;}

#portfoliotxt2	{width:310px; 
				height: 244px;
				float: left;
				font-size:11px;
				padding: 10px 10px 10px 10px;
				font-weight: normal;}			
				
				
.twitter	{float: right;}				
				


.more {
    padding: 3px 7px 0px 0px;
	float: right;
    border: 0px;
    color: #fff;
    font-size: 11px;
}

.title {
    padding: 0px 0px 0px 5px;
    border: 0px;
    font-size: 12px;
    color: #8c8c8c;
    float: left;}
		
				
.work:link {text-decoration: none; color: #6b8290;}
.work:visited {text-decoration: none; color:#6b8290;}
.work:active {text-decoration: none; color:#6b8290;}
.work:hover {text-decoration: none; color:#3279a6;}		

.back:link {text-decoration: none; color: #3279a6;}
.back:visited {text-decoration: none; color:#3279a6;}
.back:active {text-decoration: none; color:#3279a6;}
.back:hover {text-decoration: none; color:#6b8290;}			
				
				
.project {	font-size:14px;
			margin: 0px;}		
				
				
				
	
				
#contact-area 	{width: 440px;
				margin-top: 10px;}

#contact-area input, #contact-area textarea {padding: 5px;
				width: 420px;
				font-size: 12px;
				margin: 0px 0px 10px 0px;
				border: 1px solid #999999;}

#contact-area textarea {height: 80px;}

#contact-area textarea:focus, #contact-area input:focus {border: 1px solid #999999;}

#contact-area input.submit-button {width: 100px;float: right;}

label 			{float: left;
				text-align: left;
				margin-right: 15px;
				width: 100px;
				padding-top: 5px;}
				
				
		
ul.tick {
    list-style:none;
    margin:0 0 0 0px;
    padding: 0;
}

	li.tick {
	background: url(../images/tick.png) left center no-repeat;
	padding-left: 20px;
	margin-bottom: -1px;
	line-height: 22px;
	}
	
ul.tick2 {
    list-style:none;
    margin:0 0 0 0px;
    padding: 0;
}

	li.tick2 {
	background: url(../images/tick2.png) left center no-repeat;
	padding-left: 20px;
	margin-bottom: -1px;
	line-height: 22px;
	}


ul#menu
{
	padding:0;
	list-style-type:none;
	font-size:13px;
}

ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#8c8c8c; 
	text-decoration:none;
	width: 60px;
	margin-left: 20px;
}
	
ul#menu li a:hover
{	
	color:#2180c4;
}
	

ul#menu li a.current
{
	display:inline;
	height:22px;
	float:left;
	margin:0;
}




.workbox {
	width: 302px;
	display: block;
	float: left;
	margin: 0 20px 30px 0;
	color: #888888;
	font-size: 11px;
	line-height: 20px;
}


.workbox_view a {
	width: 180px;
	font-family:Helvetica,sans-serif;	
	text-align: right;
	color: #888888;
	text-decoration: none;
	font-style: normal;
	font-size:11px;
	line-height:20px;
	border: none;
}

.workbox_view a:hover {
	color: #444444;
}


.workbox a img {
	float: left;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-bottom: 10px;
}

.workbox a:hover img {
	border: 1px solid #2180c4;
}


.workbox h2 {
	width: 220px;
	float: left;
	color: #444444;
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-weight:bold;
}