* {
	margin: 0px;
	padding: 0px;
}

body {
	padding: 0px 0px 10px;
	background: url('') #fff no-repeat 50% 0%;
	color: #000;
	font-family: tahoma, arial, sans-serif;
	font-size: 10px;
	text-align: center;
}

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #000123;
}

span {
	display: none;
}

img {
	border: none;
}

ul {
	list-style-type: none;
}

li {
	list-style-type: none;
}

p {
	margin: 10px 0px 5px;
	text-align: justify;
	line-height: 14px;
}

.clearthis {
	margin : 0px;
	height : 1px;
	clear : both;
	float : none;
	font-size : 1px;
	line-height : 0px;
	overflow : hidden;
}

input {
	padding-left: 2px;
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
	font-family: tahoma, arial, sans-serif;
	font-size: 10px;
}



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


/* Page Header */

#header_container {
	margin-bottom: 12px;
	border: 0px solid #000;
	background-color: ;
}

#page_header {
	width: 766px;
	height: 147px;
	background: url('http://www.commsys.biz/images/roundarrow200.gif') no-repeat 0px 35px;
	overflow: hidden;
}


/* Page Header : Company Name & Logo */

#header_company {
	margin-top: 0px;
	width: 585px;
	height: 35px;
	float: left;
	background: url('') no-repeat 250px 5px;
	text-align: left;
}

#header_company h1 {
	padding-top: 24px;
	padding-left: 300px;
	font-size: 18px;
	color: #000;
	font-style: normal;
}
/* Page Header : Welcome Note */

#header_welcome {
	height: 50px;
        padding-top: 20px;
	padding-left: 295px;
        float: left;
	text-align: justify;
}
#header_img {
	background: url('') no-repeat;
	 }
#header_welcome h2 {
	padding: 3px 0px 0px;
	font-size: 18px;
	text-align: center;
	color: #000;
	font-style: normal;
}

#header_welcome h3 {
	padding: 3px 0px 0px;
	font-size: 14px;
}

#header_welcome p {
	margin-top: 1px;
        font-size: 11px;
}

#header_welcome #welcome_text {
	width: 450px;

}
#header_welcome #owner_sig	{
	width: 100px;
	float: left;
	text-align: left;
}

/* Page Header : Menu */

#header_menu {
	padding-top: 20px;
	padding-left: 0px;
	float: right;
}

#header_menu li {
	margin-bottom: 2px;
	width: 94px;
	border: 1px solid #ca6c18;
	text-align: left;
	float: left;
}

#header_menu li a {
	display: block;
	width: 94px;
	height: 18px;
	color: #000;
	background-color: #fff;
	text-decoration: none;
	font-weight: bold;
	overflow: hidden;
	line-height: 10px;
}

#header_menu li a span {
	display: block;
	padding-top: 4px;
	padding-left: 10px;
}

#header_menu li a:hover {
	color: #fff;
	background-color: #21409a;
}


/* Left Sidebar */

#left_sidebar {
	width: 178px;
	float: left;
}

#left_sidebar .box_container {
	margin-bottom: 11px;
	border: 0px solid #000;
}


/* Left Sidebar : User Login */

#userlogin {
	height: 158px;
	padding: 7px 8px 11px 12px;
	color: #000;
	font-weight: bold;
	text-align: center;
	background: url('http://www.commsys.biz/images/4guys_md.gif') no-repeat;
}
#userlogin_clients {
	height: 158px;
	padding: 7px 8px 11px 12px;
        color: #000;
	font-weight: bold;
	text-align: center;
	background: url('http://www.commsys.biz/images/login.gif') no-repeat 10px 5px;
}
#userlogin_clients p{
        margin-left: 20px;
}
#userlogin_customers {
	height: 158px;
	padding: 7px 8px 11px 12px;
	color: #000;
	font-weight: bold;
	text-align: center;
	background: url('http://www.commsys.biz/images/customers_md.gif') no-repeat 10px 5px;
}
#userlogin_products {
	height: 158px;
	padding: 7px 8px 11px 12px;
	color: #000;
	font-weight: bold;
	text-align: center;
	background: url('http://www.commsys.biz/images/products_md.gif') no-repeat 10px 5px;
}
#userlogin_services {
	height: 158px;
	padding: 7px 8px 11px 12px;
	color: #000;
	font-weight: bold;
	text-align: center;
	background: url('http://www.commsys.biz/images/puzzle_md.gif') no-repeat 10px 5px;
}
#userlogin_certifications {
	height: 158px;
	padding: 7px 8px 11px 12px;
	color: #000;
	font-weight: bold;
	text-align: center;
	background: url('http://www.commsys.biz/images/microscope_md.gif') no-repeat 10px 5px;
}
#userlogin_contact {
	height: 158px;
	padding: 7px 8px 11px 12px;
	color: #000;
	font-weight: bold;
	text-align: center;
	background: url('http://www.commsys.biz/images/contact_md.gif') no-repeat 10px 5px;
}
#userlogin_missing{
	height: 158px;
	padding: 7px 8px 11px 12px;
	color: #000;
	font-weight: bold;
	text-align: center;
	background: url('http://www.commsys.biz/images/magnify_md.gif') no-repeat 10px 5px;
}
#userlogin_thanks{
	height: 158px;
	padding: 7px 8px 11px 12px;
	color: #000;
	font-weight: bold;
	text-align: center;
	background: url('http://www.commsys.biz/images/announce_md.gif') no-repeat 10px 5px;
}


#userlogin p {
	font-size: 10px;
	font-weight: normal;
        text-align: center;
}


#userlogin h2 {
	font-size: 14px;
	color: #21409a;
	font-style: italic;
}

#userlogin a {
	color: #666666;
	font-size: 10px;
	font-weight: bold;
}
#userlogin a:hover {
	background-color: #7f1416;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}
/* Left Sidebar : Latest News */

#news {
	height: 192px;
	padding-left: 5px;
	text-align: left;
	background: url('') no-repeat 50px 130px;
}

#news h2 {
	font-size: 14px;
	color: #7f1416;
	font-style: italic;
}

#news h4 {
	padding-top: 6px;
	font-size: 10px;	
	font-weight: bold;
}

#news p {
	margin-top: 5px;
	margin-bottom: 6px;
	line-height: 12px;
}

#news .link-more {
	text-align: right;
	font-weight: bold;
}


/* Main Content */

#maincontent_container {
	border-top : 1px solid #ca6c18;
	border-left : 1px solid #ca6c18;
	background-color: #e2e2e2;
	float: right;
	text-align: left;
}

#maincontent {
	margin: 7px 0px 0px 16px;
	width: 561px;
        height: 400px;
}

#maincontent_top {
	margin-bottom: 11px;
	width: 561px;
        background: url('http://commsys.biz/images/maincontent_verticaldiv.gif') repeat-y 350px 5px;

	
}


/* How We Started */

#about_container {
	width: 344px;
	float: left;
}

#about {
	font-size: 12px;
	padding-top: 2px;
	padding-right: 10px;
	width: 340px;
	height: 385px;
	overflow: auto;
}
#about_customers {
	font-size: 10px;
	padding-top: 2px;
	padding-right: 10px;
	width: 340px;
	height: 385px;
	overflow: auto;
}
#aboutt {
	font-size: 12px;
	padding-top: 2px;
	padding-right: 10px;
	width: 545px;
	height: 385px;
	overflow: auto;
}
#aboutt h2 {
	font-size: 14px;
	color: #21409a;
	font-style: italic;
}
#about h2 {
	font-size: 14px;
	color: #21409a;
	font-style: italic;
}
#about a {
	color: #000;
	font-size: 12px;
}
#about a:hover {
	color: #666666;
	font-size: 12px;
}

/* Repairing */

#right_container {
	width: 216px;
        float: left;
	text-align: left;
}

#mission {
	margin-left: auto;
	margin-right: 5px;
	padding-bottom: 5px;
	width: 190px;
        height: 140px;
	float: right;
}

#mission h2 {
	font-size: 14px;
	color: #21409a;
	font-style: italic;
}

#mission p {
	margin-top: 6px;
        padding-left: 15px;
        padding-right: 15px;
}

#client {
	margin-left: auto;
	margin-right: 5px;
	padding-bottom: 5px;
	width: 190px;
        height: 190px;
	float: right;
        background: url('http://www.commsys.biz/images/login.gif') no-repeat;
}

#client h2 {
	margin-left: 22px;
        margin-top: 95px;        
        font-size: 14px;
	color: #21409a;
	font-style: italic;
}

#client p {
	margin-left: 45px;
        margin-top: 10px;
}

/* Get Special Offer */

#tfs_container {
	margin-left: auto;
	border: 1px solid #ca6c18;
	background-color: #fff;
	float: right;
}

#tfs {
	margin: 5px 17px 4px 10px;
	width: 174px;
        height: auto;
}

#tfs h2 {
	font-size: 14px;
	color: #21409a;
	font-style: italic;
}

#tfs p {
	margin-top: 1px;
}

#tfs .link-go {
	text-align: right;
}

#tfs .link-go a {
	margin-left: auto;
	display: block;
	width: 34px;
	height: 13px;
	background: url('') no-repeat 0px 0px;
}


/* Featured Products */

#featured_container {
	border: 1px solid #fdc272;
	background-color: #f7f7f7;
	float: left;
}

#featured {
	margin: 9px 30px;
	width: 498px;
	height: 125px;
}

#featured h2 {
	width: 111px;
	background: url('') no-repeat 0px 0px;
}

#featured_products ul {
	padding-bottom: 2px;
	width: 498px;
}

#featured_products li {
	margin: 0px 21px 10px 1px;
	float: left;
}

#featured_products li.end {
	margin-right: 0px;
}

#featured_products li a {
	display: block;
	width: 107px;
	height: 105px;
	overflow: hidden;
}

#featured_products li a img {
	margin: 1px;
}

#featured_products li h4 {
	padding-top: 3px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}

.featured_nav {
	padding-left: 3px;
	padding-right: 9px;
	float: left;
	font-weight: bold;
}

.featured_nav a {
	text-decoration: none;
}

#featured .link-more {
	padding-right: 3px;
	font-weight: bold;
	float: right;
}


/* Page Footer */

#page_footer {
	margin: 5px;
	width: 567px;
	float: right;
	text-align: center;
	font-size: 9px;
}
#page_footer a{
	text-decoration: none;
}

.mainExpand {
	cursor:hand;
  	cursor:pointer; 
}  
  
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #7f1416;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #7f1416;
 border-bottom: none;
 background: #f7f7f7;
 text-decoration: none;
}



ul.tabbernav li a:hover
{
 color: #fff;
 background: #7f1416;
 border-color: #7f1416;
}

ul.tabbernav li.tabberactive a
{
 background-color: #eee;
 border-bottom: 1px solid #eee;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid #7f1416;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 font-size: 10px;
 color: #000;
 padding:5px;
 border:1px solid #7f1416;
 border-top:0;
 height:150px;
 overflow:auto;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}