body 
{ 
	font-family: Nina, Arial, Sans-Serif; 
	font-size: 0.7em; 
	margin: 0; 
	color: #727D91; 
	min-width: 800px;
	background: #6E798B url(../images/menu_gradient.jpg) repeat-x 0 0;
}
ol { list-style: none; margin: 0; padding: 0; }
a { color: #333333; }
a:hover { color: #777777; }
input, a, select { font-size: 1em; }
img { border: none; }
textarea { font-family: Nina, Arial, Sans-Serif; }

div#Header 
{
	height: 111px;
	background: transparent url(../images/header_background.jpg) no-repeat 0 0;
	position: relative;
}

div#Header a#Logo
{
	display: block; position: absolute; top: 20px; right: 15px;
	width: 297px; height: 49px;
	background: transparent url(../images/header_logo.jpg) no-repeat 0 0;
}

div#Menu { }
div#Menu ol { position: absolute; top: 85px; left: 120px; height: 25px; }
div#Menu ol li { float: left; width: 90px; }
div#Menu ol li a 
{ 
	display: block; text-align: center; font-size: 1.1em; text-decoration: none; 
	font-weight: bold; color: #ffffff;
}

div.Main 
{ 
	overflow: hidden; min-height: 335px; background: white;
	padding: 10px;
}
div#Home { background: white url(../images/home.jpg) no-repeat 90% 1px; }
div#AboutMe { background: white url(../images/about_me.jpg) no-repeat 100% 0; }
div#Blog { background: white url(../images/blog.jpg) no-repeat 85% 60px; }
div#Contact { background: white url(../images/contact.jpg) no-repeat 100% 60px; }
div#Gallery { background: white url(../images/gallery.jpg) no-repeat 95% 30px; }
div#Paypal { background: white url(../images/paypal.jpg) no-repeat 100% 1px; }
div#WebDesign { background: white url(../images/web_design.jpg) no-repeat 75% 30px; }
div.MainSub {  overflow: hidden; min-height: 220px; float: left; }
div.Main h1, div.Main h2, div.Main h3 { font-size: 1em; margin: 10px 0 0;}
div.Main p { margin: 0 0 5px 0; width: 620px; }
div.Main ol { list-style-type: decimal; padding: 0 0 0 10px; margin: 0 0 0 15px; }
div.Main ul { padding: 0 0 0 10px; margin: 0 0 0 15px; }
div.Main p#PaypalDonate { text-align: center; }

div#Sub { float: right; width: 150px; margin: 5px; }
div#Sub h3 
{ 
	background: transparent url(../images/sub_header.jpg) no-repeat 0 0;
	color: #ffffff; text-align: center; font-size: 1em; height: 18px; padding: 2px 0 0; margin: 0;
}
div#Sub ol { padding: 5px 0; margin: 0 0 10px; list-style: none; border: solid 1px #737E90; }
div#Sub ol li { margin: 5px; }
div#Sub ol li a { display: block; height: 20px; padding: 0 0 0 20px; }
div#Sub ol li a#Favourites { background: transparent url(../images/favourite.jpg) no-repeat 0 0; }
div#Sub ol li a#Facebook { background: transparent url(../images/facebook.jpg) no-repeat 0 0; }
div#Sub ol li a#Live { background: transparent url(../images/live.jpg) no-repeat 0 0; }
div#Sub ol li a#YouTube { background: transparent url(../images/youtube.jpg) no-repeat 0 0; }
div#Sub ol li a#Twitter { background: transparent url(../images/twitter.jpg) no-repeat 0 0; }
div#Sub ol li a#LinkedIn { background: transparent url(../images/linkedin.jpg) no-repeat 0 0; }
div#Sub ol li a#BayHomeServices { background: transparent url(../images/bayhomeservices.gif) no-repeat 0 0; }
div#Sub ol li a#LancasterAikikwai { background: transparent url(../images/lancasteraikikwai.gif) no-repeat 0 0; }
div#Sub ol li a#GlobalComputerTechnology { background: transparent url(../images/it4you.gif) no-repeat 0 0; }
div#Sub ol li a#CastleJohnson { background: transparent url(../images/castlejohnson.gif) no-repeat 0 0; }

div#Footer 
{ 
	text-align: center; padding: 20px 0 10px; position: relative; color: #333333; clear: both;
	background: transparent url(../images/footer_gradient.jpg) repeat-x; min-height: 99px;
}
div#Footer p { display: block; margin: 5px auto; clear: both; }
div#Footer ol { width:150px; margin: 5px auto; overflow: hidden; }
div#Footer ol li { float: left; margin: 0 2px; }
div#Footer a#Hosting 
{ 
	position: absolute; right: 15px; top: 50px; display: block; width: 140px; height:28px;
}

div.Main ol.Form { list-style: none; margin: 0; padding: 0; max-width: 700px; }
div.Main ol.Form li { position: relative; margin: 2px 0;  }
div.Main ol.Form li label { float: left; display: block; width: 115px; text-align: right; padding: 2px 5px; }
div.Main ol.Form li.Submit { padding: 5px 0 5px 115px; }
div.Main ol.Form li.Submit input { margin: 0 0 0 10px; width: 80px; }

div#TwitterWidget { float: right; width: 150px; margin: 5px; background: none; font-size: 1em; }
div#TwitterWidget h3, div#TwitterWidget h4{ padding: 7px 0; font-size: 1em; margin: 0; }
div#TwitterWidget img.twtr-profile-img { float: left; margin: 3px; }
div#TwitterWidget div.twtr-hd 
{ 
	padding: 18px 0 0;
	background: #737e90 url(../images/sub_header.jpg) no-repeat 0 0;
}
div#TwitterWidget div.twtr-bd { clear: both; border: solid 1px #737e90; overflow: hidden; background: white; }
div#TwitterWidget div.twtr-tweet-text { padding: 8px 5px;  }
div#TwitterWidget div.twtr-tweet-text p { width: 140px; }
div#TwitterWidget div.twtr-ft { height: 40px; background: #737e90;padding: 5px 0; }
div#TwitterWidget div.twtr-ft img { margin: 10px 5px; float: left; }

div.Main div.MainSub div.BlogItem { border-top: solid 1px #737e90; margin: 10px 0 0; position:relative; }
div.Main div.MainSub div.BlogItem h3 { margin: 10px 0 0; }
div.Main div.MainSub div.BlogItem div.BlogDate { position: absolute; top: 10px; right: 1px; font-style: italic; }

div.Main div.WebDesignItem { border-top: solid 1px #737e90; margin: 10px 0; clear: both; }
div.Main div.WebDesignItem img { float: right; margin: 5px; }
div.Main div.WebDesignItem p { width: 570px; }

div.Main ol#GalleryList { width: 520px; list-style: none; }
div.Main ol#GalleryList li { float: left; width: 130px; height: 130px; }
div.Main ol#GalleryList li a img { max-height: 120px; max-width: 120px; display: block; margin:auto; }