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

@import url(font.css);

@import url(iphone.css);

/* body */

body  {
	font: 100% 'TeXGyreAdventorRegular', Veranda, sans-serif;
	font-weight: normal;
	font-style: normal;
	background: url(../images/background_pattern.jpg) repeat #554231;
	position: relative;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #4C452E;
}

/* container */

#container {
	width: 930px;
	height: auto;
	margin: 30px auto 60px auto;
	padding: 0;
	position: relative;
}

/* header */

#header { 
	background-color: white;
	width: 930px;
	height: 60px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border-style: solid;
	border-color: #a3a194;
	border-width: 0;
	-moz-box-shadow: 0px 0px 15px #666;
	-webkit-box-shadow: 0px 0px 15px #666;
	box-shadow: 0px 0px 15px #666;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
#jeffbogardcreative {
	width: 321px;
	height: 31px;
	position: absolute;
	top: 15px;
	left: 30px;
}
#jeffbogardcreative ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#jeffbogardcreative ul li {
	display: inline;
}
#jeffbogardcreative ul li a {
	width: 321px;
	height: 31px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0;
	text-indent: -10000px;
	border: none;
}
#jeffbogardcreative ul li a:link, #jeffbogardcreative ul li a:visited {
	background: url(../images/jeff_bogard_creative.png) no-repeat 0px 0px;
}
#jeffbogardcreative ul li a:hover, #jeffbogardcreative ul li a:active {
	background: url(../images/jeff_bogard_creative.png) no-repeat 0px -31px;
}

/* nav */

div#nav {
	height: 60px;
	position: absolute;
	top: 0;
	right: 15px;
	border: none;
	margin: 0;
	padding: 0;
}
#nav ul {
	font-size: 1.0em;
	letter-spacing: 0.1em;
	text-align: right;
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}
#nav ul li {
	display: inline;
}
#nav ul li a {
	color: #4C452E;
	text-decoration: none;
	padding: 0 15px 0 15px;
}
#nav ul li a:hover {
	color: #CC7B0A;
}
#nav ul li a:active {
	color: #CC7B0A;
}
#nav ul li.current a {
	color: #99600F;
}
#nav ul li.current a:hover, #nav ul li.current a:active {
	color: #CC7B0A;
}

/* main */

#main {
	background-color: white;
	width: 930px;
	height: auto;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border-style: solid;
	border-color: #a3a194;
	border-width: 0;
	-moz-box-shadow: 0px 0px 10px #666;
	-webkit-box-shadow: 0px 0px 10px #666;
	box-shadow: 0px 0px 10px #666;
	margin: 30px auto 30px auto;
	padding-top: 30px;
	position: relative;
}

/* footer */

#footer { 
	width: 930px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	position: relative;
} 
#footerindex{ 
	width: 930px;
	height: 30px;
	margin: -30px auto 0 auto;
	padding: 0;
	position: relative;
} 
#footer p, #footerindex p {
	color: #B3A786;
	font-size: .625em;
	letter-spacing: 0.1em;
	text-align: right;
	margin: 0;
	padding: 8px 30px 0 0;
}
#footer p a, #footerindex p a {
	text-decoration: none;
}
#footer p a:link, #footer p a:visited, #footerindex p a:link, #footerindex p a:visited {
	color: #B3A786;
}
#footer p a:hover, #footerindex p a:hover {
	color: #CC7B0A;
}
#footer p a:active, #footerindex p a:active {
	color: #CC7B0A;
}

/* index */

#indeximage { 
	background: url(../images/index_image.jpg) no-repeat #9aa79d;
	width: 870px;
	height: 270px;
	position: relative;
	margin: 0 auto 0px auto;
	padding: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#indextext {
	background: #FFFFFF;
	width: 360px;
	height: 120px;
	position: absolute;
	top: 30px;
	right: 30px;
	padding-top: 0px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#indextext p.heading {
	font-size: 1.25em;
	line-height: 1.75em;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 24px 0 0 0;
}
#indextext p.text {
	font-size: .875em;
	line-height: 2.0em;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 0 0 15px 0;
}
#indextext span {
	color: #99600F;
}
#indextext a {
	text-decoration: none;
}
#indextext a:link, #indextext a:visited {
	color: #99600F;
}
#indextext a:hover {
	color: #CC7B0A;
}
#indextext a:active {
	color: #CC7B0A;
}

/* portfolio */

.portfolio {
	/*background: url(../images/portfolio_background.jpg) no-repeat #9aa79d;*/
	width: 900px;
	height: 780px;
	/*-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;*/
	/*-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border-style: solid;
	border-color: #c7c5b5;
	border-width: 1px;*/
	position: relative;
	margin: 0 0px;
	padding: 0;
}
.portfolioimage { 
	width: 450px;
	height: 150px;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}
.portfolio img {
	float: left;
	margin: 30px 0 0 30px;
	padding: 0;
}
.portfoliotext {
	/* background: url(../images/portfolio_text_background.jpg) no-repeat #FFF;*/
	background-color: white;
	width: 418px;
	height: 118px;
	float: left;
	clear: right;
	/*-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border-style: solid;
	border-color: #c7c5b5;
	border-width: 1px;

	margin: 30px 0 0 30px;
	padding: 0;
}
.portfoliotext p.heading {
	font-size: 1.25em;
	color: #99600F;
	line-height: 1.75em;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 24px 0 0 0;
}
.portfoliotext p.text {
	font-size: 0.875em;
	line-height: 2.0em;
	text-align: center;
	margin: 0 0 15px 0;
}
.portfoliotext a {
	text-decoration: none;
}
.portfoliotext a:link, .portfoliotext a:visited {
	color: #99600F;
}
.portfoliotext a:hover {
	color: #CC7B0A;
}
.portfoliotext a:active {
	color: #CC7B0A;
}
#portfolio {
	width: 870px;
	height: 30px;
	position: absolute;
	top: -30px;
}

/* about */

#aboutimage { 
	background: url(../images/artist_studio_about.jpg) no-repeat #eae2d5;
	width: 870px;
	height: 480px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#abouttext {
	background: #FFF;
	width: 360px;
	height: 370px;
	position: absolute;
	top: 30px;
	right: 30px;
	margin: 0;
	padding: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#abouttext p.topline {
	font-size: 1.25em;
	color: #99600F;
	line-height: 1.75em;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 0;
	padding: 24px 0 6px 0;
}
#abouttext p.heading {
	font-size: 1.25em;
	color: #99600F;
	line-height: 1.75em;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 0;
	padding: 4px;
}
#abouttext p.text {
	font-size: 0.875em;
	line-height: 2.0em;
	text-align: center;
	margin: 7px 0 7px 0;
	padding: 0;
}
#abouttext p.heading a:link, .abouttext p.heading a:visited {
	color: #99600F;
}
#abouttext p.heading a:hover {
	color: #CC7B0A;
}
#abouttext p.heading a:active {
	color: #CC7B0A;
}
#abouttext a {
	text-decoration: underline;
}
#abouttext a:link, .abouttext a:visited {
	color: #4C452E;
}
#abouttext a:hover {
	color: #CC7B0A;
}
#abouttext a:active {
	color: #CC7B0A;
}

/* contact */

#contactimage { 
	background: url(../images/artist_studio_about.jpg) no-repeat #eae2d5;
	width: 870px;
	height: 480px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#contacttext {
	background: #FFF;
	width: 360px;
	height: 140px;
	position: absolute;
	top: 30px;
	right: 30px;
	margin: 0;
	padding: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#contacttext p.topline {
	font-size: 1.25em;
	color: #99600F;
	line-height: 1.75em;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 0;
	padding: 24px 0 6px 0;
}
#contacttext p.heading {
	font-size: 1.25em;
	color: #99600F;
	line-height: 1.75em;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 0;
	padding: 4px;
}
#contacttext p.text {
	font-size: 0.875em;
	line-height: 2.0em;
	text-align: center;
	margin: 7px 0 7px 0;
	padding: 0;
}
#contacttext p.heading a:link, .contacttext p.heading a:visited {
	color: #99600F;
}
#contacttext p.heading a:hover {
	color: #CC7B0A;
}
#contacttext p.heading a:active {
	color: #CC7B0A;
}
#contacttext a {
	text-decoration: underline;
}
#contacttext a:link, .contacttext a:visited {
	color: #4C452E;
}
#contacttext a:hover {
	color: #CC7B0A;
}
#contacttext a:active {
	color: #CC7B0A;
}

/* info */

#infotext {
	background: #FFF;
	width: 868px;
	height: auto;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border-style: solid;
	border-color: #fff;
	border-width: 1px;
	margin: 0 auto;
	padding: 120px 0;
}
#infotext p.heading {
	font-size: 1.125em;
	color: #99600F;
	line-height: 2.0em;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 0 0 0 0;
	padding: 30px 0 0 0;
}
#infotext p.text {
	font-size: 0.875em;
	line-height: 2.0em;
	text-align: center;
	margin: 0;
	padding: 0 0 30px 0;
}

/* content */

#content { 
	width: 870px;
	height: auto;
	position: relative;
	margin: 0px 30px 0px 30px;
	padding: 0;
	text-align: center;
} 
#contentimage { 
	width: auto;
	margin: 15px auto 0 auto;
	padding: 0;
	clear: right;
} 
#contentinfo { 
	width: 600px;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
} 
#contentinfo p {
	text-align: center;
}
#contentinfo p#title {
	font-size: 1.125em;
	color: #99600F;
	line-height: normal;
	margin: 5px 30px 0 30px;
}
#contentinfo p#title a:link, #contentinfo p#title a:visited {
	color: #99600F;
}
#contentinfo p#title a:hover, #contentinfo p#title a:active {
	color: #CC7B0A;
}
#contentinfo p#description {
	font-size: 0.875em;
	color: #4C452E;
	line-height: 2.0em;
	margin: 5px 0 30px 0;
	padding: 0;
}
#contentnav { 
	width: 868px;
	height: 40px;
	text-align: center;
	position: relative;
	margin: 0;
	padding: 0;
} 
#prev ul {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 15px;
	left: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#prev li {
	display: inline; overflow: hidden;
}
#prev li a:link, #prev li a:visited {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	top: 0;
	text-indent: -10000px;
}
#prev li.prev a:link, #prev li.prev a:visited {
	background: url(../images/arrow.png) no-repeat 0 0;
}
#prev li.prev a:hover {
	background: url(../images/arrow.png) no-repeat -40px 0;
}
#prev li.prev a:active {
	background: url(../images/arrow.png) no-repeat -80px 0;
}
#next ul {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 15px;
	right: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#next li {
	display: inline;
	overflow: hidden;
}
#next li a:link, #next li a:visited {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	top: 0;
	text-indent: -10000px;
}
#next li.next a:link, #next li.next a:visited {
	background: url(../images/arrow.png) no-repeat -200px 0;
}
#next li.next a:hover {
	background: url(../images/arrow.png) no-repeat -160px 0;
}
#next li.next a:active {
	background: url(../images/arrow.png) no-repeat -120px 0;
}

/* links */

a {
	text-decoration: underline;
}
a img {
	border: none;
}
a:link, a:visited {
	color: #4D452E;
}
a:hover {
	color: #99600F;
	outline: 0;
}
a:active {
	color: #CC7B0A;
	outline: 0;
}
a:focus {
	outline: 0;
}
a.nounderline {
	text-decoration: none;
}

/* text color */

p.textcolor {
	color: #4D452E;
}

/* floats */

.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}