/* COLORS
======================================================================
	#xxxxxx : color name
====================================================================== */


@import url(base.css);


/* GENERAL
====================================================================== */

html {
	background: #111;
}

body, input, select, textarea {
	font-family: Arial;
}

h1,
h1 a {
	display: block;
	width: 328px;
	height: 35px;
	z-index: 3;
	background: url(../_images/logo.gif);
}

h1 {
	position: absolute;
	top: 20px;
	left: 134px;
}

h1 a span {
	display: none;
}

h2 {
	font-family: Georgia;
	font-size: 21px;
	font-weight: normal;
	color: #d6d6d6;
	width: 270px;
	border-bottom: 1px solid;
	padding-bottom: 3px;
	margin-bottom: 15px;
}

h3, h4, h5, h6 {
	font-family: Georgia;
	font-size: 18px;
	font-weight: normal;
	color: #d6d6d6;
	border-bottom: 1px solid #838383;
	padding-bottom: 7px;
	margin-bottom: 15px;
	margin-top: 2px;
}

h4, h5, h6 {
	/* color: #666; */
}

h5, h6 {
	font-weight: normal
}

p, address, dl, ul, ol, table, label {
	/* good place to define typical font-size, line-height and margins */
	font-size: 14px;
	line-height: 1.6;
	color: #a4a794;
}

h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
	/* use to reduse space above first paragraph under any header */
}

ul {
	margin-left: 1.5em;
	list-style-type: disc;
}

ul ul {
	margin-top: 0;
	list-style-type: circle;
}

ol {
	margin-left: 1.5em;
	list-style-type: decimal;
}

ol ol {
	margin-top: 0;
	margin-left: 1.5em;
	list-style-type: lower-alpha
}

dd {
	margin: 0;
}

dt {
	margin-top: 1.5em;
	font-weight: bold;
}

blockquote {
	margin: 2em 0;
	padding: .5em 2em 1.5em 2em;
	/* good place to define a background */
}

blockquote p {
	/* good place to define typical font-size, line-height and margins */
}

cite {
	text-align: right;
	display: block;
}

cite:before {
  content: "- ";
}

em, q { font-style: italic; }

strong { font-weight: bold; }

a:link,
a:visited {
	/* good place to define a color */
}

a:hover,
a:active {
	/* good place to define a color */
}



/* FORMS
====================================================================== */
form {
	width: 370px;
	margin: 26px 0 0;
	text-align: right;
}

form .Row {
	margin-bottom: 10px;
}

fieldset {
}

legend {
}

fieldset>legend {
}

input, textarea {
	width: 240px;
	margin: 0 0 0 10px;
	padding: 5px;
	color: #9fa28f;
	font-size: 12px;
	background: #1d1d1d;
	border: 1px solid #282828;
	position: relative;
	top: -1px;
}

label {
	
}

select,
label.FieldLarge,
label.FieldLarge input,
label.FieldLarge select,
label.FieldMedium,
label.FieldMedium input,
label.FieldMedium select,
label.FieldSmall,
label.FieldSmall input,
label.FieldSmall select,
input.InputRadio,
input.InputCheck {
}

label.FieldLarge {
}

label.FieldLarge input {
	vertical-align: middle;
}

label.field-describe textarea {
	vertical-align: top;
	width: 242px;
	padding: 5px 5px 5px 3px;
}

div#honeypot {
	display: none;
}

input.Send {
	font-weight: bold;
	width: 80px;
	text-transform: uppercase;
	border-width: 0;
	color: #64a9d7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
}

input.Send:hover {
	background: #323232;
}

p.Msg {
	margin-top: 26px;
	position: relative;
	left: 120px;
}

strong.Sent {
	color: #d6d6d6;
}

/* CONTAINERS
====================================================================== */
#header {
	min-width: 955px;
	height: 114px;
	background: #1d1d1d url(../_images/background_header.gif) repeat-x bottom center;
}

#outer {
	min-width: 955px;
	background: #212121 url(../_images/background_body.gif) repeat-x 50% 0;
}

.Inner {
	width: 895px;
	padding: 0 30px;
	margin: 0 auto;
	position: relative;
}

#content {
	padding-top: 35px;
}

#slideshow,
#column {
	float: left;
	margin-bottom: 35px;
}

#slideshow {
	width: 544px;
	margin-right: 40px;
	border: 3px solid #212121;
}

#column {
	width: 305px;
}

#address_wrapper {
	width: 234px;
	float: left;
}

#form_wrapper{
	min-height: 465px;
	padding-left: 50px;
	margin-bottom: 30px;
	float: left;
	background: url(../_images/shadow_divide.png) no-repeat 30px 0;
}


#albums,
#photos {
	width: 610px;
	min-height: 465px;
	padding-left: 50px;
	margin-bottom: 30px;
	float: left;
	background: url(../_images/shadow_divide.png) no-repeat 30px 0;
}



/* ABOUT
====================================================================== */

body#section_about #column {
	width: 505px;
}

#thin {
	width: 300px;
	min-height: 465px;
	float: left;
	padding-left: 70px;
	margin-bottom: 30px;
	float: left;
	background: url(../_images/shadow_divide.png) no-repeat 25px 0;

}

#thin img {
	border: 3px solid #212121;
}


/* PORTFOLIO
====================================================================== */

#album_info {
	float: left;
	width: 234px;
}

body#section_contact h2,
#album_info h2 {
	width: 215px;
	border-color: #838383;
	margin-bottom: 10px;
	white-space: nowrap;
}

#album_info h2 {
	width: 215px;
	border: 0;
	padding: 0;
	margin-bottom: 10px;
	white-space: nowrap;
}


body#section_portfolio #photos img {
	vertical-align: top;
	float: left;
	display: block;
	border: 1px solid #282828;
	margin: 0 0 20px 20px;
}

ul#key {
	list-style-type: none;
	text-align: left;
	margin: 0;
	white-space: nowrap;
}

#key li {
	display: -moz-inline-box;
	display: inline-block;
	margin: 0 7px 0 0;
}

#key li span {
}

li.Left {
	color: #94ab4f;
}

li.Right {
	color: #0096da;
}

.Album {
	display: block;
	color: #afafaf;
	width: 610px;
	overflow: auto;
}


.Album div {
	height: 130px;
	width: 305px;
	float: left;
}

.Album div img,
.Album div span {
	float: left;
	display: block;
}

.Album div img {
	margin-right: 20px;
}

.Album div span {
	width: 104px;	
	margin: 0;
	font-size: .85em;
	line-height: 1.2;
	float: left;
	color: #afafaf;
}

.Album div span strong {
	display: block;
	padding-bottom: 5px;
}

.Album div span strong {
	color: #0096da;
}

/* CONTACT
====================================================================== */
#address_wrapper address {
	margin-bottom: 15px;
	color: #9b9b9b;
}

#address_wrapper address a:link,
#address_wrapper address a:visited {
	color: #9b9b9b;
}

#address_wrapper address a:hover,
#address_wrapper address a:active {
	color: #d6d6d6;
}

#address_wrapper address span {
	font-weight: bold;
	color: #d6d6d6;
}


/* PROJECT
====================================================================== */
.Location {
	font-style: italic;
	color: #b5b8a2;
	margin-bottom: 5px;
}


/* NAVIGATION
====================================================================== */
ul#nav {
	margin: 0;
	list-style-type: none;
	text-align: left;
	position: absolute;
	top: 83px;
	left: 134px;
	
}

#nav li {
	display: -moz-inline-box;
	display: inline-block;
}

#nav li a:link,
#nav li a:visited {
	display: block;
	display: inline-block;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	color: #a9a9a9;
	padding: 1px 8px 0;
	margin: 0 4px;
}

#nav li.Last a:link,
#nav li.Last a:visited {
}

#nav li a:hover,
#nav li a:active {
	color: #64a9d7;
}

#nav li.Current a:link,
#nav li.Current a:visited {
	color: #64a9d7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #323232;
}
	
	
	
	
/* FOOTER
====================================================================== */
/* un-comment below for typical cgCraft credit colors */
#footer {
	padding-top: 12px;
	margin-bottom: 10px;
}

#footer p,
#footer p#cgcraft,
#footer a:link,
#footer a:visited {
	color: #595959;
	font-size: 11px;
	text-align: right;
}

#footer a:link,
#footer a:visited {
	border-left: 1px solid;
	margin-left: 15px;
	padding-left: 15px;
}

#footer a:hover {
	color: #666;
	border-left: 1px solid #595959;
}

#footer a:hover span {
	color: #a8d936;
}

#footer a:active {
	color: #fff;
	border-left: 1px solid #595959
}




/* CUSTOM CLASSES
====================================================================== */
a#tag {
	position: absolute;
	top: 0;
	left: 30px;
}

#header address {
	text-align: right;
	font-size: 11px;
	color: #929292;
	font-weight: normal;
	position: relative;
	top: 20px;
}

#header address span {
	color: #cbcbcb;
}

.ClearBoth {
	clear: both;
}