/***********
MAIN
************/

*{
	color:#A0A0A0;
	padding:0;
	list-style:none;
	text-decoration:none;
	font:12px Tahoma;
}

html {
	/*overflow: hidden;*/
}

img{
	border:none;
}

a:active { outline: none; }
a:focus { -moz-outline-style: none; }
a{
	color:#767676;
}

a:hover{
	color:#A0A0A0;
}

body{
	background-color:#ececec;
}

#general{
	margin:20px auto;
	margin-bottom: 5px;
	font-size:0px;
}

/******************
TOP and MENU
*******************/

#top {
	background: url(images/top-c.gif) repeat-x bottom left;
	width:870px;
	margin:0 auto;
	height:39px;
	clear: both;
}

#top .left {
	background: url(images/top-l.gif) no-repeat bottom left;
	width: 10px;
	height: 39px;
	float: left;
}

#top .right {
	float: right;
}
/*    N O R M A L    */
#top .right .tab-menu {
	background: url(images/menu-nc.gif) repeat-x bottom right;
	height: 39px;
	width: 100px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
}

.right .tab-menu .r {
	background: url(images/menu-nr.gif) no-repeat bottom right;
	width: 10px;
	height: 39px;
	float: right;
}

.right .tab-menu .rs {
	background: url(images/menu-nr-s.gif) no-repeat bottom right;
	width: 10px;
	height: 39px;
	float: right;
}

.right .tab-menu  .c {
	height: 39px;
	width: 80px;
	padding-top: 10px;
	float: right;
	font: 11px Tahoma;
}

.right .tab-menu  .l {
	background: url(images/menu-nl.gif) no-repeat bottom right;
	width: 10px;
	height: 39px;
	float: right;
}

.right .tab-menu  .ls {
	background: url(images/menu-nl-s.gif) no-repeat bottom right;
	width: 10px;
	height: 39px;
	float: right;
}

/*   H O V  E  R   */
#top .right .tab-menu:hover {
	background: url(images/menu-hc.gif) repeat-x bottom right;
	height: 39px;
	width: 100px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
}

.right .tab-menu:hover .r {
	background: url(images/menu-hr.gif) no-repeat bottom right;
	width: 10px;
	height: 39px;
	float: right;
}

.right .tab-menu:hover .rs {
	background: url(images/menu-hr-s.gif) no-repeat bottom right;
	width: 10px;
	height: 39px;
	float: right;
}

.right .tab-menu:hover  .c {
	height: 39px;
	width: 80px;
	padding-top: 8px;
	float: right;
}

.right .tab-menu:hover  .l {
	background: url(images/menu-hl.gif) no-repeat bottom right;
	width: 10px;
	height: 39px;
	float: right;
}

.right .tab-menu:hover  .ls {
	background: url(images/menu-hl-s.gif) no-repeat bottom right;
	width: 10px;
	height: 39px;
	float: right;
}

/*    S E L E C T E D    */
#top .right .tab-menu-selected {
	background: url(images/menu-sc.gif) repeat-x bottom right;
	height: 39px;
	width: 99px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
}

.right .tab-menu-selected .r {
	background: url(images/menu-sr.gif) no-repeat bottom right;
	width: 9px;
	height: 39px;
	float: right;
}

.right .tab-menu-selected .rs {
	background: url(images/menu-sr-s.gif) no-repeat bottom right;
	width: 10px;
	height: 39px;
	float: right;
}

.right .tab-menu-selected  .c {
	height: 39px;
	width: 80px;
	padding-top: 10px;
	float: right;
	font: 11px Tahoma;
}

.right .tab-menu-selected  .l {
	background: url(images/menu-sl.gif) no-repeat bottom right;
	width: 9px;
	height: 39px;
	float: right;
}

.right .tab-menu-selected  .ls {
	background: url(images/menu-sl-s.gif) no-repeat bottom right;
	width: 10px;
	height: 39px;
	float: right;
}

/*****************
BODY
**********************/

#topbody{
	width:874px;
	height:39px;
	margin:0 auto;
	background:url(images/body-bg.gif) repeat-y;
	padding: 0px;
}

#body{
	width:874px;
	margin:0px auto;
}

.border-splash{	
	clear:both;
	height:4px;
}

#splash{
	background:url(images/top-splash.jpg) no-repeat top center;
	height: 42px;
}

#main-work{
	background:url(images/body-bg.gif) repeat-y;
	width:874px;
	margin:0 auto;
	padding: 0px;
}

#body-boxes2{
	background:url(images/body-bg.gif) repeat-y;
	width:874px;
	margin:0 auto;
	height: 40px;
}

#contact-left{
	width:202px;
	padding: 5px 30px;
	font-size:0px;
	overflow: hidden;
	float:left;
	clear: right;
}

#contact-right{
	width:525px;
	border-left:2px solid #ececec;
	padding: 5px 70px 5px 10px;
	overflow: hidden;
	font-size:0px;
	float:right;
}

#left{
	width:408px;
	padding: 5px 0px 5px 20px;
	font-size:12px;
	overflow: hidden;
	float:left;
	clear: right;
}

#right{
	width:400px;
	border-left:2px solid #ececec;
	padding: 5px 20px 5px 20px;
	overflow: hidden;
	font-size:12px;
	float:right;
}

.form {
	margin-bottom: 10px;
}

.form p {
	display: inline;
}

.form input {
	border:1px solid #CCC;
	width:250px;
	color: #888;
	font-size:11px;
	height: 16px;
	padding: 2px 5px 0px 5px;
}

.form textarea {
	border:1px solid #CCC;
	width:250px;
	color: #888;
	font-size:11px;
	height: 150px;
	padding: 2px 5px 0px 5px;
	overflow: auto;
}

.require {
	color: red;
	margin-left: 5px;
}

*:first-child+html .require {
	margin-right: 5px;
	margin-left: 0px;
}

* html .require {
	margin-right: 5px;
	margin-left: 0px;
}

/****************************
BUTTON
*****************************/
.button {
	cursor: pointer;
}

.button .l {
	background: url(images/button-l.gif) no-repeat;
	float: left;
	width: 33px;
	height: 29px;
}

.button .c {
	background: url(images/button-c.gif) repeat-x;
	float: left;
	width: 65px;
	height: 29px;
	font: 12px Tahoma;
	color: #2b68db;
	line-height: 25px;
	padding-right: 5px;
}

.button .r {
	background: url(images/button-r.gif) no-repeat;
	float: left;
	width: 5px;
	height: 29px;
}


/****************************
FOOTER
*****************************/
.footer {
	width:898px;
	margin:0 auto;	
	height:52px;
	clear: both;
}

.footer .l {
	background: url(images/footer-l.gif) no-repeat top left;
	width: 25px;
	height: 52px;
	float: left;
}

.footer .c {
	background: url(images/footer-c.gif) repeat-x top left;
	width: 848px;
	height: 52px;
	float: left;
}

.footer .r {
	background: url(images/footer-r.gif) no-repeat top left;
	width: 25px;
	height: 52px;
	float: left;
}

.copyright {
	text-align: center;
	margin: 0px;
	padding: 0px;
	padding-top: 15px;
}

/****************************
OTHER
*****************************/
.error-bar {
	background: #fcd8df url(images/error-bar.png) no-repeat 99% 10%;
	padding: 10px 45px 10px 10px;
	border: 1px #f5637e solid;
	width: 380px;
	min-height: 17px;
	margin: 20px 0px 20px 20px;
}
.error-bar p {
	margin: 2px 0px;
	color: #f2202f;
	font: 12px Tahoma;
}
.success-bar {
	background: #ccface url(images/success-bar.png) no-repeat 99% 50%;
	padding: 10px 45px 10px 10px;
	border: 1px #87f38c solid;
	width: 380px;
	min-height: 17px;
	margin: 20px 0px 20px 20px;
}
.success-bar p {
	margin: 2px 0px;
	color: #2ac519;
	font: 12px Tahoma;
}