@charset "UTF-8";
/* CSS Document */

/* GENERAL COLOR GUIDELINES FOR STYLING ---------------------------------------------------------------------------------------------

	dark blue: #336
	light blue: #669
	grey: #999
*/

html {height: 100%;}

body {
	color: #336;
	background: url(../img/body_bg.png) repeat-x fixed;
	margin: 0px;
	padding: 0px;
	font: small Verdana, Arial, Geneva, Tahoma, sans-serif;
	min-height: 100%;
	height: 100%;
}

#wrapper {
	width: 955px;
	margin-left: auto;
	margin-right: auto;
}

#header-bottom {
	height: 20px;
	width: 955px;
	background: url(../img/header_bottom.png) no-repeat top;
}


#content-top {
	height: 15px;
	width: 955px;
	background: url(../img/content_bg_top.png) no-repeat bottom;
}


#content {
	width: 955px;
	min-height:360px;
	background: #FFF url(../img/content_bg.png) no-repeat bottom;
	margin-bottom: 15px;
	padding-bottom: 90px;
}


#main {
	width: 955px;
	min-height:350px;
	/*background: url(../img/overlay.png) no-repeat bottom;*/
	margin-bottom: 10px;
}

#links {
	position: absolute;
	width: 685px;
	text-align: right;
}


.left_col {
	width: 225px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
}

.right_col {
	width: 620px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 50px;
	float: right;
}


#footer {
	font-size: x-small;
	margin-bottom: 15px;
}


/* STYLING FOR ALL THE ELEMENTS WITHIN THE HEADER DIV ---------------------------------------------------------------------------*/

#header {
	height: 60px;
	width: 955px;
	background: url(../img/header.png) no-repeat;
	position: relative;
}

.header_logo {
	position: relative;
	top: 5px;
	left: 20px;
}

#blurb {
	position: absolute;
	top: 10px;
	left: 170px;
	font-size: x-small;
	font-weight: bold;
	color: #FFF;
}

#dock {
	position: relative;
	top: 40px;
	height: 25px;
	line-height: 25px;
	float: right;
	font-size: x-small;
	font-weight: bold;
	color: #669;
}

#header input[type="text"] {
	font: small Verdana, Arial, Geneva, Tahoma, sans-serif;
	color: #336;
	width: 160px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 4px;
	left: 765px;
	border: 1px #CCC solid;
}

/* STYLING FOR THE SUBMENU DIV ELEMENTS -------------------------------------------------------------------------------------*/


div.submenuheader {
	width: 222px;
	height: 25px;
	padding-top: 5px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: url(../img/submenu-header.png);
}

div.submenu {
	margin:0;
	position: fixed;
	border: 1px solid #ccc;
	background: url(../img/submenu-bg.png);
}	

div.submenunoscroll {
	margin:0;
	position: relative;
	border: 1px solid #ccc;
	background: url(../img/submenu-bg.png);
}

div.submenu p {
	margin: 0;
	padding: 2px;
}


/* STYLING FOR THE ACCORDION DIV ELEMENTS -------------------------------------------------------------------------------------*/

#advert_image {
	margin-left: 20px;
	width: 113px;
	float: left;
}

#smart_accordion {
	width: 545px;
	float: left;
}

#smart_accordion p {margin: 0px;}

#about_trinity_accordion {
	margin-left: 10px;
	margin-right: 10px;
}

#about_trinity_accordion p {
	margin: 0px;
}

#solutions_products_service_accordion {
	margin-left: 10px;
	margin-right: 10px;
}

#solutions_products_service_accordion p {margin: 0px;}

#products {
	margin-left: 10px;
	margin-right: 10px;
	border-top: 1 dotted #aaaaaa;
	border-left: 1 dotted #aaaaaa;
	border-bottom: 1 dotted #aaaaaa;
	border-right: 1 dotted #aaaaaa;
	background: #cccccc;
	padding: 10px;
}

#products p {
	margin: 0px;}

#training_accordion {
	margin-left: 10px;
	width: 620px;
}

#training_accordion p {margin: 0px;}

#news_accordion {
	margin-left: 10px;
	width: 620px;
}

#news_accordion p {margin: 0px;}

#events_accordion {
	margin-left: 10px;
	width: 620px;
}

#events_accordion p {margin: 0px;}

#routers_and_gateways_accordion {
	margin-left: 10px;
	width: 620px;
}

#routers_and_gateways_accordion p {margin: 0px;}

#modems_accordion {
	margin-left: 10px;
	width: 620px;
}

#modems_accordion p {margin: 0px;}

#components_accordion {
	margin-left: 10px;
	width: 620px;
}

#components_accordion p {margin: 0px;}

#alarms_accordion {
	margin-left: 10px;
	width: 620px;
}

#alarms_accordion p {margin: 0px;}


/* GENERAL STYLING FOR ALL ELEMENTS -------------------------------------------------------------------------------------------------*/

h1 {
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	color: #669;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	color: #336;
}

h3 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #336;
}

div.sectionheader {
	width: 100%;
	height: 25px;
	padding-top: 5px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: url(../img/submenu-header.png);
}

div.productheader {
	width: 100%;
	height: 25px;
	padding-top: 5px;
	padding-left: 5px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #336;
	background: #eeeeee;
}

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

.para_pad {
	margin: 10px;
	padding: 0px;
}

.para_pad img {margin-right: 10px;}

.padding {
	margin: 0px;
	padding: 0px 10px 10px;
}

.pad_l_10 {padding-left: 10px;}

.pad_t_5 {padding-top: 5px;}

.pad_b_5 {padding-bottom: 5px;}

.bold {font-weight: bold;}

.border_t {border-top: 1px solid #CCC;}

.border_b {border-bottom: 1px solid #CCC;}

.hr {
	height: 1px;
	background: #CCC;
}

.clear {height: 10px;}

.tiny_text {font-size: xx-small;}

.small_text, .description, .url {font-size: x-small;}

.product_image {
	padding: 3px;
	margin-left: 5px;
}

.product_image_cpu {
	padding: 3px;
	margin-left: 3px;
}

.partner_image {
	padding: 3px;
	border: 1px solid #CCC;
}

.about_image {
	padding: 3px;
	border: 1px solid #CCC;
}

.gallery_image {
	padding: 3px;
	border: 1px solid #CCC;
	margin-right: 3px;
	margin-bottom: 3px;
}

.active {color: #999;}

.overlay {
	opacity: .75;
	filter: Alpha(Opacity=75);
}

.box 	{
	background: url(../img/box-bg.jpg);
	border: 1px solid #aaaaaa;
	width: 150px;
}

.section_header 	{
	background: #336;
	border: none;
	padding: 5px;
	width: 500px;
	font-family: verdana; font-size:16px; color:#fff;
}


/* ANCHORS AND LINKS ----------------------------------------------------------------------------------------------------------------*/

#dock a {
	color: #FFF;
	text-decoration: none;
}

#dock a:hover {color: #CCC;}

.para_pad a {
	color: #336;
	text-decoration: none;
}

.para_pad a:hover {
	color: #669;
	border-bottom: 1px dotted #336;
}

.internal_link a {
	color: #336;
	text-decoration: none;
}

.internal_link a:hover {
	color: #669;
	border-bottom: 1px dotted #336;
}

.links a {
	color: #336;
	text-decoration: none;
}

.links a:hover {
	color: #669;
	border-bottom: 1px dotted #336;
}

#footer a {
	color: #336;
	text-decoration: none;
}

#footer a:hover {
	color: #669;
	
}


A.filelink {
	color: #669; 
	text-decoration: 1px dotted #336;
	font-weight:bold;
}

A:hover.filelink {
	color: #336;
	border-bottom: 1px dotted #336;
	font-weight:bold;
}

A.boxlink {
	color: #ffffff; 
	text-decoration: none;
	font-weight:normal;
}

A:hover.boxlink {
	color: #cccccc;
	border-bottom: 1px dotted #336;
	font-weight:normal;
}
A.submenu {
	color: #669; 
	text-decoration: none;
	font-weight:normal;
}

A:hover.submenu {
	color: #336;
	border-bottom: 1px dotted #336;
	font-weight:normal;
}