/* Immix Solutions CSS Document */

html, body {
	margin: 0;
	text-align: center;
	background: url(../images/body_bg_black.gif) repeat-x top #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #c9c9c9;
}

img {
	border: 0;
}

a {
	color: #747474;
	text-decoration: none;
}

a:hover {
	color: #ffb112;
	text-decoration: underline;
}

a:focus {
	outline: none;
}

.input1 {
	width: 236px;
	height: 15px;
	border: 0;
	margin: 0;
	padding: 3px;
	font-size: 11px;
}

.input{
	border:0px;
}

#container {
	width: 100%;
	height: auto;
	background: url(../images/container_bg_black.png) no-repeat top left #000000;
}

#wrapper {
	width: 964px;
	height: auto;
	margin: auto;
	position: relative;
}

#header {
	width: 100%;
	height: 120px;
}

	#modlgn_username, #modlgn_passwd{
		border:1px solid #989898;
		background-color:#F2F2F2;
	}
	#form-login-username{
		position:relative;
		margin-left:10px;
		margin-top:10px;
	}
	
	#form-login-password{
		position:relative;
		margin-left:155px;
		margin-top:-35px;
	}
	
	#form-login-remember{
		position:relative;
		margin-left:115px;
		margin-top:5px;
	}
	
	#form-login ul{
		list-style:none;
		height:300px;
		margin-left:300px;
		margin-top:-58px;
	}
	
	#mod_search_searchword{
			width:230px;
			border:1px solid #cccccc;
			color:#cccccc;
	}
	
	#loginbox .button{
		margin-left:232px;
		margin-top:-30px;
		background-color:#ff8604;
		border:1px solid #b05b01;
		padding:2px;
		color:#F2F2F2;
		font-family:Verdana, Arial;
		font-size:11px;
		font-weight:bold;
	}
	
	/* Start Login Box */
	
	#loginbox {
		width: 490px;
		height: 138px;
		background: url(../images/back_login.png) no-repeat; 
		position: absolute;
		top: 0px;
		right: 0px;
		padding-top:10px;
		z-index: 99;
	}
	
	#loginboxin {
		padding-left:15px;
		float:left;
		position:absolute;
		width:480px;
		padding-top:20px;
		text-align: left;
	}
	
	#loginboxin table {
		margin: 0 0 0 80px;
	}
	
	#loginboxin table td {
		padding: 0 10px 9px 0;
		font-weight: bold;
	}
	
	#loginboxin table td input {
		float: left;
	}
	
	#loginboxin table td a {
		font-weight: normal;
		color: #333333;
	}
	
	#loginlinks {
		padding: 5px 0 0 10px;
		float: left;
	}
	
	/* End Login Box */
	
#toolbar {
	width: 200px;
	height: 22px;
	float: right;
	margin: 45px 19px 0 0;
}

#search {
	width: 236px;
	height: 21px;
	float: right;
	margin: 45px 19px 0 0;
}

.search_input {
	width: 161px;
	height: 18px;
	background: #FFFFFF;
	border: 1px solid #cccccc;
	padding: 3px 4px 0 4px;
	margin: 0;
	float: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}

.search_button {
	width: 59px;
	height: 21px;
	background: url(../images/search_button_bg.gif) no-repeat top left #ff7f01;
	border: 0;
	padding: 0 0 5px 0;
	margin: 0;
	float: right;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	cursor: pointer;
}

#slogan {
	width: 471px;
	height: 41px;
	float: right;
	margin: -57px 7px 0 0;
}

#navbar {
	
	height: 57px;
	padding: 13px 0 0 27px;
	background: url(../images/navbar_bg.png) no-repeat top left;
}

#sidebar {
	width: 199px;
	height: auto;
	min-height: 216px;
	float: left;
	background: url(../images/sidebar-bg.gif) no-repeat top left;
	color: #FFFFFF;
}

#sidebar ul { margin: 0; padding: 0px 0 0 1px; width: 198px; } 
#sidebar li { list-style-type: none; margin-bottom: 0px; background: url('../images/menu_vertical_bg.png') no-repeat top right; } 
#sidebar a { display: block; height: 29px; width: 197px; color: #F2F2F2; text-decoration: none; padding-top:11px; padding-left:35px; font-family:'Trebuchet MS', Helvetica, sans-serif; } 
#sidebar a:hover { color: #fea44e; font-family:'Trebuchet MS', Helvetica, sans-serif; }


#sidebar strong {
	color: #FFFFFF;
}

#sidebar a span {

	display: block;
}

#content {
	width: 100%;
	height: auto;
	margin-top: 14px;
	text-align: left;
}

#content-header-about {
	width: 940px;
	height: 174px;
	background: url(../images/content_header_about.png) no-repeat top;
}

#breadcrumbs {
	position:relative;
	margin-left:215px;
	margin-top:-32px;
	color: #FFFFFF;
	z-index:999;
}

#breadcrumbs a {
	color: #FFFFFF;
	text-decoration: underline;
}

#breadcrumbs a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.logo {
	float: left;
	margin: 12px 0 -8px 15px;
}

#promo {
	width: 655px;
	height: 304px;
	float: left;
	margin: 0 0 0 10px;
}

#content-left {
	width: 655px;
	height: auto;
	float: left;
	margin: 19px 0 0 10px;
}

#content-right {
	width: 260px;
	height: auto;
	float: right;
	margin: 19px 10px 0 0;
}

#content-sec {
	width: 701px;
	height: auto;
	float: right;
	background: url(../images/content-sec-bg.gif) no-repeat top left;
	padding: 0 20px;
	padding-top: 10px;
}

#content-full {
	width: 940px;
	height: auto;
	background: url(../images/content_full_bg_bottom.png) no-repeat bottom center;
	margin: 19px auto 0 auto;
	padding-bottom: 70px;
}

#content-full-wrap {
	width: 940px;
	height: auto;
	background: url(../images/content-full-wrap-bg.gif) repeat-y;
}

#accordion {
	width: 260px;
	height: 304px;
	float: right;
	margin: 0 10px 0 0;
	text-align: center;
}

#box {
	width: 100%;
	height: auto;
}

#footer {
	width: 100%;
	height: 95px;
	background: url(../images/footer_bg.gif) no-repeat top center #000000;
	margin-top: 19px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #878787;
	padding-top: 33px;
}

.title {
	display: block;
	border-bottom: 1px solid #404040;
	margin-bottom: 14px;
}

p {
	margin: 0;
	padding: 0;
}

.para-img {
	float: left;
	margin: 0 16px 8px 0;
}

/* Nav Items */

#nav {
	font-size: 10px;
	z-index: 89;
}

#nav li a span {
	display: none;
}

#nav li ul li a {
	padding: 7px 5px;
}

.contact {
	width: 98px;
	height: 45px;
	background: url(../images/nav_contact.png) 0 0 no-repeat;
	text-decoration: none;
	float: left;
	margin: 0;
	padding: 0;
}

.contact:hover { 
	background-position: 0 -45px;
}

.sitemap {
	width: 81px;
	height: 45px;
	background: url(../images/nav_sitemap.png) 0 0 no-repeat;
	text-decoration: none;
	float: left;
	margin: 0;
	padding: 0;
}

.sitemap:hover { 
	background-position: 0 -45px;
}

.rss a {
	width: 16px;
	height: 16px;
	background: url(../images/rss.gif) 0 0 no-repeat;
	text-decoration: none;
	float: right;
	margin: 27px 26px 0 0;
}

.rss a:hover { 
	background-position: 0 -16px;
}

/* Toolbar Items */

.tool-home a {
	width: 43px;
	height: 22px;
	background: url(../images/toolnav_home.png) 0 0 no-repeat;
	text-decoration: none;
	float: left;
}

.tool-home a:hover { 
	background-position: 0 -22px;
}

.tool-contact a {
	width: 60px;
	height: 22px;
	background: url(../images/toolnav_contact.png) 0 0 no-repeat;
	text-decoration: none;
	float: left;
}

.tool-contact a:hover { 
	background-position: 0 -22px;
}

.tool-login a {
	width: 43px;
	height: 22px;
	background: url(../images/toolnav_login.png) 0 0 no-repeat;
	text-decoration: none;
	float: right;
}

.tool-login a:hover { 
	background-position: 0 -22px;
}

.tool-divider {
	width: 27px;
	height: 22px;
	background: url(../images/toolnav-divider.png) 0 0 no-repeat;
	float: left;
}

/*  Accordion Styles  */

.drawers-wrapper {
position: relative;
width: 260px;
height: 291px;
margin: 0;
background: url(../images/accordion_bg.png) no-repeat top left;
padding-top: 13px;
}
.drawers {
color:#76797C;
font-size:11px;
line-height: 18px;
margin: 0 0 0 -21px;
width: 260px;
}
.drawer {
color:#76797C;
font-size:11px;
line-height:1.3em;
list-style-type: none;
width: 218px;
}
.drawer-handle {
background: url(../images/slider_handlebg.png) no-repeat scroll 0pt;
color:#FFF;
cursor: pointer;
height:30px;
line-height:25px;
font-size:11px;
width:100%;
text-align: left;
margin: 0;
margin-top: 3px;
}
.drawer-handle.open {
background-position:-218px 0pt;
color:#000;
margin: 0;
margin-top: 3px;
}

/* nasty, but it fixes the indent on the first one. */
h2.drawer-handle span {

}
.drawer ul {
padding: 0;
margin: 0;
text-align: left;
list-style-type: none;
}
.drawer li {
border-bottom:1px solid #444444;
line-height:16px;
text-align: left;
list-style-type: none;
margin: 0;
}
.drawer-content ul {
list-style-type: none;
margin: 0;
text-align: left;
}
.drawer-content li a {
display:block;
overflow:hidden;
margin: 0;
text-align: left;
}
.alldownloads li {
border:0pt none;
line-height:18px;
padding:0pt;
margin: 0;
text-align: left;
}

.drawers a {
color: #CCCCCC;
text-decoration:none;
font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
display: block;
padding:6px;
margin: 0;
}

.drawers a:hover {
color:#FFF;
text-decoration:none;
font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
background: #222222;
display: block;
padding:6px;
margin: 0;
}
-->

.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid #545454;
border-bottom-width: 0;
font:11px verdana;
line-height: 18px;
z-index: 100;
background: url(../images/anylink_bg.gif) no-repeat bottom right #000000;
width: 180px;
color: white;
text-align: left;
}

.anylinkcss a{
width: 170px;
display: block;
border-bottom: 1px solid #545454;
padding: 5px;
text-decoration: none;
color: white;
}

.anylinkcss a:hover{ /*hover background color*/
background: url(../images/dd_hover_bg.gif) repeat-x top #ff8100;
color: #000000;
}