body
{
margin:25px 0 0 0;
padding:0;
background-color:#fff;
color:#666;
} 
	 
/* Sets the font family and base font size for the site. 
**NOTE: 
You never have to repeat the font family or size unless you want them to be different. 
All other fonts, e.g. in the h1, h2, and h3 are percentages of this base font, which is about 11 points */
body, body div, body p, body th, 
body td, body li, body dd, body a {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
}

/* START Layout DIVS*/
/*  This encloses ALL DIVS */
#wrapper
{
margin: 0 auto;
width:760px;
text-align:left;
}

#homewrapper{
margin: 0 auto;
}

#navhome
{
margin:50px 0 0;
padding:0;
width:172px}	

#header
{
width: 760px;
margin:0;
padding:0;
}
/*  New SEO Divs */
#headspace {
clear: both;
}


#headspace h1
{
	font-size:50%;
	font-weight:normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: -900px;
	width: 800px;
	clear: both;
}
#headspace h2
{
	font-size:40%;
	font-weight:normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: -900px;
	width: 800px;
	clear: both;
}
#headspace p
{
	font-size:30%;
	font-weight:normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: -900px;
	width: 800px;
	clear: both;
}
/*  New SEO Divs end  */

/*  New SEO tooltips start  */
a.tip {
	position: relative;
}

a.tip span {
	display: none;
	position: absolute;
	top: 20px;
	left: -10px;
	width: 125px;
	padding: 5px;
	z-index: 100;
	background: #666666;
	color: #fff;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
}

a:hover.tip {
	font-size: 99%; /* this is just for IE */
}

a:hover.tip span {
	display: block;
}
/*  New SEO tooltips end  */

#logo
{
margin:0;
padding:0;
float:left
}	

#title
{
margin:0;
padding:0;
float:right;
margin:66px 0 5px 0
}			

#nav
{
margin:0;
padding:0;
float:left;
width:90px
}	

#navpic
{
width: 760px;
margin:0;
padding:0;
}

#pic
{
margin:0;
padding:0;
float:right
}	

#contentcontain
{
width: 760px;
margin:30px 0 0 0;
padding:0;
}

#contentleft
{
padding:0 0 0 100px;
margin:0;
float:left;
width:200px;
}	

#contentlefttext
{
padding:0 0 0 100px;
margin:0;
float:left;
width:250px;
}


#contentleftportfolio
{
padding:50px 0 0 100px;
margin:0;
float:left;
width:300px;
}	

#contentright
{
width:250px;
margin:0;
padding:0;
float:right;
text-align:right
}	

#navtwo{
width:760px;
text-align:right;
margin-top:8px
}



	
/* START - NAVIGATION */
/* START - General Page Navigation */
a:link, a:visited, a:hover
{
font-weight: bold;
text-decoration: none;
color: #000;
}		
a:hover 
{
text-decoration:underline;
}		


/* START - Main Nav */
#navhome ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navhome li
{
margin: 0 0 9px 0
}

#nav ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#nav li
{
margin: 0 0 9px 0
}

/* START - Button 1 */
li#bgmenu1 a{
display:block;
height:22.5px;
padding:0;
margin:0
}

li#bgmenu1 a:link, li#bgmenu1 a:visited {
background:#000;
color:#000;
}

li#bgmenu1 a:hover {
background:#fff;
color:#000;
text-decoration:none;
text-align:center;
font-size:110%
}

/* START - Button 2 */
li#bgmenu2 a{
display:block;
height:22px;
}

li#bgmenu2 a:link, li#bgmenu2 a:visited {
background:#4D4A4B;
color:#4D4A4B;
}

li#bgmenu2 a:hover {
background:#fff;
color:#000;
text-decoration:none;
text-align:center;
font-size:110%
}

/* START - Button 3 */
li#bgmenu3 a{
display:block;
height:22px;
}

li#bgmenu3 a:link, li#bgmenu3 a:visited {
background:#767171;
color:#767171;
}

li#bgmenu3 a:hover {
background:#fff;
color:#000;
text-decoration:none;
text-align:center;
font-size:110%
}

/* START - Button 4 */
li#bgmenu4 a{
display:block;
height:22px;
}

li#bgmenu4 a:link, li#bgmenu4 a:visited {
background:#8D8888;
color:#8D8888;
}

li#bgmenu4 a:hover {
background:#fff;
color:#000;
text-decoration:none;
text-align:center;
font-size:110%
}

/* START - Button 5 */
li#bgmenu5 a{
display:block;
height:22px;
}

li#bgmenu5 a:link, li#bgmenu5 a:visited {
background:#A7A2A0;
color:#A7A2A0;
}

li#bgmenu5 a:hover {
background:#fff;
color:#000;
text-decoration:none;
text-align:center;
font-size:110%
}

/* START - Button 6 */
li#bgmenu6 a{
display:block;
height:22px;
}

li#bgmenu6 a:link, li#bgmenu6 a:visited {
background:#c1bdbb;
color:#c1bdbb;
}

li#bgmenu6 a:hover {
background:#fff;
color:#000;
text-decoration:none;
text-align:center;
font-size:110%
}


/* START - Button 7 */
li#bgmenu7 a{
display:block;
height:22px;
}

li#bgmenu7 a:link, li#bgmenu7 a:visited {
background:#cccccc;
color:#CCCCCC;
}

li#bgmenu7 a:hover {
background:#fff;
color:#000;
text-decoration:none;
text-align:center;
font-size:110%
}



/* START - Nav2 - Portfolio */
#navtwo ul
{
list-style: none;
padding:0;
margin:0;
}

#navtwo ul li
{
display: inline;
list-style: none;
padding:0;
margin:0;
}

#navtwo a:link, #navtwo a:visited
{
margin-left:30px;
font-size:90%;
color:#666;
text-decoration:none;
font-weight:normal
}

#navtwo  a:hover{
text-decoration:underline;
}

#navtwo ul li #current{
font-weight:bold;
color:#000
}


 
 
/* START - Heading Paragraph Styles and General List Styles
NB: Heading styles should only be used to denote structure,
i.e. they should not be used for formatting */

h1, h2, h3{
	color:#000;
	left: -900px;
}

h1
{
font-size:160%;
margin:0 0 10px 0;
font-weight:normal
}
			
h2 
{
font-size:130%;
margin:15px 0 0 0;
}	

strong{
color:#000
}

#contentleft p {font-size:90%;
margin:0 0 15px 0;
}

#contentlefttext p {font-size:90%;
margin:0 0 15px 0;
}



#contentright p {font-size:90%;
margin:0 0 15px 0;
}

#contentright a:link, #contentright a:visited {
font-weight:normal;
color:#666666;
}


/* START - image styles */
img
{
	border:0px none;
}


/* Used to clear floats */
br.clear
{
clear:both;
line-height:0px;
}

/* START - HOME PAGE TEST image rollover state */