/*---------------TAGS---------------*/
body{
background-color: #ffffff;
color: #555555;
font: 9pt Arial, Helvetica, sans-serif;
margin-top: 25px;
}

	body a{
	color: #838383;
	font-weight: bold;
	text-decoration: underline;
	}

	body a:visited{
	color: #838383;
	}

	body a:hover{
	color: #ff9200;
	}

	body a:active{
	outline: none;
	}
	
	body#admin a#menu-admin, body#home a#menu-home, body#design a#menu-design, body#feedback a#menu-feedback, body#clients a#menu-clients, body#faq a#menu-faq, body#weblog a#menu-weblog{
	background-position: bottom center;
	}

	body#contact a#menu-contact{
	background-position: bottom center;
	}

form{
margin-bottom: 0px;
padding-bottom: 0px;
}

h1{
color: #ff9200;
font-size: 34px;
font-weight: bold;
padding: 22px 0 0 29px;
width: 206px;
margin: 0;
text-align: center;
}

h2{
color: #555555;
font: 9pt Arial, Helvetica, sans-serif;
margin: 10px 0px 0px 0px;
padding: 0px;
}

img{
border: 0;
vertical-align: bottom;
}

	input.button{
	background: #ffffff;
	border: 1px solid #a0a8a0;
	color: #555555;
	font: bold 10pt Arial, Helvetica, sans-serif;
	height: 25px;
	margin: 0 0 0 1px;
	padding: 1px 2px;
	width: 126px;
	}

	input.button:hover{
	background: #ff9200;
	border: 1px solid #ff9200;
	color: #ffffff;
	}

	input.text{
	background: #ffffff url(http://www.monochromedia.com/images/fieldbg.gif) center center no-repeat;
	border: 1px solid #a0a8a0;
	font: 9pt Arial, Helvetica, sans-serif;
	padding: 2px;
	width: 250px;
	}

sup{
vertical-align: top;
font-size: 7pt;
}

/*---------------GLOBAL---------------*/

#container{
margin: 0 auto;
width: 746px;
}

#content{
line-height: 1.5em;
margin: 0 auto;
padding: 15px 0 20px 0;
text-align: justify;
width: 460px;
}

#main{
float: right;
padding-right: 32px;
width: 540px;
}

#top{
background-image: url(http://www.monochromedia.com/images/top.gif);
height: 90px;
width: 540px;
}

#middle{
background-image: url(http://www.monochromedia.com/images/middle.gif);
height: 100%;
width: 540px;
}

#bottom{
background-image: url(http://www.monochromedia.com/images/bottom.gif);
height: 127px;
width: 540px;
}

#copyright{
margin: 20px;
text-align: center;
}

#navigation{
float: left;
height: 562px;
margin-top: 27px;
width: 174px;
text-align: center;
}

#navwrap{
float: none;
margin: auto;
width: 148px;
}

	#navwrap img{
	padding-top: 2px;
	}

	#navlink a{
	font: 6pt Arial, Helvetica, sans-serif;
	}

.menu{
border: 0;
display: block;
list-style-type: none;
margin: 0;
padding: 0;
width: 148px;
}

	.menu li a{
	background: url(http://www.monochromedia.com/images/nav/middle.gif) top center;
	color: #ffffff;
	display: block;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 18px;
	padding: 3px 0 4px 15px;
	text-align: left;
	text-decoration: none;
	width: auto;
	}

	.menu li.bottom a{
	background: url(http://www.monochromedia.com/images/nav/bottom.gif) top center;
	color: #ffffff;
	display: block;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 18px;
	margin-bottom: 10px;
	padding: 4px 0 5px 15px;
	text-align: left;
	text-decoration: none;
	width: auto;
	}

	.menu li a:visited, .menu li a:active{
	color: #ffffff;
	}

	.menu li a:hover{
	background-position: center center;
	color: #ffffff;
	}

	.menu li.bottom a:hover{
	background-position: center center;
	color: #ffffff;
	}

#banner{
display: block;
height: 150px;
position: fixed;
right: 0;
top: 0;
width: 150px;
z-index: 200;
}

	* html #banner{
	position: absolute;
	}

.textarea{
background: #ffffff url(http://www.monochromedia.com/images/formbg.gif) center center no-repeat;
border: 1px solid #a0a8a0;
font: 9pt Arial, Helvetica, sans-serif;
height: 175px;
padding: 2px;
width: 250px;
}

#message{
padding: 50px;
}

#tip{
background: url(http://www.monochromedia.com/images/tip.gif) left center no-repeat;
margin-bottom: 20px;
padding-left: 66px;
text-align: justify;
}

.padding{
padding: 10px;
}

/*---------------DESIGN---------------*/

.design{
text-align: center;
width: 100%;
}

.design_image{
margin-bottom: 30px;
}

/*---------------FEEDBACK---------------*/

#quote1{
background: url(http://www.monochromedia.com/images/quote1.gif) center center no-repeat;
color: #ffffff;
font-size: 11pt;
font-weight: bold;
}

#quote2{
background: url(http://www.monochromedia.com/images/quote2.gif) center center no-repeat;
color: #ffffff;
font-size: 11pt;
font-weight: bold;
}

/*---------------CLIENTS---------------*/

#depositbox{
border: 1px dotted #555555;
margin-top: 25px;
padding: 10px;
}

#details{
display: block;
margin-top: 25px;
}

#contract{
border: 1px solid #555555;
font-size: 8pt;
height: 150px;
margin-top: 5px;
overflow: auto;
padding: 20px;
text-align: justify;
width: 415px;
}

	#contract p{
	margin: 10px 0;
	}

.payleft{
text-align: right;
width: 50%;
}

.payright{
text-align: left;
width: 50%;
}

/*---------------DONATE---------------*/

#donate{
font-size: 11pt;
font-weight: bold;
padding: 0 20px 0 20px;
}

/*---------------FAQ---------------*/

.help{
cursor: help;
}

	.faq img{
	vertical-align: middle;
	}

	.faq div{
	margin: 0 auto;
	width: 400px;
	}

	.switchcontent blockquote{
	border: 1px dashed #555555;
	padding: 10px;
	margin: 10px 10px 10px 30px;
	}

/*---------------WEBLOG---------------*/

#outerblog{
height: 460px;
margin: 0 5px;
overflow: auto;
text-align: center;
width: 460px;
}

#innerblog{
height: 461px;
}

.blog{
line-height: normal;
margin: auto;
padding: 0 0 14px 16px;
width: 340px;
}

.blog p{
margin-bottom: 0;
padding-bottom: 0;
}

.post{
background: #ffffff url(http://www.monochromedia.com/images/blogm.gif) center repeat-y;
line-height: 1.5em;
text-align: justify;
width: 340px;
}

/*---------------CONTACT---------------*/

#captcha{
border: 1px solid #a0a8a0;
background: url(http://www.monochromedia.com/images/capbg.gif) center center no-repeat;
font: 9pt Arial, Helvetica, sans-serif;
height: 24px;
padding: 2px;
vertical-align: middle;
width: 150px;
}

#captcha{
vertical-align: middle;
}

/*---------------ADMIN---------------*/

.abox{
border: 1px solid #a0a8a0;
font-size: 8pt;
padding: 10px;
text-align: left;
width: 230px;
}

.posttable{
border: 0;
text-align: left;
}

#adminlist{
display: block;
list-style-type: none;
margin: 40px 0;
padding: 0;
}

	#adminlist li{
	display: inline;
	margin: 2px;
	}

	#adminlist li a{
	border: 1px solid #838383;
	color: #838383;
	display: inline;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	}

	#adminlist li a:visited, #adminlist li a:active{
	color: #838383;
	text-decoration: none;
	}

	#adminlist li a:hover{
	background: #ff9200;
	border: 1px solid #ff9200;
	color: #ffffff;
	text-decoration: none;
	}