/*js_general.css*/

* { 
	margin: 0px; 
	padding: 0px; 
	border: none; 
	}

/* general text */
html { 
	font-size: 100%; /*IE reminder*/ 
	}
body { 
	font-size: 1em; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #555; 
	background: #D3CFC6 URL(images/back_paper.jpg) center top no-repeat;
	text-align: center;
	}
html, body {
	height: 100%;
}
table { 
	font-size: 100%; /*IE reminder*/ 
	}



p { 
	font-size: 0.750em; /*12*/
	margin-top: 1.5em; 
	margin-bottom: 1.5em;
	line-height: 1.5em; 
	}
p.summary { 
	/*font-weight: bold;*/
	}
h1 { 
	font-size: 1.5em; /*24*/
	color: #2053DC; 
	margin-top: 0.75em; 
	margin-bottom: 0.5em;
	line-height: 0.75em;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight: normal; 
	}
h2 { 
	font-size: 1.125em; /*18*/
	margin-top: 2em;
	margin-bottom: 1em;
	line-height: 1em;
	font-weight: normal;
	}
h3 { /*same as h4 spacing */
	font-size: 0.875em; /*14*/
	margin-top: -0.285em;
	margin-bottom: -1em;
	line-height: 1.285em;
	}
h3 { /*same as h2 spacing */
	font-size: 0.875em; /*14*/
	margin-top: 2.271em;
	margin-bottom: -1em;
	line-height: 1.286em;
	/*font-weight: normal;*/
	}
h4 { 
	font-size: 0.875em; /*14*/
	margin-top: -0.285em;
	margin-bottom: -1em;
	line-height: 1.285em;
	}
h2, h3, h4 { 
	color: #2053DC;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

ul, ol, dl {
	font-size: 0.750em; /*12*/
	line-height: 1.5em;
	padding: 0px;
	padding-left: 1.5em;
	margin: 0px;
	margin-top: 1.5em;
	}
ul ul, ol ol {
	padding-left: 1.5em;
	}
ol {
	margin-left: 1.5em;
	}
li {
	}
ul li {
	list-style: none;
	}
a, a:visited {
	color: #2053DC;
	}
li.done, .deleted {
	text-decoration: line-through;
	color: #A7A7A7;
	}

em {
	font-style: italic;
	}

hr {
	color: #F3F3F3;
	background: #F3F3F3;
	}

acronym, abbr {
	cursor: pointer;
	}

/*greens:
background: #F0FFC9;
background: #A9DA88;
background: #86B981;
background: #62997A;

possible pink:
#FFD4DE;
*/

/* structure */

.clearfix {
	clear: both;
	}

#wrapper {
	width: 43.753em; /* should be 43.75 but causes strange 1px calculation at ctrl- on FF*/
	text-align: left;
	margin: 10px auto 30px auto;
	padding-bottom: 0px;
	background: #B9B4A6 URL(images/leftgrad.gif) 4.15em repeat-y;
	}

#top_nav {
	width: 43.125em;
	height: 1.875em;
	height: 2.5em; /*ROUGH*/
	/*background: #72A87D URL(images/top_banner.gif) left bottom no-repeat;*/
	background: #83B780;
	text-align: right;
	padding-right: 0.625em;
	/*padding-top: 0.375em;*/
	}
#top_nav ul {
	margin-top: 0em;
	}
#top_nav li {
	margin: 0.25em;
	display: inline;
	}
#top_nav ul ul {
	display: none;
	}
#top_nav a {
	color: #F5F5F5;
	}
#top_nav img#banner_img {
	float: left;
	width: 31em;
	margin: 0;
	padding: 0;
	}

#left_column {
	clear: both;
	width: 12.5em;
	height: 31.5em;
	float: left;
	/*background: transparent URL(images/leftdetail.gif) left 4em no-repeat;*/
	background: transparent URL(images/leftpic_01.gif) left top no-repeat;
	}
img#lefttop {
	width: 12.5em;
	}

#left_column_box {
	padding: 0.625em;
	padding-top: 0em;
	}

#left_column_box h2 {
	color: white;
	margin-bottom: 0.5em; /*rough*/
	}

#left_column_box img.recentwork {
	width: 11.25em;
	margin-bottom: 1em; /*rough*/
	}

#left_column_box ul {
	padding-left: 0em;
	margin-top: 0em;
	}

#left_column_box li {
	margin-bottom: 0.3em; /*rough*/
	font-weight: bold;
	}

#left_column_box ul a {
	display: block;
	background: #9F9885;
	padding: 0.5em 0.3em;
	color: #A9DA88;
	text-decoration: none;
	}

#content_column {
	width: 30em;
	float: left;
	padding: 0.625em;
	padding-top: 0.625em;
	background: #FFF;
	/*background: #FFF URL(images/18_guide.gif);*/
	}

#top_boxes {
	float: left;
	background: #F3F3F3;
	background: transparent;
	margin-bottom: 1.688em; /*27px*/
	}

#top_boxes img {
	width: 9.583em;
	}

#top_boxes span {
	display: none;
	}

.link_box1, 
.link_box2, 
.link_box3 {
	width: 9.583em;
	text-align: left;
	margin-right: 0.624em; /* should be 0.625em; */
	float: left;
	color: #72243D;
	}

.link_box1 {
	}

.link_box2 {
	}

#top_boxes .link_box3 {
	margin-right: 0px;
	}

#content {
	/*being cleared*/
	}

.currently {
	background: #FFF;
	border: solid 0px #A9DA88;
	float: left;
	width: 9.583em;
	width: 8.7em;
	padding: 0.625em;
	}

.currently h3 {
	margin: 0em;
	color: #86B981;
	font-size: 0.750em; /*12*/
	}

.note_box { /* has IE bug */
	position: relative;
	float: left;
	margin: 0 0 0 -13.125em;
	width: 11.25em;
	background: #A9DA88;
	padding: 0.312em;
	}
.note_box a {
	}

#content img {
	border: double 1px #E7E7E7;
	background: #F3F3F3;
	padding: 0.625em;
	margin: 0.625em; /*should be 18px?*/
	}

#content img.leftpic {
	float: left;
	}

#content img.rightpic {
	float: right;
	}

.featured_work {
	clear: right;
	margin-bottom: 2em; /*should be 18px?*/
	}

.featured_work h2 {
	background: #F3F3F3;
	padding: .3em; /*should be 18px?*/
	}

a.to_top {
	float: right;
	/*border: solid 0.0625em #999;*/
	}

#content img.feat_img_l {
	border: double 1px #E7E7E7;
	background: #F3F3F3;
	padding: 0.625em;
	margin: 0.625em; /*should be 18px?*/
	margin-top: 0px;
	float: right;
	margin-bottom: 1.5em;
	width: 8.125em;
	}

#content a.to_top img {
	border: none;
	padding: .2em;
	margin: 0px;
	width: 1.375em;
	}

#footer {
	/*being cleared*/
	height: 1.5em;
	padding: 0.625em;
	border-top: solid 0.312em #FFF;
	background: #333;
	color: #EEE;
	}

#footer a {
	color: #6699FF;
	}

#footer p {
	margin: 0px;
	}

#footer img {
	vertical-align: top;
	margin-left: 0.625em;
	}

#valid {
	float: right;
	margin-bottom: 0.625em;
	}

/* contact page */
#contactform {
	font-size: 0.750em; /*12*/
	line-height: 1.5em;
	vertical-align: top;
	}

fieldset {
	}

fieldset div {
	margin-top: 1em;
	margin-bottom: 1em;
	clear: both;
	}

legend {
	display: none;
	}

label {
	width: 90%;
	display: block;
	}

input {
	border: solid 2px #D7D7D7;
	}
	
input#cfsubmit {
	background: #86B981;
	border: solid 2px #A9DA88;
	color: #FFF;
	}

textarea {
	border: solid 2px #D7D7D7;
	}

#contactform em {
	font-style: italic;
	font-size: 0.833em; /*10*/
	color: #999;
	}

ul.warning {
	color: #FF5533;
	font-weight: bold;
	line-height: 1em;
	}

ul.contact_links {
	margin-top: 20px;
	margin-bottom: 30px;
	}

li.twitter {
	background: URL(images/contact_twitter.gif) left no-repeat;
	}

li.skype {
	background: URL(images/contact_skype.gif) left no-repeat;
	}

li.twitter, li.skype {
	padding: 10px 0px 10px 50px;
	}