/* CSS Document */

html {
	}

body {
	background-image:url(images/green_white.gif);
	margin: 0px;
	padding: 0px;
	text-align: center;
	z-index:1;
		}
		
/*wrapper for about.html*/		
#wrapper1 {
	position:relative;
	background-color:#FFFFFF;
	width: 864px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/basslady9.jpg);
	background-repeat: no-repeat;
}

/*wrapper for contact.html*/
#wrapper2 {
	position:relative;
	background-color:#FFFFFF;
	width: 864px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/saracamera_web3_sm.jpg);
	background-repeat: no-repeat;
}

/*wrapper for portfolio pages*/
#wrapper3 {
	position:relative;
	background-color:#FFFFFF;
	width: 864px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/portfolio_white.jpg);
}

/*wrapper for home page*/
#wrapper4 {
	position:relative;
	background-color:#FFFFFF;
	width: 864px;
	height:720px;
	margin: 0 auto;
	text-align: center;
	/*background-image: url(images/sggd_home5.jpg);*/
	background-repeat: no-repeat;
}

#endorsment
{
	margin-top:20px;
	padding: 10px 0 0 0;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	/*text-transform:uppercase;
	letter-spacing:2px;*/
	width:300px;
	font-size:13px;
	font-weight:normal;
	font-style:italic;
	line-height:160%;
	color:#828E1F;
	border-top:dotted;
	border-width:2px;
	border-top-color:#99CC33;
}

#endorsment_right
{
	margin:30px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	width:460px;
	font-size:13px;
	font-weight:normal;
	font-style:italic;
	line-height:160%;
	color:#E1920F;
	border-right:dotted;
	border-width:2px;
	border-right-color:#99CC33;
}

#copyright {
	position:absolute;
	top: 640px;
	left: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:100%;
	text-align: left;
	color:#CCC;
	width: 663px;
}

#banner {
	margin: 0px 0px 0px 80px;
	padding: 0;
}

#navlinks
{
	/*    float: left; /* since this element is floated, a width must be given */
	/*width: 150px;*/ /* the background color will be displayed for the length of the content in the column, but no further */
	margin:0;
	padding: 0px 20px 10px 20px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:10px;
	font-weight:bold;
	line-height:100%;
	color:#DE5900;
}

#navlinks li
{
	display:inline;
	margin-right: .75em; 
	padding-right: 1em;
	border-right: 1px solid #99C;
}

#navlinks li.last{
	border: 0;
	padding-right:3em;
}

#navlinks a:link
{
	color:#DE5900;
	text-decoration:none;
}

#navlinks a:hover
{
	padding-bottom:0.3em;
	border-bottom:dotted;
	border-width:2px;
	border-bottom-color:#FF9900;
}

#navlinks a:visited
{ 
	color:#DE5900;
	text-decoration:none;
}

#portnav
{
	/*    float: left; /* since this element is floated, a width must be given */
	/*width: 150px;*/ /* the background color will be displayed for the length of the content in the column, but no further */
	margin:0;
	padding: 20px 0px 10px 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:100%;
	color:#999999;
}

/*#portnav a
{
	color:828E1F;
	text-decoration:none;
}

#portnav a:link
{
	color:999999;
	text-decoration:none;
}

#portnav a:hover
{
	color:#000000;
	text-decoration:none;
}

#portnav a:visited
{ 
	color:999999;
	text-decoration:none;
}*/

#about_content {
	margin: 0px 0px 0px 275px;
	padding: 35px 80px 300px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 160%;
				}
				
#about_content p {
	margin: 0;
	padding: 0px 0px 15px 0px;
				}
				
#about_content a
{
	color:#666666;
	text-decoration:none;
}

#about_content a:link
{
	color:#666666;
	text-decoration:none;
}

#about_content a:hover
{
	color:#CC6600;
	text-decoration:none;
}

#about_content a:visited
{ 
	color:#666666;
	text-decoration:none;
}
				
#contact_content {
	margin: 50px 0px 0px 50px;
	padding: 20px 330px 300px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 160%;
	text-align:right;
				}
				
#contact_content p {
	margin: 0;
	padding: 0px 0px 20px 0px;
				}				

#contact_content a
{
	color:#666666;
	text-decoration:none;
}

#contact_content a:link
{
	color:#666666;
	text-decoration:none;
}

#contact_content a:hover
{
	color:#CC6600;
	text-decoration:none;
}

#contact_content a:visited
{
	color:#666666;
	text-decoration:none;
}
				
#portfolio {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 300px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 150%;
	color:#666666;
				}
				
#portfolio p {
	margin: 0;
	padding: 0px 0px 5px 0px;
	text-align:center;
				}
				
#portfolio a
{
	color:#828E1F;
	font-weight:bold;
	text-decoration:none;
}

#portfolio a:link
{
	color:#828E1F;
	font-weight:bold;
	text-decoration:none;
}

#portfolio a:hover
{
	color:#57671C;
	text-decoration:none;
}

#portfolio a:visited
{ 
	color:#828E1F;
	text-decoration:none;
}

#footer {
	padding: 10px 10px 10px 20px;
	background-color: #CCCC99;
	text-align: center;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}