/* GLOBAL RESET*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font: 11px Verdana, Arial, Helvetica, sans-serif;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* GENERAL STYLES */
html, body {
	background: #FFF url(../images/page_background.jpg) repeat-x top left scroll; 
	height: 100%; 
}

a {
	color: #6a1069;
	text-decoration: none;
	font-weight: 900;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: #6a1069;
}

h1 {
	font-weight: 900;
	padding-top: 10px;
}

hr {
	border: 0;
	height: 1px;
	background-color: #e2e2e2;
	margin: 5px 0 10px 0;
	color: #e2e2e2;
}

p {
	line-height: 17px;
}

input.textinput {
	width: 139px;
	height: 23px;
	line-height: 23px;
	font-size: 12px;
	color: #000;
	text-indent: 10px;
	padding: 0;
	margin: 5px 0 0 0;
	background: url(../images/textinput_background.png) no-repeat top left;
	border: 0;
}

a.dotted {
	border-bottom: 1px dotted #000;
	color: #000;
}

p.subtext {
	color: #6a1069;
	font-weight: 900;
	padding: 7px 0 2px 0;
}

.clear {
	clear: both;
}

.horizontaldivider {
	width: 100%;
	height: 2px;
	background: url(../images/horizontal_divider.gif) repeat-x top left; 
}

.tooltip {
	font-size: 9px;
}

p#footer {
	text-align: center;
	color: #626365;
	padding: 15px;
	font-size: 10px;
}

div#pagewrapper {
	width: 955px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

div#pagewrapper div#header {
	width: 955px;
	margin: 12px 0 6px 0;
	float: left;
}

div#pagewrapper div#header img#logo {
	margin-top: 16px;
	float: left;
}

div#pagewrapper div#header div#navigation {
	font-size: 10px;
	color: #fff;
	float: right;
}

div#pagewrapper div#documentbody {
	clear: both;
	position: relative;
}

div#pagewrapper div#documentbody div#side {
	width: 250px;
	margin: 0;
	padding: 0;
	float: left;
}

div#pagewrapper div#documentbody div#contentarea {
	width: 705px;
	height: 600px;
	margin: 0;
	padding: 0;
	float: right;
}

div#pagewrapper div#documentbody div#contentarea a {
	font-weight: 100;
	color: #006899;
}

div#pagewrapper div#documentbody div#side div.sideblock {
	clear: both;
	margin: 10px;
	padding: 10px;
}

/* ROUNDED CORNERS */
.wrapper {
	 position: relative;
	 margin: 0px auto;
	 min-width: 8em;
	 max-width: 755px;
	 color: #fff;
	 z-index: 1;
	 margin-left:15px;
	 margin-bottom: 0.5em;
}

.wrapper .content,
.wrapper .t,
.wrapper .b,
.wrapper .b div {
	 background: transparent url(../images/corners_background.png) no-repeat top right;
	 _background-image: url(../images/corners_background.jpg);
}

.wrapper .content {
	 position: relative;
	 zoom: 1;
	 _overflow-y: hidden;
	 padding: 30px 30px 20px 20px;
	 color: #000;
}

.wrapper .t {
	 position: absolute;
	 left: 0px;
	 top: 0px;
	 width: 15px;
	 margin-left: -15px;
	 height: 100%;
	 _height: 3000px;
	 background-position: top left;
}

.wrapper .b {
	 position: relative;
	 width: 100%;
}

.wrapper .b,
.wrapper .b div {
	 height: 15px;
	 font-size: 1px;
}

.wrapper .b {
	 background-position: bottom right;
}

.wrapper .b div {
	 position: relative;
	 width: 15px;
	 margin-left: -15px;
	 background-position: bottom left;
}

.wrapper .hd,
.wrapper .bd,
.wrapper .ft {
	 position:relative;
}

/* BUBBLE */
.tooltip .bwrapper {
	 position: relative;
	 margin: 0px auto;
	 min-width: 8em;
	 max-width: 600px;
	 color: #fff;
	 z-index: 1;
	 margin-left:20px;
	 margin-bottom: 0.5em;
}

.tooltip .bwrapper .content,
.tooltip .bwrapper .t,
.tooltip .bwrapper .b,
.tooltip .bwrapper .b div {
	 background: transparent url(../images/bubble_background.png) no-repeat top right;
	 _background-image: url(../images/bubble_background.jpg);
}

.tooltip .bwrapper .content {
	 position: relative;
	 zoom: 1;
	 _overflow-y: hidden;
	 padding: 30px 40px 15px 20px;
	 color: #000;
}

.tooltip .bwrapper .t {
	 position: absolute;
	 left: 0px;
	 top: 0px;
	 width: 15px;
	 margin-left: -15px;
	 height: 100%;
	 _height: 600px;
	 background-position: top left;
}

.tooltip .bwrapper .b {
	 position: relative;
	 width: 100%;
}

.tooltip .bwrapper .b,
.tooltip .bwrapper .b div {
	 height: 30px;
	 font-size: 1px;
}

.tooltip .bwrapper .b {
	 background-position: bottom right;
}

.tooltip .bwrapper .b div {
	 position: relative;
	 width: 65px;
	 margin-left: -15px;
	 background-position: bottom left;

}

.tooltip .bwrapper .hd,
.tooltip .bwrapper .bd,
.tooltip .bwrapper .ft {
	 position: relative;
}

/* TABS */
ul#tabnav {
	width: 755px;
	position: relative;
	text-align: right;
	margin: 0 0 -11px 200px;
	font: bold 11px verdana, arial, sans-serif;
	list-style-type: none;
	padding: 0;
	z-index: 1000;
}
 
ul#tabnav li {
	display: inline;
	margin-right: 40px;
}
 
body#home li.home a,
body#services li.services a,
body#company li.company a,
body#employee li.employee a,
body#worktools li.worktools a,
body#contact li.contact a{
	position: relative;
}
 
ul#tabnav li a {
	padding: 0;
	margin-right: -2px;
	text-decoration: none;
	border-bottom: none;
}

/* ACCORDION */
.accordion_toggle {
	display: block;
	height: 29px;
	width: 486px;
	background: url(../images/accordion_toggle.png) no-repeat top right;
	padding: 0;
	line-height: 29px;
	outline: none;
	color: #999999;
	cursor: pointer;
	margin: -1px 0 0 0;
	text-indent: 30px;
}

.accordion_toggle_active {
position: relative;
	text-indent: 10px;
	color: #6a1069;
	background: url(../images/accordion_toggle_active.png) no-repeat top right;
	z-index: 100;
}

.accordion_content {
position: relative;
	overflow: hidden;
	color: #505050;
	padding: 20px 20px;
	margin-top: -8px;
	z-index: 10;
	background: url(../images/accordion_background.png) no-repeat bottom left;
}


.accordion_content li {
	margin-left: 30px;
	list-style-type:disc;
	line-height: 20px;
}