/*
    Filename:    default.css
    Author:     Wired Computer Solutions
*/


/*
	Element adjustments
*/

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

html
{
	background:			url(../img/body_bg.jpg) repeat-x;
	font-family:		Arial, Helvetica, sans-serif;
}

a
{
	color:				#5092ad;
	text-decoration:	none;
	border-bottom:		dashed 1px #6996a8;
}

a:visited
{
	color:				#5092ad;
	border-bottom:		dashed 1px #6996a8;
}

a:hover
{
	color:				#aa2e2e;
	border-bottom:		dashed 1px #aa2e2e;
}


/*
    Centering container
*/

#container
{
	width:				80%;
	margin:				0 auto;
	min-width:			700px;
}

/*
    Header
*/

#header
{
	height:				160px;
	background:			url(../img/header_bg.gif) right no-repeat;
}

#header_line_r
{
	height:				20px;
	background:			url(../img/header_top_line_right.gif) right no-repeat;
	min-width:			700px;
	position:			relative;
	z-index:			2;

}

#header_line_l
{
	font-family:		Arial, Helvetica, sans-serif;
	height:				20px;
	background:			url(../img/header_top_line_left.gif) no-repeat;
}

h1
{
	width:				400px;
	height:				140px;
	background:			url(../img/top_header.gif) no-repeat;
	float:				left;
	text-indent:		-99999em;
}

/*
    Navigation
*/

#nav
{
	height:				65px;
	background:			url(../img/nav_bg_left.gif) no-repeat;
	min-width:			700px;
}

#nav ul
{
	height:				65px;
	background:			url(../img/nav_bg_right.gif) right no-repeat;
	list-style:			none;
}

#nav li
{
	float:				left;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			.9em;
	font-weight:		bold;
	padding:			38px 0px 0px 0px;
	margin: 			0px 0px 0px 20px;
}

#nav li.selected
{
	background:			url(../img/nav_selected_arrow.gif) no-repeat center top;
	color:				#000000;
}

#nav li a
{
	text-decoration:	none;
	border:				none;
	color:				#9b9b9b;
}

#nav li a:hover, #nav li.selected a
{
	border:				none;
	color:				#000000;
}

#nav li .important
{
	color:				#aa2e2e;
}

/*
    Body
*/

#body_container
{
	background:			url(../img/body_bg_right.gif) right top no-repeat;
}

#body
{
	background:			url(../img/body_bg_left.gif) no-repeat;
	padding:			0px 40px 30px 40px;
	min-height:     	500px;
}

#body h2
{
	color:				#414141;
	font-size:			1.7em;
	font-weight:		normal;
	letter-spacing: 	2px;
	padding:			10px 0 5px 0px;
	width:				55%;
	background: 		url(../img/hr.gif) bottom right no-repeat;
}

#body h3
{
	margin:				10px 0 0 0;
	color:				#787878;
	font-size:			1em;
}

#body h4
{
	color:				#787878;
	text-transform: 	uppercase;
	padding:			10px 0 0 0;
	font-size:			.8em;
}

#body p
{
	font-size:			.75em;
	line-height:		1.6em;
	padding:			0 0 0 0;
}

#body ul
{
	margin:				5px 30px 0px 14px;
	list-style:			square;
	list-style-image:	url(../img/arrow_bullet.gif);
	font-size:			.75em;
}

#body .body_sidebar
{
	margin:				20px 0px 30px 30px;
	width:				250px;
	float:				right;
}

#body h5
{
	letter-spacing:		.1em;
}

#body .body_sidebar h4
{
	padding: 			0 0 2px 0;
	color:				#787878;
	border-bottom:		2px solid #878787;
}

#body .body_sidebar p
{
	background:			#f7f7f7;
	padding:			15px 10px 10px 10px;
	margin:				0 0 0 0;
	border-bottom:		1px dashed #dfdfdf;
	line-height:		normal;
}

#body .body_sidebar .no_bottom
{
	border:				none;
	padding:			15px 10px 0 0;
}

#body .body_sidebar ul
{
	background:			#f7f7f7;
	margin:				0;
	padding:			5px 10px 10px 10px;
	border-bottom:		1px dashed #dfdfdf;
}

#body .body_sidebar li
{
	background:			#f7f7f7;
	margin:				0 0 0 20px;
}

#body .body_sidebar li em
{
	font-style:			normal;
	font-weight:		bold;
}


/*
    Footer
*/

#footer
{
	font-size:			.75em;
	color:				#bcbcbc;
	line-height:		1.7em;
	height:				90px;
	background:			url(../img/footer_top_grad.gif) repeat-x top;
	margin:				0px 20px 0px 20px;
	padding:			10px 0px 10px 0px;
	clear:				both;
}

#footer .address
{
	border-right:		1px solid #bdbcbc;
}

#footer p
{
	margin:				10px 0px 0px 0px;
	padding:			10px 15px 10px 15px;
	float:				left;
}

/*
	Large Form
*/

.large_form
{
	clear:				both;
	float:				left;
	width:				620px;
}

/*
	Small Form
*/

.small_form

{
	width:				330px;
}

.medium_form

{
	width:				420px;
}


/*
	Multi-function classes
*/

.gradl
{
	background:			url(../img/body_cont_bg_left.gif) repeat-y;

}

.gradr
{
	background:			url(../img/body_cont_bg_right.gif) right repeat-y;
}

.large_buttons
{
	margin: 			0 290px 0 0;
}
.large_buttons a
{
	background:			#cdd7dd;
	color:				#2b596a;
	text-align:			center;
	padding:			10px;
	border:				1px dotted #2b596a;
	margin:				10px;
	font-weight:		bold;
	text-transform:		lowercase;
	display:			block;
}

.large_buttons a:hover
{
	background:			#a3adb3;
}

.center_contents
{
	text-align:			center;
}

.service_table
{
	width:				100%;
	margin:				10px 0 0 0;
}

.service_table th
{
	border-bottom:		1px dashed #788287;
	font-size:			.8em;
	white-space:		nowrap;
	padding: 			0 10px 0 10px;
	vertical-align:		bottom;
}

.service_table th.left
{
	text-align:			left;
}

.service_table th.h1
{
	font-size:			1em;
	text-align:			left;
	border:				none;
}

.service_table td
{
	padding:			10px;
	font-size:			.8em;
}

#body p.important
{
	background:			#ecb9b9;
	color:				#912727;
	text-align:			center;
	padding:			10px;
	border:				1px dotted #912727;
	margin:				0px;
	font-weight:		bold;
}

#sliding_login
{
	float:				right;
	margin:				-75px 40px 0 0;
	background:			url(../img/login_bg.gif) top no-repeat;
	height:				140px;
	width:				232px;
	z-index:			1;
	display:			inline;
}

#sliding_login fieldset
{
	position: 			relative;
	padding:			5px 20px 10px 20px;
}

#sliding_login span
{
 	position:absolute;
	left: 45px;
	top: 73px;
	letter-spacing:		.1em;
	font-size: 			.9em;
	font-weight:		bold;
}

#sliding_login .panel
{
	left: 				15px;
}

#sliding_login a,  #sliding_login span
{
	border:				none;
	color:				#fff;
	font-weight:		bold;
}

#sliding_login a:hover
{
	color:				#cdd7dd;
}

#sliding_login div
{
	padding: 			0px 0 2px 0;
	clear:				left;
}

#sliding_login label
{
	float:				left;
	width:				70px;
	margin:				4px 0 0 0;
	font-size:			.8em;
	color:				#fff;
}

#sliding_login input
{
	width:				115px;
	height:				16px;
	border: 			1px solid #788287;
}


#sliding_login .submit
{
	width: 				50px;
	height: 			22px;
	float: 				right;
}

#sliding_login_form .logoff
{
	margin:				75px 0 0px 0;
}