/* CSS Document - SCREEN */

body {
	font-family: "Lucida sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%; /*sets 1em to 12px equivalent */
	color: #ccc;
	background-color: #111;
	background-image:url(../images/bgd.jpg);
	background-repeat: no-repeat;
}
/* = WRAPPER */

#wrapper {
	width: 950px;
	padding: 0;
	margin-left: 0;
}

/* = HEADER */

#header {
	width: auto;
	padding: 10px 0px 0px 200px;
	margin-left: 141px;
	background-image:url(../images/bgd_header.jpg);
	background-repeat: no-repeat;
}

<!--CONTENT-->


h1 	{
	size: 2.2em;
}
h2 	{
	size: 1.6em;
	color: #0f3;
}
h3	{
	size: 1.2em;
	color: #0f3;
}
h4	{
	font-weight: normal;
	/*color:#dfd;*/
}

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

a:hover {
	color: #0f3;
}
.top-nav {
	padding-left: 1em;
	font-size: 1.5em;
}
.float-left  {
	float: left;
	margin-right: 30px;
}
.float-right {
	float: right;
	margin-left: 10px;
	margin-right: 3px;
}

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

.style1 {
	color: #fff;
	font-weight: bold;
}

/* = NAVIGATION */

#navigation {
	float: left;
	clear: left;
	margin: 130px 0px 0px 37px;
	padding: 0;
}

#navigation ul {
	font-weight: bold;
	list-style: none;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0;
}
#navigation li {
	width: 100px;
	padding: 8px 0px 0px 0px;
	border-bottom:: 1px solid #fff;
}
	
#navigation li a:link, #navigation li a:visited {
	padding: 8px 0px 0px 0px;
	color: #fff;
	font-size: 1.3em;
	text-decoration: none;
}
#navigation li a:hover {
	color: #f30;
}



/*BODY TABS*/

#home a#home_nav,
#about_us a#about_us_nav,
#services a#services_nav,
#photo_gallery a#gallery_nav,
#dog a#dog_nav,
#pet a#pet_nav,
#web_design a#web_design_nav,
#contact_us a#contact_us_nav,
#seo a#seo_nav {
	color: #f30;
}


/* FOOTER */

#footer {
	clear: right;
	background-color: #111;
	padding: 10px 30px 30px 0px;
	margin-left: 142px;
	margin-right: 30px;
	text-align: center;
	width: 850px;
}