* {margin: 0; padding:0;}
* {border: solid 0px red}
* {text-color: #black}

a:link		{color: #D2D489; text-decoration: none;}
a:visited	{color: #D2D489; text-decoration: none;}
a:focus		{color: green;}
a:hover		{color: #762123; text-decoration: underline;}
a:active	{color: white;}

a.button:hover {visibility: hidden;}

a.button_on:hover {visibility: visible;}


.body { 
	background: #cbb676;
	background-image: url(images/common/bg_pattern.gif);
	backgound-position: left top;
	background-repeat: yes-repeat;
	}

.container {
	border:solid 0px red;
	margin: 60px auto;
	width: 1024px;
	height: 600px;
	padding: 0px 0px 0px 0px;
	background-color: #;
	background-image: url(images/common/bb_container_2.gif);
	backgound-position: left top;
	background-repeat: no-repeat;
	}
		
.header {
	border: 0px solid green;
	margin: 0px auto;
	padding: 12px 12px 0px 12px;
	width: auto;
	height: 141px;
	background-color: ;
	}
	
/* ====== NAVIGATION ====== */

.leftnav {	
	border: 0px solid red;
	float: left;
	width: 154px;
	height: 435px;
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 0px 0px;
	background-color: #;
	background-image: url(images/common/bb_leftnav.gif);
	backgound-position: left top;
	background-repeat: no-repeat;
	}

/* ================================================ NAVIGATION ======================== */

.nav_box {
	border: 0px solid blue;
	width: 142px;
	height: 40px;
	margin: 0px 0px 0px 4px;
	}

.nav_home_off {
	border: 0px solid lime;
	background-image: url(images/common/home_off.gif);
	backgound-position: left top;
	background-repeat: no-repeat;
	}

.nav_home_on:hover {
	visibility: visible;
	border: 0px solid red;
	background-image: url(images/common/home_on.gif);
	backgound-position: left top;
	background-repeat: no-repeat;
	}

.nav_portfolio_off {
	border: 0px solid lime;
	background-image: url(images/common/portfolio_off.gif);
	backgound-position: left top;
	background-repeat: no-repeat;
	}

.nav_portfolio_on:hover {
	visibility: visible;
	border: 0px solid red;
	background-image: url(images/common/portfolio_on.gif);
	backgound-position: left top;
	background-repeat: no-repeat;
	}

.nav_pattern_off {
	border: 0px solid lime;
	background-image: url(images/common/surf-patt_off.gif);
	backgound-position: left top;
	background-repeat: no-repeat;
	}

.nav_pattern_on:hover {
	visibility: visible;
	border: 0px solid red;
	background-image: url(images/common/surf-patt_on.gif);
	backgound-position: left top;
	background-repeat: no-repeat;
	}

.nav_what_off {
	border: 0px solid lime;
	background-image: url(images/common/what_off.gif);
	backgound-position: left top;
	background-repeat: no-repeat;
	}

.nav_what_on:hover {
	visibility: visible;
	border: 0px solid red;
	background-image: url(images/common/what_on.gif);
	backgound-position: left top;
	background-repeat: no-repeat;
	}

.nav_about_off {
	border: 0px solid lime;
	background-image: url(images/common/about_off.gif);
	backgound-position: left top;
	background-repeat: no-repeat;
	}

.nav_about_on:hover {
	visibility: visible;
	border: 0px solid red;
	background-image: url(images/common/about_on.gif);
	backgound-position: left top;
	background-repeat: no-repeat;
	}

.nav_contact_off {
	border: 0px solid lime;
	background-image: url(images/common/contact_off.gif);
	backgound-position: left top;
	background-repeat: no-repeat;
	}

.nav_contact_on:hover {
	visibility: visible;
	border: 0px solid red;
	background-image: url(images/common/contact_on.gif);
	backgound-position: left top;
	background-repeat: no-repeat;
	}
	
.nav_links_off {
	border: 0px solid lime;
	background-image: url(images/common/links_off.gif);
	backgound-position: left top;
	background-repeat: no-repeat;
	}

.nav_links_on:hover {
	visibility: visible;
	border: 0px solid red;
	background-image: url(images/common/links_on.gif);
	backgound-position: left top;
	background-repeat: no-repeat;
	}

#copyright {
	color: #B45C5E;
	font: normal 9px trebuchet ms, sans-serif;
	padding: 135px 20px 0px 25px;
	}

/* ================================================ HOME RIGHT ======================== */

#rightcontent {
	border: 0px solid red;
	margin: 0px 0px 0px 175px;
	width: 838px;
	height: 269px;
	background-color: #A6AA14;
	}

#bottomcontent {
	border: 0px solid red;
	margin: 8px 0px 0px 175px;
	width: 838px;
	height: 158px;
	background-color: white;
	}

/* ================================================ HOME PAGE BUTTONS ======================== */

#button1 {
	float: left;
	border: 0px solid red;
	margin: 0px 0px 0px 0px;
	width: 161px;
	height: 158px;
	background-image: url(images/home/ford.jpg);
	backgound-position: left top;
	background-repeat: no-repeat;
	background-color: silver;
	}

#button1:hover {
	visibility: visible;
	float: left;
	border: 0px solid red;
	margin: 0px 0px 0px 0px;
	width: 161px;
	height: 158px;
	background-image: url(images/home/ford_on.jpg);
	backgound-position: left top;
	background-repeat: no-repeat;
	background-color: silver;
	}

#button5 {
	border: 0px solid red;
	float: right;
	margin: 0px 0px 0px 0px;
	width: 161px;
	height: 158px;
	background-image: url(images/home/ppg.jpg);
	backgound-position: left top;
	background-repeat: no-repeat;
	background-color: silver;
	}

#button5:hover {
	visibility: visible;
	border: 0px solid red;
	float: right;
	margin: 0px 0px 0px 0px;
	width: 161px;
	height: 158px;
	background-image: url(images/home/ppg_on.jpg);
	backgound-position: left top;
	background-repeat: no-repeat;
	background-color: silver;
	}

#button_center {
	border: 0px solid red;
	margin: 0px 0px 0px 169px;
	width: 499px;
	height: 158px;
	background-color: white;
	}

#button2 {
	border: 0px solid red;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 161px;
	height: 158px;
	background-image: url(images/home/barbie.jpg);
	backgound-position: left top;
	background-repeat: no-repeat;
	background-color: silver;
	}

#button2:hover {
	visibility: visible;
	border: 0px solid red;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 161px;
	height: 158px;
	background-image: url(images/home/barbie_on.jpg);
	backgound-position: left top;
	background-repeat: no-repeat;
	background-color: silver;
	}

#button4 {
	border: 0px solid red;
	float: right;
	margin: 0px 0px 0px 0px;
	width: 161px;
	height: 158px;
	background-image: url(images/home/tri.jpg);
	backgound-position: left top;
	background-repeat: no-repeat;
	background-color: silver;
	}

#button4:hover {
	visibility: visible;
	border: 0px solid blue;
	float: right;
	margin: 0px 0px 0px 0px;
	width: 161px;
	height: 158px;
	background-image: url(images/home/tri_on.jpg);
	backgound-position: left top;
	background-repeat: no-repeat;
	background-color: silver;
	}

#button3 {
	border: 0px solid red;
	margin: 0px 0px 0px 169px;
	width: 161px;
	height: 158px;
	background-image: url(images/home/coasters.jpg);
	backgound-position: left top;
	background-repeat: no-repeat;
	background-color: silver;
	}

#button3:hover {
	visibility: visible;
	border: 0px solid lime;
	margin: 0px 0px 0px 169px;
	width: 161px;
	height: 158px;
	background-image: url(images/home/coasters_on.jpg);
	backgound-position: left top;
	background-repeat: no-repeat;
	background-color: silver;
	}

.floatleft {
	float: left;
	}

/* ================================================ RIGHT CONTENT ======================== */

.righthead {
	border: 0px solid red;
	width: auto;
	height: auto;
	padding: 40px 0px 0px 0px;
	}

.righttext {
	border: 0px solid red;
	padding: 0px 90px 0px 95px;
	width: auto;
	height: auto;
	}

#righthome {
	border: 0px solid red;
	margin: 0px 0px 0px 175px;
	width: 838px;
	height: 269px;
	background-color: #949c50;
	}

#rightwhat {
	border: 0px solid red;
	margin: 0px 0px 0px 175px;
	width: 838px;
	height: 435px;
	background-color: #95A1AA;
	}

#rightwhophoto {
	border: 0px solid red;
	float: right;
	margin: 0px 12px 0px 0px;
	width: 273px;
	height: 435px;
	background-color: #A6AA14;
	}

#rightabout {
	border: 0px solid red;
	margin: 0px 0px 0px 175px;
	width: 555px;
	height: 435px;
	background-color: #8B8119;
	}
	
	
#rightcontact {
	border: 0px solid red;
	margin: 0px 0px 0px 175px;
	width: 555px;
	height: 435px;
	background-color: #b0b579;
	}
	
/* ================================================ PORTFOLIO ======================== */

#rightportfolio {
	border: 0px solid red;
	margin: 0px 0px 0px 175px;
	width: 838px;
	height: 397px;
	background-color: silver;
	}

#bottomportfolio {
	border: 0px solid red;
	margin: 8px 0px 0px 175px;
	padding: 0px 30px 0px 0px;
	width: 808px;
	height: 30px;
	background-color: #8b8119;
	}

/* ======================== PORTFOLIO NAVIGATION ======================== */

#btmcontainer {
	padding: 4px 0px 0px 0px;
	float: right;
	}
	
#btmnavlist ul {
	margin: 0;
	padding: 0;
	}
	
#btmnavlist li {
	font: bold 11px Arial, Helvetica, sans-serif;
	display: inline;
	list-style-type: none;
	}

#btmnavlist a { 
	text-decoration: none;
	padding: 0 10px 0 10px;
	border-right: 1px solid #D2D489;
	}

#btmnavlist a:link, #btmnavlist a:visited {
	text-decoration: none;
	}

#btmnavlist a:hover {
	text-decoration: none;
	}

#active {
	color: #fff;	
	text-decoration: none;
	padding: 0 10px 0 10px;
	border-right: 1px solid #D2D489;
	}

p.portfoliofont {
	font-family: verdana;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	color:white;
	}

p.rightfont {	
	border: 0px solid lime;
	font-size: 14px;
	font-family: verdana;
	line-height: 1.5;
	text-align: left;
	color: white;
	}
	
p.abouttext {	
	border: 0px solid yellow;
	padding: 20px 30px 0px 30px;
	font-size: 11px;
	font-family: verdana;
	line-height: 1.5;
	text-align: left;
	color: white;
	}
	
p.contacttext {	
	border: 0px solid yellow;
	font-size: 11px;
	font-family: verdana;
	line-height: 1.5;
	text-align: left;
	color: white;
	}