/* CSS Document */

* {
	padding:0;
	margin:0;
}

html {
	min-height: 101%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color:#4c4c4c;
	background-image:url(images/bg_image.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFFFFF;
	margin: auto;
}

p.intro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 23px;
	color:#4c4c4c;
	padding: 0 0 0 0;
}

p.small_print {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	color:#999999;
	padding: 0 0 0 0;
}

p.sub_top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color:#4c4c4c;
	padding: 12px 0 0 0;
}

p.sub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color:#4c4c4c;
	padding: 0 0 0 0;
}

p.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 21px;
	color:#0c99cc;
	padding: 0 0 12px 0;
}

p.seo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color:#4c4c4c;
	padding: 10px 0 0 0;
}

p.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color:#ffffff;
	padding: 0 0 0 0;
}


/*-------- containers --------*/

#holder {
	width: 100%;
	height: auto;
	margin: auto;
	text-align: center;
}

#container {
	width: 980px;
	height: auto;
	margin: 0 auto;
}


/*-------- header --------*/

#header {
	width: 980px;
	height: 95px;
	margin: auto;
}

#logo {
	width: 307px;
	height: 65px;
	float:left;
	background-image:url(images/logo.jpg);
	margin: 30px 0 0 0;
}

#logo a:link, #logo a:visited {
	width: 307px;
	height: 65px;
	float:left;
	background-image:url(images/logo.jpg);
	margin: 0 0 0 0;
	text-decoration:none;
	outline:none;
}

#logo a:hover, #logo a:active {
	width: 307px;
	height: 65px;
	float:left;
	background-image:url(images/logo.jpg);
	margin: 0 0 0 0;
	text-decoration:none;
	outline:none;
}


/*-------- navigation --------*/

#nav {
	width: 474px;
	height: 45px;
	float:left;
	margin: 50px 0 0 47px;
}

#about_me {
	width: 118px;
	height: 45px;
	float:left;
	background-image:url(images/about_me.jpg);
	text-decoration:none;
	outline:none;
}

#about_me a:link, #about_me a:visited {
	width: 118px;
	height: 45px;
	float:left;
	background-image:url(images/about_me.jpg);
	text-decoration:none;
	outline:none;
}

#about_me a:hover, #about_me a:active {
	width: 118px;
	height: 45px;
	float:left;
	background-image:url(images/about_me_over.jpg);
	text-decoration:none;
	outline:none;
}

#portfolio {
	width: 139px;
	height: 45px;
	float:left;
	background-image:url(images/my_portfolio.jpg);
	text-decoration:none;
	outline:none;
}

#portfolio a:link, #portfolio a:visited {
	width: 139px;
	height: 45px;
	float:left;
	background-image:url(images/my_portfolio.jpg);
	text-decoration:none;
	outline:none;
}

#portfolio a:hover, #portfolio a:active {
	width: 139px;
	height: 45px;
	float:left;
	background-image:url(images/my_portfolio_over.jpg);
	text-decoration:none;
	outline:none;
}

#links {
	width: 81px;
	height: 45px;
	float:left;
	background-image:url(images/links.jpg);
	text-decoration:none;
	outline:none;
}

#links a:link, #links a:visited {
	width: 81px;
	height: 45px;
	float:left;
	background-image:url(images/links.jpg);
	text-decoration:none;
	outline:none;
}

#links a:hover, #links a:active {
	width: 81px;
	height: 45px;
	float:left;
	background-image:url(images/links_over.jpg);
	text-decoration:none;
	outline:none;
}

#get_in_touch {
	width: 136px;
	height: 45px;
	float:left;
	background-image:url(images/get-in-touch.jpg);
	text-decoration:none;
	outline:none;
}

#get_in_touch a:link, #get_in_touch a:visited {
	width: 136px;
	height: 45px;
	float:left;
	background-image:url(images/get-in-touch.jpg);
	text-decoration:none;
	outline:none;
}

#get_in_touch a:hover, #get_in_touch a:active {
	width: 136px;
	height: 45px;
	float:left;
	background-image:url(images/get-in-touch_over.jpg);
	text-decoration:none;
	outline:none;
}


/*-------- quicklinks --------*/

#quicklinks {
	width: 62px;
	height: 29px;
	float:left;
	margin: 50px 0 0 62px;
}

#dwellsphotography {
	width: 29px;
	height: 29px;
	float:left;
	background-image:url(images/dwellsphotography.jpg);
	text-decoration:none;
	outline:none;
}

#dwellsphotography a:link, #dwellsphotography a:visited {
	width: 29px;
	height: 29px;
	float:left;
	background-image:url(images/dwellsphotography.jpg);
	margin: 0 0 0 0;
	text-decoration:none;
	outline:none;
}

#dwellsphotography a:hover, #dwellsphotography a:active {
	width: 29px;
	height: 29px;
	float:left;
	background-image:url(images/dwellsphotography_over.jpg);
	margin: 0 0 0 0;
	text-decoration:none;
	outline:none;
}

#dwellsadventures {
	width: 28px;
	height: 29px;
	float:left;
	background-image:url(images/dwellsadventures.jpg);
	margin: 0 0 0 5px;
	text-decoration:none;
	outline:none;
}

#dwellsadventures a:link, #dwellsadventures a:visited {
	width: 28px;
	height: 29px;
	float:left;
	background-image:url(images/dwellsadventures.jpg);
	margin: 0 0 0 0;
	text-decoration:none;
	outline:none;
}

#dwellsadventures a:hover, #dwellsadventures a:active {
	width: 28px;
	height: 29px;
	float:left;
	background-image:url(images/dwellsadventures_over.jpg);
	margin: 0 0 0 0;
	text-decoration:none;
	outline:none;
}


/*-------- content --------*/

#content_container {
	width: 980px;
	height: auto;
	background-image:url(images/content_bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	clear: both;
	margin: 0 0 0 0;
	text-decoration:none;
	outline:none;
}

#intro {
	width: 580px;
	height: auto;
	margin: 36px 0 40px 46px;
	float:left;
	text-align:left;
}

#intro_content {
	width: 580px;
	height: auto;
	margin: 12px 0 0 0;
	clear:both;
}

#intro_content a:link, #intro_content a:visited {
	text-decoration:none;
	color:#4c4c4c;
}

#intro_content a:hover, #intro_content a:active {
	text-decoration:none;
	color:#4c4c4c;
}


/*-------- title images --------*/

#home_title {
	width: 580px;
	height: 24px;
	margin: 0 0 0 0;
	background-image:url(images/home_title.jpg);
}

#about_title {
	width: 580px;
	height: 24px;
	margin: 0 0 0 0;
	background-image:url(images/about_title.jpg);
}

#portfolio_title {
	width: 580px;
	height: 24px;
	margin: 0 0 0 0;
	background-image:url(images/portfolio_title.jpg);
}

#links_title {
	width: 580px;
	height: 24px;
	margin: 0 0 0 0;
	background-image:url(images/links_title.jpg);
}

#contact_title {
	width: 580px;
	height: 24px;
	margin: 0 0 0 0;
	background-image:url(images/contact_title.jpg);
}


/*-------- page images --------*/

#home_image {
	width: 272px;
	height: 203px;
	margin: 36px 0 40px 36px;
	background-image:url(images/home_image.jpg);
	float:left;
}

#about_image {
	width: 272px;
	height: 203px;
	margin: 36px 0 40px 36px;
	background-image:url(images/about_image.jpg);
	float:left;
}

#portfolio_image {
	width: 272px;
	height: 203px;
	margin: 36px 0 40px 36px;
	background-image:url(images/portfolio_image.jpg);
	float:left;
}

#links_image {
	width: 272px;
	height: 203px;
	margin: 36px 0 40px 36px;
	background-image:url(images/links_image.jpg);
	float:left;
}

#contact_image {
	width: 272px;
	height: 203px;
	margin: 36px 0 40px 36px;
	background-image:url(images/contact_image.jpg);
	float:left;
}


/*-------- portfolio --------*/

#project {
	width: 888px;
	height: 340px;
	margin: 20px 0 0 0;
	clear:both;
}

#portfolio_image {
	width: 580px;
	height: 340px;
	margin: 0 0 0 0;
	clear:both;
}

#portfolio_content {
	width: 272px;
	height: auto;
	margin: 25px 0 0 36px;
	float:left;
	text-align:left;
}

#divide {
	width: 888px;
	height: 1px;
	margin: 30px 0 30px 0;
	clear: both;
	float:left;
	background-image:url(images/divide.jpg);
	background-position:top;
	background-repeat:no-repeat;	
}


/*-------- buttons --------*/

#get_in_touch_button {
	width: 106px;
	height: 16px;
	margin: 25px 0 0 0;
	background-image:url(images/get_in_touch.jpg);
	clear: both;
	float:left;
}

#get_in_touch_button a:link, #get_in_touch_button a:visited {
	width: 106px;
	height: 16px;
	margin: 0 0 0 0;
	background-image:url(images/get_in_touch.jpg);
	clear: both;
	text-decoration:none;
	outline:none;
	float:left;
}

#get_in_touch_button a:hover, #get_in_touch_button a:active {
	width: 106px;
	height: 16px;
	margin: 0 0 0 0;
	background-image:url(images/get_in_touch.jpg);
	clear: both;
	text-decoration:none;
	outline:none;
	float:left;
}

#view_site {
	width: 80px;
	height: 14px;
	margin: 25px 0 0 0;
	background-image:url(images/visit_site.jpg);
	clear: both;
	float:left;
}

#view_site a:link, #view_site a:visited {
	width: 80px;
	height: 14px;
	margin: 0 0 0 0;
	background-image:url(images/visit_site.jpg);
	clear: both;
	text-decoration:none;
	outline:none;
	float:left;
}

#view_site a:hover, #view_site a:active {
	width: 80px;
	height: 14px;
	background-image:url(images/visit_site.jpg);
	clear: both;
	text-decoration:none;
	outline:none;
	float:left;
}


/*-------- drivers --------*/

#driver_container {
	width: 888px;
	height: 58px;
	margin: auto auto 43px auto;
	clear: both;
}

#driver_1 {
	width: 272px;
	height: 58px;
	margin: 0 0 0 0;
	float: left;
	background-image:url(images/latest_work_driver.jpg);
	text-decoration:none;
	outline:none;
}

#driver_1 a:link, #driver_1 a:visited {
	width: 272px;
	height: 58px;
	margin: 0 0 0 0;
	float: left;
	background-image:url(images/latest_work_driver.jpg);
	text-decoration:none;
	outline:none;
}

#driver_1 a:hover, #driver_1 a:active {
	width: 272px;
	height: 58px;
	margin: 0 0 0 0;
	float: left;
	background-image:url(images/latest_work_driver_over.jpg);
	text-decoration:none;
	outline:none;
}

#driver_2 {
	width: 272px;
	height: 58px;
	margin: 0 0 0 36px;
	float: left;
	background-image:url(images/get_outdoors_driver.jpg);
	text-decoration:none;
	outline:none;
}

#driver_2 a:link, #driver_2 a:visited {
	width: 272px;
	height: 58px;
	margin: 0 0 0 0;
	float: left;
	background-image:url(images/get_outdoors_driver.jpg);
	text-decoration:none;
	outline:none;
}

#driver_2 a:hover, #driver_2 a:active {
	width: 272px;
	height: 58px;
	margin: 0 0 0 0;
	float: left;
	background-image:url(images/get_outdoors_driver_over.jpg);
	text-decoration:none;
	outline:none;
}

#driver_3 {
	width: 272px;
	height: 58px;
	margin: 0 0 0 36px;
	float: left;
	background-image:url(images/latest_snaps_driver.jpg);
	text-decoration:none;
	outline:none;
}

#driver_3 a:link, #driver_3 a:visited {
	width: 272px;
	height: 58px;
	margin: 0 0 0 0;
	float: left;
	background-image:url(images/latest_snaps_driver.jpg);
	text-decoration:none;
	outline:none;
}

#driver_3 a:hover, #driver_3 a:active {
	width: 272px;
	height: 58px;
	margin: 0 0 0 0;
	float: left;
	background-image:url(images/latest_snaps_driver_over.jpg);
	text-decoration:none;
	outline:none;
}


/*-------- message --------*/

#message {
	width: 888px;
	height: 72px;
	margin: auto auto 30px auto;
	clear: both;
	background-image:url(images/message.jpg);
}


/*-------- seo --------*/

#seo {
	width: 888px;
	height: auto;
	margin: auto;
	clear: both;
}

#seo_box_1 {
	width: 272px;
	height: auto;
	margin: 0 0 40px 0;
	float:left;
	text-align:left;
}

#seo_box_1 a:link, #seo_box_1 a:visited {
	text-decoration:none;
	color:#4c4c4c;
}

#seo_box_1 a:hover, #seo_box_1 a:active {
	text-decoration:none;
	color:#4c4c4c;
}

#seo_box_2 {
	width: 272px;
	height: auto;
	margin: 0 0 40px 36px;
	float:left;
	text-align:left;
}

#seo_box_2 a:link, #seo_box_2 a:visited {
	text-decoration:none;
	color:#4c4c4c;
}

#seo_box_2 a:hover, #seo_box_2 a:active {
	text-decoration:none;
	color:#4c4c4c;
}

#seo_box_3 {
	width: 272px;
	height: auto;
	margin: 0 0 40px 36px;
	float:left;
	text-align:left;
}

#seo_box_3 a:link, #seo_box_3 a:visited {
	text-decoration:none;
	color:#4c4c4c;
}

#seo_box_3 a:hover, #seo_box_3 a:active {
	text-decoration:none;
	color:#4c4c4c;
}

#seo_header_1 {
width: 272px: height: 20px;
	background-image:url(images/my_services.jpg);
}

#seo_header_2 {
width: 272px: height: 20px;
	background-image:url(images/my_other_links.jpg);
}

#seo_header_3 {
width: 272px: height: 20px;
	background-image:url(images/say_hello.jpg);
}


/*-------- footer --------*/

#footer {
	width: 960px;
	height: 51px;
	background-image:url(images/footer_bg.jpg);
	clear: both;
	margin: auto;
}

#footer_left {
	width: 200px;
	height: auto;
	margin: 17px 0 0 36px;
	float:left;
	text-align:left;
}

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

#footer_left a:hover, #footer_left a:active {
	text-decoration:none;
	color:#ffffff;
}

#footer_right {
	width: 200px;
	height: auto;
	margin: 17px 36px 0 0;
	float:right;	
	text-align:right;
}

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

#footer_right a:hover, #footer_right a:active {
	text-decoration:none;
	color:#ffffff;
}