@import "reset.css";

/* type */

h1, h2, h3, h4, h5, h6 {
	margin:15px 0 5px;
	font-size:80%;
}

h1 {
	font-size:155%;
	margin-bottom:20px;
}

h2 {
	color:#a2b42f;
}

h3 {
	margin:5px 0 5px;
	color:#a2b42f;
}

p {
	margin:5px 0 15px 0;
}

p, li, th, td {
	font-size:85%;
}

li li, li p, td p , th p {
	font-size:100% !important;
}

a {
	color:#2E1C0E;
}

a:hover, a.hi {
	color:#d40080 !important;
}

#info h2 {
	color:#a2b42f;
	font-size:85%;
	margin:0;
	margin:0;
}

.column ul {
	list-style-type: none;
}

.column ul li {
	display:block;
	background: url(/assets/images/bullet.png) no-repeat 0 6px;
	padding-left:15px;
	margin-bottom:8px;
}

#content p, #content li, #content th, #content td {
	font-size:85%;
}

#content p {
	line-height:150%;
}

#content h2 {
	font-size:90%;
}

#content h3 {
	font-size:85%;
}

.column2 h2 {
	margin:0;
}

.column2 p {
	margin:10px 0 5px;
}

p.btt {
	font-style:italic;
	font-size:75% !important;
}

p.btt a {
	color:#736357;
}

#content p.large_body_copy {
	font-size:110%;
}

hr {
	display:block;
	height:0;
	background:none;
	border:none;
	border-top:1px solid #786d63;
	margin:20px 0;
}

/* page structure */
body {
	padding:0;
	color:#736357;
}

#header {
	height:132px;
	padding:0 28px;
	background: url(/assets/images/headerBg.png) repeat-x left bottom;
}

#header-left, #header-right {
	position:absolute;
	width:28px;
	height:22px;
	top:110px;
	background: url(/assets/images/headerLeft.png) no-repeat 0 0 ;
}

#header-left {
	left:0;
}

#header-right {
	right:0;
	background-image: url(/assets/images/headerRight.png);
}

#info, #logo, #tmenu, #contact {
	position:absolute;
}

#contact {
	top:58px;
	right:28px;
	text-align:right;
}

#info {
	width:183px;
	top:138px;
	left:28px;
}

#logo {
	margin:0;
	padding-top:28px;
}

#canvas {
	padding:0 28px 0 211px;
}

#content {
	margin:0 auto;
	width:730px;
}

.column {
	float:left;
}
.column1 {
	width: 486px;
	margin-right:46px;
}

.column2 {
	width: 182px;
}

.column :first-child {
	margin-top:0;
}

.clear {
	clear:both;
}

img.home_button {
	float:left;
	margin:0 10px 80px 0;
}

/* Top navigation */
#tmenu {
	list-style-type: none;
	width:436px;
	height:44px;
	margin:66px 0 0 1px;
	overflow:hidden;
	background: url(/assets/images/nav.png) no-repeat 0 0;
}

#tmenu li {
	display:inline;
}

#tmenu li a {
	display:block;
	padding-top:44px;
	width:45px;
	float:left;
	margin-right:20px;
	background: url(/assets/images/nav_home.png) no-repeat 0 0 ;
}

#tmenu li a:hover, #tmenu li.hi a {
	background-position: 0 -44px;
}

#tmenu li#m2 a {
	width:69px;
	background-image: url(/assets/images/nav_about.png);
}

#tmenu li#m3 a {
	width:73px;
	background-image: url(/assets/images/nav_work.png);
}

#tmenu li#m4 a {
	width:81px;
	background-image: url(/assets/images/nav_contact.png);
}

#tmenu li#m5 a {
	width:68px;
	background-image: url(/assets/images/nav_blog.png);
}

/* Sub navigation */
.subnav {
	list-style-type: none;
	margin-bottom:28px;
}

.subnav ul {
	list-style-type: none;
	padding-left:20px;
}

.subnav li {
	margin-bottom:3px;
}

.subnav ul li {
	font-style: italic;
}

/* sundry */
#project-info p {
	margin:10px 0;
}

#project-info p em {
	color:#a2b42f;
	font-style: normal;
}


/* forms */
fieldset ol {
	list-style-type: none;
}

fieldset ol li {
	display:block;
}

fieldset ol .formLabel {
	display:block;
	padding-top:10px;
}

fieldset ol .formBox {
	border: 1px solid #938a82;
	padding:2px;
	width:330px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}

fieldset ol .formData {
	margin:5px 0;
}

button {
	border: 1px solid #938a82;
	background:none;
	font-size: 14px;
	padding:5px 10px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	cursor:pointer;
}

button:hover {
	color:#D40080;
	border-color:#D40080;
}

fieldset ol input.error, fieldset ol  textarea.error {
	border-color:#d40080;
}

label.error {
	display:block;
	padding:2px;
	margin:0;
	color:#d40080;
}


/* misc */
#dganim {
	margin-top:95px;
}

a.order-button {
	display:inline-block;
	padding:6px 12px;
	border:1px solid #938a82;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}