@charset "UTF-8";
/* CSS Document */

/*----------------------universal style rule--------------------*/
*
{
	margin:0;
	padding:0;
	border:0;
}
/*-----------------------------body-----------------------------*/
body
{
	background-image:url(images/paper.jpg);
	background-repeat:repeat;
	z-index:0;
	position:relative;
	outline-style: none;
	background-color: #DEC78B;
	font-family: Arial, Helvetica, sans-serif;
	color: #56340F;
}
/*----------------------------hidden-----------------------------*/
#hidden_name
{
	position: absolute;
	width: 30em;
	left: -200em;
	top: 0em;
	color: #000;
}
/*--------------------------common tags-------------------------*/
img
{
	height: 100%;
	width: 100%;
}
h1
{
	color:#B3965C;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	text-align:left;
	letter-spacing: 0.08em;
	font-variant: normal;
	padding-bottom: 1em;
}
p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#663E13;/* brown */
	line-height:190%;
	text-align:left;
	margin-top: 0.5em;
	padding-bottom: .8em;
}
a:link
{
	color: #663E13;
	text-decoration: underline;
}
a:visited
{
	color: #663E13;
	text-decoration: underline;
}
a:hover
{
	color: #000000;
	text-decoration: none;
}
a:active
{
	color: #000000;
	text-decoration: none;
}
/*--------------------------bkgd shadow-------------------------*/
#bkgd {
	position: absolute;
	z-index: -10;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 0em;
}
/*----------------------------wrapper---------------------------*/
#wrapper
{
	width:60em;
	background-color:#f3e6b2;
	position:relative;
	outline-style: none;
	margin-top: 1.5em;
	margin-right: auto;
	margin-left: auto;
	height: 40em;
	background-image: url(images/blend1.png);
	background-repeat: repeat-x;
	background-position: bottom;
	z-index: 0;
}
/*----------------------------branding---------------------------*/
#branding
{
	background-image: url(images/branding_bkg.jpg);
	position: absolute;
	height: 9em;
	width: 60em;
	left: 0em;
	top: 0em;
	background-color: #442C00;
}
#branding_logo
{
	position: absolute;
	height: 5.5em;
	width: 28em;
	left: 4em;
	top: 3em;
}
#branding_websites
{
	color: #F3E6B2;
	position: absolute;
	width: 21em;
	top: 4.2em;
	left: 33em;
	font-weight: bold;
	letter-spacing: 0.1em;
	height: 3.5em;
}
#branding_bottom_rule
{
	position: absolute;
	height: .8em;
	width: 60em;
	left: 0em;
	bottom: 0em;
}
/*--------------------------navbar-------------------------------*/
#navbar
{
	float:left;
	width:60em;
	position: absolute;
	height: 2em;
	left: 0em;
	top: 9em;
	z-index: 100;
}
#navbar ul
{
	list-style-type:none;
}
/* List items in the navbar */
#navbar li
{
	float:left;
	width: 20%;
	background-color: #ddbc76;
	border-bottom: .1em solid #c7a361;
}
/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited
{
	font-family:Arial, Helvetica, sans-serif;
	color:#764206;
	text-decoration:none;
	display:block;
	text-align:center;
	outline-style:none;
	border-right: solid .1em #c7a361;
	outline-style:none;
	font-size: .8em;
	margin: 0px;
	padding-top: 0.6em;
	padding-bottom: 0.5em;
}
/* Navbar hover, active, and current page links */
#navbar a:hover
{
	background-color:#c7a361;
	color:#764206;
}
#navbar a:active
{
	color:#7a4e3d;
}
#navbar li.selected a:link
{
	background-color:#c7a361;
}
/*--------------------------content----------------------------*/
#content
{
	position: absolute;
	height: 27em;
	width: 60em;
	left: 0em;
	top: 10.5em;
}
#logo2_left
{
	position: absolute;
	height: 15em;
	width: 20em;
	left: -12em;
	top: 10em;
	z-index: 100;
}
/*--------------------------footer-----------------------------*/
#footer
{
	position: absolute;
	height: 3em;
	width: 60em;
	left: 0em;
	bottom: 0em;
	background-image: url(images/branding_bkg.jpg);
	background-repeat: repeat;
	background-color: #442C00;
	z-index: 10;
}
#footer_top_rule
{
	position: absolute;
	height: 0.8em;
	width: 60em;
	left: 0em;
	top: 0em;
}
/*-----------------------------copyright------------------------*/
#copyright
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0em;
	bottom: -3.5em;
}
#index_welcome
{
	position: absolute;
	height: 4em;
	width: 17em;
	left: 17.7em;
	top: 2em;
}
#index_text1
{
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	height: 20em;
	width: 35em;
	left: 19em;
	top: 7em;
	z-index: 10;
}
#index_bkgd
{
	position: absolute;
	height: 27em;
	width: 60em;
	left: 0em;
	top: -0.5em;
}
/*------------------------------index----------------------------*/
#index_logo1
{
	position: absolute;
	height: 15em;
	width: 22em;
	right: -11.5em;
	bottom: 2em;
	z-index: 10;
}
#index_photo1
{
	position: absolute;
	height: 14em;
	width: 21em;
	left: -5em;
	top: 5.5em;
	background-color: #DDBC76;
	border: .2em solid #663E13;
}
/*------------------------------websites----------------------------*/
#websites
{
	position: absolute;
	height: 3.5em;
	width: 16em;
	left: 4em;
	top: 1.5em;
}
#websites_text1
{
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	height: 22em;
	width: 35em;
	left: 7.5em;
	top: 4.5em;
	z-index: 10;
}
#websites_text1 p
{
	line-height: 160%;
	padding-bottom: .5em;
}
#websites_text1 ul
{
	font-size: 0.9em;
	line-height: 160%;
	padding-left: 2em;
	color: #663E13;
	font-style: italic;
}
#websites_bird
{
	position: absolute;
	height: 27em;
	width: 44em;
	left: 0em;
	top: -.5em;
}
#websites_right
{
	background-color: #F3E4B1;
	position: absolute;
	height: 24em;
	width: 14.5em;
	top: 0em;
	right: 0em;
	font-size: 0.9em;
	padding-top: 4em;
	padding-right: 2em;
	padding-bottom: 2em;
	padding-left: 1.5em;
	background-image: url(images/beige001.gif);
	background-repeat: repeat;
	overflow: auto;
}
#websites_view_samples {
	position: absolute;
	height: 2em;
	width: 13em;
	top: 2.5em;
	font-size: 0.9em;
	padding:0.5em;
	z-index: 10;
	left: 50em;
}
#websites_right ul
{
	padding-left: 1em;
	padding-top: 1em;
	font-size: 0.85em;
	line-height: 180%;
	padding-bottom: 2em;
}
#websites_right li
{
	list-style-type: square;
}
#websites_right ul li a
{
	color: #663E13;
	text-decoration: none;
	outline-style: none;
}
#websites_right ul li a:hover
{
	color: #764206;
	text-decoration: underline;
	outline-style: none;
}
#websites_right ul li a:active
{
	color: #663E13;
	text-decoration: none;
	outline-style: none;
}
#websites_quicklook_content
{
	position: absolute;
	height: 26em;
	width: 60em;
	left: 0em;
	top: 11em;
}
/*-------------------websites_quicklook----------------------------*/
#websites_quicklook_content a:link
{
	color: #663E13;
	letter-spacing: 0.2em;
	text-decoration: none;
	outline-style:none;
}
#websites_quicklook_content a:visited
{
	color: #663E13;
	letter-spacing: 0.2em;
	text-decoration: none;
	outline-style:none;
}
#websites_quicklook_content a:hover
{
	color: #000000;
	letter-spacing: 0.2em;
	text-decoration: none;
	outline-style:none;
}
#websites_quicklook_content a:active
{
	color: #666666;
	letter-spacing: 0.2em;
	text-decoration: none;
	outline-style:none;
}
#websites_quicklook_back
{
	position: absolute;
	width: 100%;
	left: 0em;
	top: 119.5em;
	text-align: center;
	padding-bottom: 2em;
}
#websites_quicklook_back a:link
{
	color: #663E13;
	text-decoration: none;
	outline-style: none;
	font-size: .8em;
}
#websites_quicklook_back a:visited
{
	color: #663E13;
	text-decoration: none;
	outline-style: none;
	font-size: .8em;
}
#websites_quicklook_back a:hover
{
	color: #764206;
	text-decoration: underline;
	font-size: .8em;
}
#websites_quicklook_back a:active
{
	color: #663E13;
	text-decoration: none;
	font-size: .8em;
}
/*-----------------quicklook 1------------------*/
#websites_quicklook1
{
	background-color: #FFFFFF;
	position: absolute;
	height: 15em;
	width: 23em;
	left: 5em;
	top: 4em;
	border: 1px solid #000000;
}
#websites_quicklook1_name
{
	position: absolute;
	height: 2em;
	width: 15em;
	left: 5em;
	top: 2.5em;
	color: #663E13;
	letter-spacing: 0em;
}
#websites_quicklook1_menu
{
	position: absolute;
	height: 2em;
	width: 25em;
	left: 6em;
	top: 21.5em;
	color: #663E13;
	font-size: 0.9em;
	letter-spacing: 0.5em;
}
/*-----------------quicklook 2------------------*/
#websites_quicklook2
{
	background-color: #FFFFFF;
	position: absolute;
	height: 15em;
	width: 23em;
	left: 32em;
	top: 4em;
	border: 1px solid #000000;
}
#websites_quicklook2_name
{
	position: absolute;
	height: 2em;
	width: 15em;
	left: 32em;
	top: 2.5em;
	color: #663E13;
	letter-spacing: 0em;
}
#websites_quicklook2_menu
{
	position: absolute;
	height: 2em;
	width: 25em;
	left: 36em;
	top: 21.5em;
	color: #663E13;
	font-size: 0.9em;
	letter-spacing: 0.5em;
}
/*-----------------quicklook 3------------------*/
#websites_quicklook3
{
	background-color: #FFFFFF;
	position: absolute;
	height: 15em;
	width: 23em;
	left: 5em;
	top: 23.5em;
	border: 1px solid #000000;
}
#websites_quicklook3_name
{
	position: absolute;
	height: 2em;
	width: 15em;
	left: 5em;
	top: 22em;
	color: #663E13;
	letter-spacing: 0em;
}
#websites_quicklook3_menu
{
	position: absolute;
	height: 2em;
	width: 27em;
	left: 6em;
	top: 43.2em;
	color: #663E13;
	font-size: 0.9em;
	letter-spacing: 0.5em;
}
/*-----------------quicklook 4------------------*/
#websites_quicklook4
{
	background-color: #FFFFFF;
	position: absolute;
	height: 15em;
	width: 23em;
	left: 32em;
	top: 23.5em;
	border: 1px solid #000000;
}
#websites_quicklook4_name
{
	position: absolute;
	height: 2em;
	width: 15em;
	left: 32em;
	top: 22em;
	color: #663E13;
	letter-spacing: 0em;
}
#websites_quicklook4_menu
{
	position: absolute;
	height: 2em;
	width: 27em;
	left: 36em;
	top: 43.2em;
	color: #663E13;
	font-size: 0.9em;
	letter-spacing: 0.5em;
}
/*-----------------quicklook 5------------------*/
#websites_quicklook5
{
	background-color: #FFFFFF;
	position: absolute;
	height: 15em;
	width: 23em;
	left: 5em;
	top: 43em;
	border: 1px solid #000000;
}
#websites_quicklook5_name
{
	position: absolute;
	height: 2em;
	width: 15em;
	left: 5em;
	top: 41.5em;
	color: #663E13;
	letter-spacing: 0em;
}
#websites_quicklook5_menu
{
	position: absolute;
	height: 2em;
	width: 27em;
	left: 6em;
	top: 64.9em;
	color: #663E13;
	font-size: 0.9em;
	letter-spacing: 0.5em;
}
/*-----------------quicklook 6------------------*/
#websites_quicklook6
{
	background-color: #FFFFFF;
	position: absolute;
	height: 15em;
	width: 23em;
	left: 32em;
	top: 43em;
	border: 1px solid #000000;
}
#websites_quicklook6_name
{
	position: absolute;
	height: 2em;
	width: 15em;
	left: 32em;
	top: 41.5em;
	color: #663E13;
	letter-spacing: 0em;
}
#websites_quicklook6_menu
{
	position: absolute;
	height: 2em;
	width: 27em;
	left: 36em;
	top: 64.9em;
	color: #663E13;
	font-size: 0.9em;
	letter-spacing: 0.5em;
}
/*-----------------quicklook 7------------------*/
#websites_quicklook7
{
	background-color: #FFFFFF;
	position: absolute;
	height: 15em;
	width: 23em;
	left: 5em;
	top: 62.5em;
	border: 1px solid #000000;
}
#websites_quicklook7_name
{
	position: absolute;
	height: 2em;
	width: 15em;
	left: 5em;
	top: 61em;
	color: #663E13;
	letter-spacing: 0em;
}
#websites_quicklook7_menu
{
	position: absolute;
	height: 2em;
	width: 27em;
	left: 6em;
	top: 86.8em;
	color: #663E13;
	font-size: 0.9em;
	letter-spacing: 0.5em;
}
/*-----------------quicklook 8------------------*/
#websites_quicklook8
{
	background-color: #FFFFFF;
	position: absolute;
	height: 15em;
	width: 23em;
	left: 32em;
	top: 62.5em;
	border: 1px solid #000000;
}
#websites_quicklook8_name
{
	position: absolute;
	height: 2em;
	width: 15em;
	left: 32em;
	top: 61em;
	color: #663E13;
	letter-spacing: 0em;
}
#websites_quicklook8_menu
{
	position: absolute;
	height: 2em;
	width: 27em;
	left: 36em;
	top: 86.8em;
	color: #663E13;
	font-size: 0.9em;
	letter-spacing: 0.5em;
}
/*-----------------quicklook 9------------------*/
#websites_quicklook9
{
	background-color: #FFFFFF;
	position: absolute;
	height: 15em;
	width: 23em;
	left: 5em;
	top: 82em;
	border: 1px solid #000000;
}
#websites_quicklook9_name
{
	position: absolute;
	height: 2em;
	width: 15em;
	left: 5em;
	top: 80.5em;
	color: #663E13;
	letter-spacing: 0em;
}
#websites_quicklook9_menu
{
	position: absolute;
	height: 2em;
	width: 27em;
	left: 6em;
	top: 108.5em;
	color: #663E13;
	font-size: 0.9em;
	letter-spacing: 0.5em;
}
/*-----------------quicklook 10------------------*/
#websites_quicklook10
{
	background-color: #FFFFFF;
	position: absolute;
	height: 15em;
	width: 23em;
	left: 32em;
	top: 82em;
	border: 1px solid #000000;
}
#websites_quicklook10_name
{
	position: absolute;
	height: 2em;
	width: 22em;
	left: 32em;
	top: 80.5em;
	color: #663E13;
	letter-spacing: 0em;
}
#websites_quicklook10_menu
{
	position: absolute;
	height: 2em;
	width: 27em;
	left: 36em;
	top: 108.5em;
	color: #663E13;
	font-size: 0.9em;
	letter-spacing: 0.5em;
}
/*-----------------quicklook 11------------------*/
#websites_quicklook11
{
	background-color: #FFFFFF;
	position: absolute;
	height: 15em;
	width: 23em;
	left: 5em;
	top: 101.5em;
	border: 1px solid #000000;
}
#websites_quicklook11_name
{
	position: absolute;
	height: 2em;
	width: 15em;
	left: 5em;
	top: 100em;
	color: #663E13;
	letter-spacing: 0em;
}
#websites_quicklook11_menu
{
	position: absolute;
	height: 2em;
	width: 27em;
	left: 6em;
	top: 128em;
	color: #663E13;
	font-size: 0.9em;
	letter-spacing: 0.5em;
}
/*-----------------quicklook 12------------------*/
#websites_quicklook12
{
	background-color: #FFFFFF;
	position: absolute;
	height: 15em;
	width: 23em;
	left: 32em;
	top: 101.5em;
	border: 1px solid #000000;
}
#websites_quicklook12_name
{
	position: absolute;
	height: 2em;
	width: 22em;
	left: 32em;
	top: 100em;
	color: #663E13;
	letter-spacing: 0em;
}
#websites_quicklook12_menu
{
	position: absolute;
	height: 2em;
	width: 27em;
	left: 36em;
	top: 128em;
	color: #663E13;
	font-size: 0.9em;
	letter-spacing: 0.5em;
}
/*---------------graphic design-----------------------*/
#graphic_design
{
	position: absolute;
	height: 3.5em;
	width: 15em;
	left: 4em;
	top: 1.5em;
}
#graphic_design_text1
{
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	height: 22em;
	width: 20em;
	left: 7.5em;
	top: 5em;
	z-index: 10;
}
#graphic_design_text1 p
{
	line-height: 180%;
}
#graphic_design_photo1
{
	background-color: #F2E4B1;
	position: absolute;
	height: 21.5em;
	width: 15em;
	top: 2em;
	z-index: 20;
	right: 14.5em;
}
#graphics_photo1_shad
{
	position: absolute;
	height: 23.5em;
	width: 16.8em;
	top: 1.5em;
	z-index: 20;
	right: 13.2em;
}
#graphic_design_bird
{
	position: absolute;
	height: 27em;
	width: 44em;
	left: 0em;
	top: -.5em;
}
#graphic_design_right
{
	background-color: #F3E4B1;
	position: absolute;
	height: 23.5em;
	width: 13em;
	top: -0.5em;
	right: 0em;
	font-size: 0.9em;
	padding-top: 5em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 4em;
	background-image: url(images/beige001.gif);
	background-repeat: repeat;
}
#graphic_design_right ul
{
	padding-left: 1em;
	padding-top: 1em;
	font-size: 0.85em;
	line-height: 200%;
	padding-bottom: 2em;
}
#graphic_design_right li
{
	list-style-type: square;
}
#graphic_design_right ul li a
{
	color: #663E13;
	text-decoration: none;
	outline-style: none;
}
#graphic_design_right ul li a:hover
{
	color: #764206;
	text-decoration: underline;
}
#graphic_design_right ul li a:active
{
	color: #663E13;
	text-decoration: none;
}
/*---------------graphics_quicklook-----------------------*/
#graphics_quicklook_content
{
	position: absolute;
	height: 26.5em;
	width: 60em;
	left: 0em;
	top: 10.8em;
	background-image: url(images/blend_left.png);
	background-repeat: repeat-y;
}
#graphics_quicklook_postcards
{
	text-align: center;
	position: absolute;
	height: 58em;
	width: 50em;
	left: 5em;
	top: 0em;
}
#graphics_quicklook_back
{
	position: absolute;
	width: 40em;
	left: 10em;
	top: 65em;
	text-align: center;
	padding-bottom: 2em;
}
#graphics_quicklook_back a:link
{
	color: #663E13;
	text-decoration: none;
	outline-style: none;
	font-size: .8em;
}
#graphics_quicklook_back a:visited
{
	color: #663E13;
	text-decoration: none;
	outline-style: none;
	font-size: .8em;
}
#graphics_quicklook_back a:hover
{
	color: #764206;
	text-decoration: underline;
	font-size: .8em;
}
#graphics_quicklook_back a:active
{
	color: #663E13;
	text-decoration: none;
	font-size: .8em;
}
/*------------------photography-----------------------*/
#photography
{
	position: absolute;
	height: 3.5em;
	width: 15em;
	left: 5em;
	top: 2em;
}
#photography_text1
{
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	height: 22em;
	width: 24.5em;
	left: 8.5em;
	top: 6em;
	z-index: 10;
}
#photography_text1 p
{
	line-height: 190%;
}

#photography_bird
{
	position: absolute;
	height: 27em;
	width: 44em;
	left: 0em;
	top: -.5em;
}
#photography_photo1
{
	background-color: #F3E7B4;
	position: absolute;
	height: 22em;
	width: 17em;
	top: 2.5em;
	right: 5em;
}
#photo_photo1_shad
{
	position: absolute;
	height: 24.4em;
	width: 18.5em;
	top: 2em;
	right: 4em;
}
#photography_view_slideshow
{
	position: absolute;
	height: 2em;
	width: 15em;
	bottom: 3em;
	font-size: 0.8em;
	text-align: center;
	left: 31em;
}
#photography_slideshow_back
{
	position: absolute;
	height: 2em;
	width: 6em;
	bottom: 2em;
	font-size: 0.8em;
	text-align: center;
	left: 20em;
}
#photography_slideshow
{
	position: absolute;
	height: 23em;
	width: 35em;
	top: 1.5em;
	right: 3em;
}
#photo_slideshow_shad
{
	position: absolute;
	height: 26.3em;
	width: 38.5em;
	top: 0.2em;
	right: 1.2em;
}
#contact
{
	position: absolute;
	height: 3.5em;
	width: 15em;
	left: 3em;
	top: 4em;
}
#contact_bird
{
	position: absolute;
	height: 28em;
	width: 44em;
	left: 0em;
	top: -0.5em;
}
#contact_text1
{
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	height: 15em;
	width: 22em;
	left: 8em;
	top: 8em;
	z-index: 10;
}
#contact_right
{
	background-color: #E9D398;
	position: absolute;
	height: 24.5em;
	width: 21em;
	top: -0.5em;
	right: 0em;
	font-size: 0.9em;
	padding-top: 3em;
	padding-right: 2em;
	padding-bottom: 2em;
	padding-left: 2em;
}
#contact2
{
	position: absolute;
	height: 3.5em;
	width: 15em;
	left: 4em;
	top: 4em;
}
#contact2_bird
{
	position: absolute;
	height: 28em;
	width: 42em;
	left: 0em;
	top: -0.5em;
}
#contact2_text
{
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	height: 6em;
	width: 20em;
	left: 9.5em;
	bottom: 1em;
}
#contact2_right
{
	background-color: #E9D398;
	position: absolute;
	height: 18em;
	width: 26em;
	top: 4em;
	right: 4em;
}
#contact2_right_shad
{
	position: absolute;
	height: 20.3em;
	width: 28em;
	top: 3.5em;
	right: 2.4em;
}
/*---------------------------- form ----------------------------------*/
#form {
	position: absolute;
	width: 23.5em;
	padding: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #735331;
	line-height: 160%;
	top: 0.5em;
	right: 1.8em;
	z-index: 20;
}
.feedback {
	padding: .5em;
	width: 100%;
}
.submit {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
	height: 2em;
	width: 6em;
	border: 0;
	color: #330000;
	padding: 0.2em;
	background-color: #fff;
	margin-top: 1em;
}