/* 
...................................................................

	Code, design and development by A.G. / MaineCode.com
	(c) 2009 All Rights Reserved.
	
	For questions or comments contact me: info@mainecode.com

...................................................................
*/

/*................................................................. Global */

body
	{
	margin:0;
	padding:0;
	background-image:url(images/grey_bg.jpg);
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	}
	
img
	{
	border:0;
	}

/*................................................................. Layout */
	
#wrapper
	{
	width:900px;
	margin:0px auto;
	}
	
#background /* gray background */
	{
	background-image:url(images/middle_bg.jpg);
	background-repeat:repeat-y;
	background-attachment:scroll;
	background-position:top;
	min-width:900px;
	margin:20px auto 0px auto;
	}

#header /* includes logo, tabs, stamps and big menu */
	{
	width:900px;
	min-height:312px;
	background-image:url(images/top_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin-top:-20px;
	}
	
#main /* text area under big menu */
	{
	margin:-50px 250px 0px 30px;
	padding-bottom:20px;
	line-height:140%;
	}
	
#footer /* includes footer tabs */
	{
	width:900px;
	min-height:49px;
	background-image:url(images/bottom_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	font-size:12px;
	}

/*................................................................. Navigation */	
	
#hire_me /* Hire me tab */
	{
	margin:0px 0px -2px 575px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	padding-top:2px;
	}
	
#home /* Home tab */
	{
	float:left;
	width:78px;
	margin:66px 0px 0px 368px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	text-align:center;
	}
	
#contact /* Contact tab */
	{
	float:left;
	width:78px;
	margin:66px 0px 0px 9px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	text-align:center;
	}

#big_menu /* includes about me, services, portfolio */
	{
	clear:both;
	}

#about_me /* Who I am */
	{
	float:left;
	width:185px;
	height:160px;
	text-align:center;
	font-size:14px;
	color:#666666;
	margin:0px 0px 0px 0px;
	padding:0px 15px;
	}

#services /* What I do */
	{
	float:left;
	width:202px;
	height:160px;
	text-align:center;
	font-size:14px;
	color:#666666;
	margin:0px 0px 0px 0px;
	padding:0px 15px;
	}

#portfolio /* My work */
	{
	float:left;
	width:180px;
	height:160px;
	text-align:center;
	font-size:14px;
	color:#666666;
	margin:0px 0px 0px 0px;
	padding:0px 15px;
	}
	
/*................................................................. Footer content */

#copyright /* copyright text */
	{
	float:left;
	width:134px;
	margin:15px 5px 0px 40px;
	text-align:center;
	}

#bottom_menu /* small navigation on the bottom */
	{
	float:left;
	width:330px;
	margin:2px 271px 0px 0px;
	text-align:center;
	}

#sitemap_faq /* includes sitemap and faq */
	{
	float:left;
	width:105px;
	text-align:center;
	margin-top:2px;
	}

p.back_top /* contains back-link and back to top link */
	{
	margin:30px 0px 0px 0px;
	}

/*................................................................. Headlines */

h1 /* Headlines of main text */
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	color:#333333;
	font-size:26px;
	margin-top:40px;
	}

h2 /* Headlines in big menu */
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	color:#333333;
	font-size:26px;
	margin:22px 0px 15px 0px;
	}

h3 /* Smaller sub headlines */
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	color:#333333;
	font-size:18px;
	margin:30px 0px 0px 0px;
	}
	
/*................................................................. Links */
	
ul.arrow_menu /* Position of links with arrows in big menu */
	{
	text-align:right;
	margin-top:20px;
	}
	
ul.arrow_menu li /* link with arrow in big menu */
	{
	list-style:none;
	background-image:url(images/arrow_right.jpg);
	background-repeat:no-repeat;
	background-position:top;
	font-size:12px;
	color:#333333;
	margin-left:17px;
	}
	
#services ul.arrow_menu li
	{
	list-style:none;
	background-image:url(images/arrow_right.jpg);
	background-repeat:no-repeat;
	background-position:top;
	font-size:12px;
	color:#333333;
	margin-left:43px;
	}

#portfolio ul.arrow_menu li
	{
	list-style:none;
	background-image:url(images/arrow_right.jpg);
	background-repeat:no-repeat;
	background-position:top;
	font-size:12px;
	color:#333333;
	margin-left:22px;
	}
	
h2 a, h2 a:link /* h2 link */
	{
	text-decoration:none;
	color:#333333;
	}
	
h2 a:hover /* h2 link hover */
	{
	text-decoration:none;
	color:#666666;
	}

.arrow_menu a, a:link, #hire_me a, a:link, #home a, a:link, #contact a, a:link /* link with arrow */ 
	{
	text-decoration:none;
	color:#333333;
	}
	
.arrow_menu a:hover, #hire_me a:hover, #home a:hover, #contact a:hover /* link with arrow */ 
	{
	text-decoration:none;
	color:#666666;
	}
	
#main a, a:link /* links in main content */
	{
	text-decoration:none;
	color:#666666;
	}
	
#main a:hover /* links in normal text */
	{
	text-decoration:none;
	color:#333333;
	}
	
#footer a, a:link /* links in footer */
	{
	text-decoration:none;
	color:#333333;
	}
	
#footer a:hover /* links in footer */
	{
	text-decoration:none;
	color:#666666;
	}
	
a.external /* external link with image */
	{
	white-space: nowrap;
	padding-right:10px;
	background-image:url(images/external.jpg);
	background-repeat:no-repeat;
	background-position:right;
	}

a.download /* download link with image */
	{
	white-space: nowrap;
	padding-left:17px;
	background-image:url(images/download.jpg);
	background-repeat:no-repeat;
	background-position:left;
	}
	
/*................................................................. Lists */
	
ul.bottom_menu li /* footer navigation */
	{
	list-style:none;
	display:inline;
	}
	
ul.bottom_menu
	{
	padding:0;
	}
	
ul.check li /* list in main content with checkmark bullet */
	{
	list-style:none;
	background-image:url(images/check.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	color:#333333;
	padding-left:25px;
	}
	
ul.arrow li /* list in main content with arrow bullet */
	{
	list-style:none;
	background-image:url(images/arrow_right_2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	color:#333333;
	padding-left:20px;
	}
	
/*................................................................. Forms */
	
fieldset
	{
	border:none;
	width:300px;
	}

input, select, textarea
	{
	background-color:#666666;
	border:1px solid #333333;
	color:#999999;
	}

/*.................................................................. Images */

.website_img
	{
	border:1px solid #333333; 
	}