html
{
	overflow: hidden;
}

body
{
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

a
{
	outline: none;
	border-style: none;
	text-decoration: none;
	outline-style: none;
}

#header
{
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 59px;
	overflow: hidden;
	background-image: url(images/header8.png);
}

#content
{
	padding: 0;
	margin: 0;
	position: absolute;
	top: 59px;
	left: 0px;
	right: 0px;
	bottom: 21px;
	overflow: hidden;
	background-image: url(images/body5.jpg);
	/*border-style: solid;
	border-color: red;
	border-width: 1px;*/
}

#about_bar
{
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 50px;
	left: 0px;
	overflow: hidden;
	/*border-style: solid;
	border-color: cyan;
	border-width: 1px;*/
}

#footer
{
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0px;
	width: 100%;
	bottom: 0px;
	height: 21px;
	overflow: hidden;
	text-align: center;
	background-image: url(images/footer4.png);
}

#header, #content, #footer
{
	min-width: 620px;
}

#joe_name
{
	position: absolute;
	top: 10px;
	left: 0px;
	width: 33%;
	height: 40px;
	overflow: hidden;
	text-align: center;
	/*border-style: solid;
	border-color: magenta;
	border-width: 1px;*/
}

#bryan_name
{
	position: absolute;
	top: 10px;
	right: 0px;
	width: 33%;
	height: 40px;
	overflow: hidden;
	text-align: center;
	/*border-style: solid;
	border-color: gray;
	border-width: 1px;*/
}

#about_us
{
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	bottom: 10px;
	overflow: hidden;
	text-align: center;
	color: #fff2e9;
	font-family: Tahoma, sans-serif;
	background-image: url(images/bg_trans_10.png);
	/*border-style: solid;
	border-color: gray;
	border-width: 1px;*/
}

#joe
{
	margin: 0;
	position: absolute;
	top: 50px;
	left: 10px;
	width: 33%;
	bottom: 10px;
	overflow: hidden;
	text-align: center;
	/*border-style: solid;
	border-color: green;
	border-width: 1px;*/
}

#joe_contact
{
	margin: 0;
	position: absolute;
	top: 20px;
	left: 10px;
	width: 33%;
	bottom: 10px;
	overflow: hidden;
	text-align: center;
	/*border-style: solid;
	border-color: green;
	border-width: 1px;*/
}

#bryan
{
	margin: 0;
	position: absolute;
	top: 50px;
	right: 10px;
	width: 33%;
	bottom: 10px;
	overflow: hidden;
	text-align: center;
	/*border-style: solid;
	border-color: blue;
	border-width: 1px;*/
}

#bryan_contact
{
	margin: 0;
	position: absolute;
	top: 20px;
	right: 10px;
	width: 33%;
	bottom: 10px;
	overflow: hidden;
	text-align: center;
	/*border-style: solid;
	border-color: blue;
	border-width: 1px;*/
}

#about
{
	position: absolute;
	margin: 0;
	padding-top: 7%;
	top: 50px;
	left: 34%;
	right: 34%;
	bottom: 10px;
	overflow: hidden;
	/*border-style: solid;
	border-color: yellow;
	border-width: 1px;*/
}

p.about
{
	line-height: 150%;
}

img.aboutname
{
    margin: auto;
}

img.aboutpic
{
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

/* CSS Menu Setup */
.main_menu
{
    float: right;
    padding-top: 13px;
}

.sub_menu
{
	position: absolute;
    float: left;
    margin-left: 7px;
    margin-top: -15px;
}

/* CSS Menu List Setup */
ul.menu_main, ul.menu_sub
{
    list-style: none;
    padding: 0px;
}

ul.menu_main li
{
    float: right;
}

ul.menu_sub li
{
    float: left;
}

ul.menu_main li a
{
    display: block;
    height: 33px;
    background: url(images/dg_links_main.png);
}

ul.menu_sub li a
{
    display: block;
    height: 32px;
    background: url(images/dg_links_portfolios.png);
}

/* Main Menu Links - Normal State */
ul.menu_main li.portfolios a
{
    width: 105px;
    background-position: 0 0px;
}

ul.menu_main li.about a
{
    width: 76px;
    background-position: -105px 0;
}

ul.menu_main li.contact a
{
    width: 92px;
    background-position: -181px 0;
}

ul.menu_main li.blog a
{
    width: 64px;
    background-position: -273px 0;
}

/* Sub Menu Links - Normal State */
ul.menu_sub li.portraits a
{
    width: 95px;
    background-position: 0 0;
}

ul.menu_sub li.portraits_gallery a
{
    width: 95px;
    background-position: 0 -34px;
}

ul.menu_sub li.weddings a
{
    width: 115px;
    background-position: -95px 0;
}

ul.menu_sub li.weddings_gallery a
{
    width: 115px;
    background-position: -95px -34px;
}

ul.menu_sub li.engagements a
{
    width: 148px;
    background-position: -210px 0;
}

ul.menu_sub li.engagements_gallery a
{
    width: 148px;
    background-position: -210px -34px;
}

ul.menu_sub li.musicians a
{
    width: 119px;
    background-position: -358px 0;
}

ul.menu_sub li.musicians_gallery a
{
    width: 119px;
    background-position: -358px -34px;
}

ul.menu_sub li.architecture a
{
    width: 133px;
    background-position: -477px 0;
}

ul.menu_sub li.architecture_gallery a
{
    width: 133px;
    background-position: -477px -34px;
}

/* Main Menu Links - Hover State */
ul.menu_main li.portfolios a:hover
{
    background-position: 0 -33px;
}

ul.menu_main li.about a:hover
{
    background-position: -105px -33px;
}

ul.menu_main li.contact a:hover
{
    background-position: -181px -33px;
}

ul.menu_main li.blog a:hover
{
    background-position: -273px -33px;
}

/* Sub Menu Links - Hover State */
ul.menu_sub li.portraits a:hover
{
    background-position: 0 -34px;
}

ul.menu_sub li.weddings a:hover
{
    background-position: -95px -34px;
}

ul.menu_sub li.engagements a:hover
{
    background-position: -210px -34px;
}

ul.menu_sub li.musicians a:hover
{
    background-position: -358px -34px;
}

ul.menu_sub li.architecture a:hover
{
    background-position: -477px -34px;
}