/* @group GENERAL */

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
}

html {
	background-color: #f5f3f0;
}

body {
	line-height: 1;
}

body,td,th {
	color: #453b31;
}

h1 {
	font-size: 1.75em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.45em;
}

h4 {
	font-size: 1.3em;
}

h5 {
	font-size: 1.15em;
}

h6 {
	font-size: 1em;
}

h1,h2,h3,h4,h5,h6 {
	line-height: 1.5em;
	margin-bottom: 1.44em;
	padding: 0 15px;
}

p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1em 0;
	padding: 0 15px;
}

p.paragraph_first {
	margin-top: 0;
}

p.paragraph_last {
	margin-bottom: 0;
}

a:link,a:visited,a:hover,a:active {
	font-size: 1em;
}

a:link {
	color: #453b31;
	text-decoration: underline;
}

a:visited {
	color: #573527;
	text-decoration: underline;
}

a:hover {
	color: #754a1f;
	text-decoration: underline;
}

a:active {
	color: #453b31;
	text-decoration: underline;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.clearboth {
	clear: both;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.textindent {
	text-indent: -9999px;
}

.bold {
	font-weight: 700;
}

.italic {
	font-style: italic;
}

/* @end */

#maincontainer {
	background-color: #f5f3f0;
	width: 760px;
	margin: 13px auto;
}

/* @group HEADER */

#header {
	width: 760px;
	float: left;
	background: url(../images/menusubbkgrnd.gif) no-repeat right bottom;
}

#logo {
	width: 295px;
	float: left;
}

#header .menu {
	width: 432px;
	height: 24px;
	float: right;
	margin-top: 42px;
}

#header .menu1 {
	background: url(../images/menubkgrnd1.gif) no-repeat right top;
}

#header .menu2 {
	background: url(../images/menubkgrnd2.gif) no-repeat right top;
}

#header .menu3 {
	background: url(../images/menubkgrnd3.gif) no-repeat right top;
}

#header .menu4 {
	background: url(../images/menubkgrnd4.gif) no-repeat right top;
}

#header .menu ul {
	list-style: none;
}

#header .menu li {
	display: inline;
}

#header .menu a:link,#header .menu a:visited {
	width: 85px;
	padding-left: 22px;
	text-align: center;
	float: left;
	font-size: .93em;
	font-weight: 700;
	color: #5f574d;
	text-decoration: none;
	line-height: 24px;
}

#header .menu a:link.menucurrent,#header .menu a:visited.menucurrent {
	color: #fdfbf8;
}

#header .menu a:hover {
	color: #6e512f;
}

#header .submenu {
	color: #e6e4e4;
	width: 395px;
	height: 18px;
	padding-top: 11px;
	text-align: center;
	float: left;
	background: url(../images/submenu_bkgrnd.gif) no-repeat 0 0;
}

#header .submenu ul {
	list-style: none;
}

#header .submenu li {
	display: inline;
}

#header .submenu a {
	padding: 0 .33em;
}
#header .submenu a:link,#header .submenu a:visited {
	font-size: .93em;
	color: #b6b3b0;
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
}

#header .submenu a:link.submenucurrent,#header .submenu a:visited.submenucurrent {
	color: #f2f2f2;
}

#header .submenu a:hover {
	text-decoration: underline;
}

#header .submenu a:hover.submenucurrent {
	text-decoration: none;
}

#index .submenu,#about .submenu,#contact .submenu {
	display: none;
}

/* @end */

#content {
	width: 733px;
	float: left;
	padding: 25px 14px 0 13px;
	background: url(../images/contentbkgrnd.gif) repeat-y;
}

/* @group INDEX */

#contentmaincolumn {
	background-color: #eae6e3;
	width: 433px;
	float: left;
}

#contentmaincolumn .upperleft {
	height: 45px;
	background: #f5f3f0 url('../images/upperleft_content.png') no-repeat left top;
}

#contentmaincolumn .middle {
	margin-top: -12px;
}

#contentmaincolumn .middle p {
	font-size: .99em;
	line-height: 1.65em;
	padding: 0 24px 0 30px;
}

#contentmaincolumn .lowerright {
	height: 24px;
	background: #f5f3f0 url('../images/lowerright_content.png') no-repeat right bottom;
}

#featured {
	width: 281px;
	float: right;
}

#featured h1,#featured h2,#featured h3,#featured h4,#featured h5,#featured h6,#featured p {
	padding: 0;
}

#featured .upperleft {
	height: 45px;
	background-image: url('../images/upperleft_featured.png');
	background-repeat: no-repeat;
	background-position: top left;
}

#featured .featuredheader a:link,#featured .featuredheader a:visited {
	color: #a29383;
	text-decoration: none;
	padding: 0 1.33em 0 0;
	background: url(../images/arrow_viewportfoliov1.gif) no-repeat right;
	font-size: .86em;
}

#featured .featuredheader a:hover {
	text-decoration: underline;
}

#featured .lowerright {
	height: 20px;
	padding: 4px 1.11em 0 0;
	text-align: right;
	background: url('../images/lowerright_featured.png') no-repeat right bottom;
}

#featured .lowerright a:link,#featured .lowerright a:visited {
	display: block;
	color: #fdfdfd;
	text-decoration: none;
	padding: 0 1.33em 0 0;
	background: url(../images/arrow_viewportfoliov2.gif) no-repeat right;
}

#featured .lowerright a:hover {
	text-decoration: underline;
}

#featured .middle {
	border-right: 1px solid #c1bdba;
	border-left: 1px solid #c1bdba;
}

#featured .contentcontainer {
	width: 249px;
	margin: 0 auto;
	position: relative;
	top: -32px;
}

#featured .featuredheader h1 {
	font-size: 1.14em;
	font-weight: 700;
	color: #5f574d;
	margin: 0 0 .44em;
}

#featured .featuredheader {
	width: 220px;
	padding-left: 29px;
}

#featured .thumb {
	width: 246px;
	margin: .88em 0 0;
}

#featured .thumb a img {
	background-color: #c7c3c0;
	width: 240px;
	padding: 3px;
}

#featured .thumb a img:hover {
	background: url(../images/featured_hover.gif) no-repeat left top;
}

/* This below is for IE6 hover fix / Works with JQuery */

.hoverie6,#featured .thumb a img:hover {
	background: url(../images/featured_hover.gif) no-repeat left top;
}

#featured .corner {
	width: 29px;
	height: 29px;
	position: absolute;
	background: url(../images/corner_featured.png) no-repeat left top;
}

#featured p {
	margin: .33em 0 0;
	font-size: .79em;
	line-height: 1.22em;
	color: #898581;
}

#featured p .title {
	font-size: 1em;
	font-weight: 700;
	color: #70695f;
}

/* @end */

/* @group PORTFOLIO */

#contentportfolio {
	width: 760px;
	float: left;
	padding: 25px 0 0;
	background: url(../images/contentbkgrnd.gif) repeat-y;
}

#contentportfolio .portfolioweb {
	width: 732px;
	float: left;
	margin: 0 0 1.6em;
	padding: 0 0 0 13px;
	position: relative;
}

#contentportfolio .portfolioweb_last {
	margin-bottom: 0;
}

#contentportfolio .thumbweb {
	width: 510px;
	float: left;
}

.thumbweb a img {
	background-color: #c7c3c0;
	width: 504px;
	padding: 3px;
}

#contentportfolio .thumbweb a img:hover {
	background: url(../images/portfolioweb_hover.gif) no-repeat left top;
}

/* This below is for IE6 hover fix / Works with JQuery */

.hoverie6_portweb,#contentportfolio .thumbweb a img:hover {
	background: url(../images/portfolioweb_hover.gif) no-repeat left top;
}

.portfolioweb .description {
	width: 220px;
	float: right;
	position: relative;
}

.portfolioweb .corner {
	width: 46px;
	height: 46px;
	position: absolute;
	background: url(../images/corner_portfolioweb.png) no-repeat left top;
}

.portfolioweb h3 {
	margin: 1.11em 0 .11em;
	font-size: 1em;
	font-weight: 700;
}

.portfolioweb p {
	margin: 0 0 1em;
	font-size: .86em;
	line-height: 1.22em;
	color: #a29d98;
}

.portfolioweb .description a:link,.portfolioweb .description a:visited {
	padding: 0 0 0 15px;
	color: #c1bdba;
	font-size: .93em;
	text-decoration: none;
}

.portfolioweb .description a:hover {
	text-decoration: underline;
}

.portfolioweb .backtotop a img {
	position: absolute;
	top: 155px;
	left: 8px;
}

/* PORTFOLIO WEB ENDS ########## */

#contentportfolio .portfolioprint {
	width: 229px;
	padding: 0 10px 0 13px;
	margin: 0 0 1.11em;
	float: left;
	position: relative;
}

#contentportfolio .thumbprint {
	width: 229px;
	float: left;
}

.thumbprint a img {
	background-color: #c7c3c0;
	width: 223px;
	padding: 3px;
}

#contentportfolio .thumbprint a img:hover {
	background: url(../images/portfolioprint_hover.gif) no-repeat left top;
}

/* This below is for IE6 hover fix / Works with JQuery */

.hoverie6_portprint,#contentportfolio .thumbprint a img:hover {
	background: url(../images/portfolioprint_hover.gif) no-repeat left top;
}

.portfolioprint .description {
	margin: .11em 0 0;
	width: 227px;
	float: left;
	position: relative;
}

.portfolioprint .corner {
	width: 29px;
	height: 29px;
	position: absolute;
	background: url(../images/corner_portfolioprint.png) no-repeat left top;
}

.portfolioprint h3 {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: .80em;
	font-weight: 700;
}

.portfolioprint p {
	margin: 0;
	padding: 0 0 0 .11em;
	display: inline;
	font-size: .80em;
	line-height: 1.11em;
	color: #a29d98;
}

/* PORTFOLIO PRINT ENDS ########## */

/* @end */

/* @group ABOUT */

#about h1 {
	font-size: 1.09em;
	line-height: 1.33em;
}

#about h2 {
	font-size: 1.05em;
	line-height: 1.33em;
	padding-left: 37px;
	color: #a29383;
	background: url(../images/h2_aboutbullet.gif) no-repeat 15px 4px;
}

#about p {
	font-size: .9em;
}

#contentaboutbio {
	width: 732px;
	float: left;
	background: #f5f3f0 url(../images/aboutbiobkgrnd_middle.gif) repeat-y 0;
}

#contentaboutbio .top {
	width: 732px;
	height: 36px;
	float: left;
	background: #f5f3f0 url(../images/aboutbiobkgrnd_top.gif) no-repeat left top;
}

#contentaboutbio .middle {
	width: 732px;
	float: left;
	margin-top: -21px;
}

#contentaboutbio .middle img {
	margin: 0 15px 5px;
	float: left;
}

#contentaboutbio .bottom {
	width: 732px;
	height: 23px;
	float: left;
	background: #f5f3f0 url(../images/aboutbiobkgrnd_bottom.gif) no-repeat right bottom;
}

#contentaboutresume {
	width: 732px;
	float: left;
	margin-top: 16px;
	background: #f5f3f0 url(../images/aboutbiobkgrnd_middle.gif) repeat-y 0;
}

#contentaboutresume .top {
	width: 732px;
	height: 36px;
	float: left;
	background: #f5f3f0 url(../images/aboutbiobkgrnd_top.gif) no-repeat left top;
}

#contentaboutresume .middle {
	width: 732px;
	float: left;
	margin-top: -15px;
}

#contentaboutresume .middlec1 {
	width: 425px;
	float: left;
}

#contentaboutresume .middlec2 {
	width: 305px;
	float: left;
}

#contentaboutresume .bottom {
	width: 732px;
	height: 23px;
	float: left;
	background: #f5f3f0 url(../images/aboutbiobkgrnd_bottom.gif) no-repeat right bottom;
}

#contentaboutresume ul {
	margin: 0 0 27px;
}

#contentaboutresume .middlec1 ul {
	padding: 0 5px 0 15px;
}

#contentaboutresume .middlec2 ul {
	padding: 0 15px;
}

#contentaboutresume ul.ullast {
	margin: 0;
}

#contentaboutresume ul li {
	font-size: .86em;
	line-height: 1.44em;
	margin: 0;
}

#contentaboutresume ul.lismargin li {
	margin: 0 0 1.71em;
}

#contentaboutresume ul li span.li_title {
	font-size: 1.11em;
	font-weight: 700;
}

/* @end */

/* @group CONTACT */

#contact_c1 {
	background: #ece8e5;
	width: 280px;
	float: left;
}

#contact_c1 .top {
	width: 280px;
	height: 35px;
	float: left;
	background: #f5f3f0 url(../images/contactinfobkgrnd_top.gif) no-repeat left top;
}

#contact_c1 .middle {
	width: 280px;
	float: left;
	margin-top: -17px;
}

#contact_c1 .bottom {
	width: 280px;
	height: 25px;
	float: left;
	background: #f5f3f0 url(../images/contactinfobkgrnd_bottom.gif) no-repeat right bottom;
}

#contact_c1 p {
	padding: 0 0 0 33px;
}

#contact_c1 p span.bold {
	font-size: 1.15em;
}

#contact_c1 .emailmy {
	padding: 0 0 0 33px;
}

#contact_c2 {
	width: 433px;
	float: right;
	background: #f5f3f0 url(../images/contactformbkgrnd_middle.gif) repeat-y 0;
}

#contact_c2 .top {
	width: 433px;
	height: 36px;
	float: left;
	background: #f5f3f0 url(../images/contactformbkgrnd_top.gif) no-repeat left top;
}

#contact_c2 .middle {
	width: 433px;
	float: left;
	margin-top: -21px;
}

#contact_c2 .bottom {
	width: 433px;
	height: 23px;
	float: left;
	background: #f5f3f0 url(../images/contactformbkgrnd_bottom.gif) no-repeat right bottom;
}

#contact_c2 h2 {
	margin: 0 0 1em;
	padding: 0 0 0 33px;
	font-size: 1.44em;
	font-weight: 400;
}

#contact_c2 form {
	padding: 0 0 0 33px;
}

#contact_c2 fieldset {
	margin: 0;
	padding: 0;
}

#contact_c2 fieldset ul {
	padding: 0;
	list-style: none;
}

#contact_c2 fieldset li {
	padding-bottom: 1.22em;
}

#contact_c2 fieldset.submit {
	border-style: none;
}

#contact_c2 label {
	padding: 0 0 .22em;
	color: #70695f;
	display: block;
	font-weight: 700;
}

#contact_c2 label span {
	font-size: .90em;
	font-weight: 400;
	font-style: italic;
}

#contact_c2 label.error {
	color: #bc0000;
	padding: .33em 0 0;
	font-size: .88em;
	font-weight: 400;
}

#contact_c2 input.textstyle {
	padding: .11em 0 .22em .22em;
	color: #453b31;
	width: 370px;
	background-color: #eceaea;
	border: 1px solid #cdcac8;
}

/* The width assigned below will avoid double side padding in IE */

#contact_c2 input.button {
	width: 9em;
	padding: .22em;
	margin-top: 1.11em;
	color: #fdfbfb;
	background-color: #6f685e;
	border: 1px solid #6f685e;
}

#contact_c2 textarea {
	color: #453b31;
	width: 375px;
	height: 130px;
	background-color: #eceaea;
	border: 1px solid #cdcac8;
}

#contact_c2 .thanks {
	margin: .33em 0 0;
	text-align: center;
	font-size: 2.22em;
	color: #ada091;
}

#contact_c2 .noshow {
	display: none;
}

/* @end */

/* @group FOOTER */

#footer {
	width: 675px;
	height: 43px;
	padding: 28px 75px 0 10px;
	margin: 0 0 13px;
	float: left;
	position: relative;
	background: url(../images/footerbkgrnd.gif) no-repeat left bottom;
}

.footermenu {
	text-align: center;
	color: #8a857e;
}

.footermenu ul {
	list-style: none;
}

.footermenu li {
	display: inline;
}

.footermenu a:link,.footermenu a:visited {
	font-size: .79em;
	color: #8a857e;
	text-decoration: none;
}

.footermenu a:link.menucurrent,.footermenu a:visited.menucurrent {
	color: #fdfbf8;
}

.footermenu a:hover {
	text-decoration: underline;
}

.footermenu a:hover.menucurrent {
	text-decoration: none;
}

/* The "height" below fixes the cut lowercase in IE */

#copyright {
	width: 300px;
	float: left;
	font-size: .66em;
	color: #c4bcb0;
	position: relative;
	top: 10px;
	height: 1.5em;
}

#validation {
	width: 300px;
	float: right;
	text-align: right;
	font-size: .66em;
	position: relative;
	top: 10px;
}

#validation a:link,#validation a:visited {
	font-size: 1em;
	color: #e2d5c8;
	text-decoration: none;
}

#validation a:hover {
	color: #453b31;
	text-decoration: underline;
}

#footer .backtotop a img {
	margin: -29px -49px 0 0;
	float: right;
}

/* @end */