/* BODY STYLE */ 

body {margin: 0px; padding: 0px; background-image: URL(layout/main_bg.jpg); background-repeat: repeat-x; background-color: #000000; font-family: Verdana;}

/* HEAD STYLE */

#head_container {background-color: #2B2D3A; padding: 5px;}

/* NAV STYLES */

#nav_container {background-image: URL(layout/head_nav_bg.gif); height: 47px; color: #FFFFFF; font-family: Arial; font-weight: bold; font-size: 11px; border-bottom: 1px solid #000000;}
#nav_container img {margin-top: 19px;}
#nav_container a {color: #FFFFFF; width: 79px; height: 23px; padding-top: 24px; display: block; background-image: none; text-decoration: none;}
#nav_container a:visited {color: #FFFFFF; background-image: none; text-decoration: none;}
#nav_container a:hover {color: #005EE6; background:transparent url(layout/head_nav_hover.gif); height: 25px; padding-top: 22px; text-decoration: none;}
#nav_container a:active {color: #005EE6; background:transparent url(layout/head_nav_hover.gif); height: 25px; padding-top: 22px; text-decoration: none;}

.active_page {color: #005EE6; background:transparent url(layout/head_nav_hover.gif); text-decoration: none; width: 79px; height: 25px; padding-top: 22px; display: block;}

.breadcrumb_container {width: 100%; background-image: URL(layout/breadcrumb_bg.gif); height: 35px; border-bottom: 1px solid #C2C2C2;}
.breadcrumb_pad {padding-top: 10px; padding-left: 15px; padding-right: 15px;}


.main_bg {background-image: URL(layout/main_bg_overlay.jpg); background-repeat: no-repeat; background-position: top center;}

#content_container {background-image: URL(layout/content_bg.gif); background-repeat: repeat-x; background-color: #FFFFFF; border-left: 1px solid #000000; border-right: 1px solid #000000; width: 750px;}
#content_container p {margin: 0px; padding-top: 10px; padding-bottom: 10px;}


#client_nav {font-size: 11px; font-weight: bold;}
#client_nav ul {margin: 0px; padding: 0px; padding-top: 4px;} 
#client_nav ul li {margin: 0px; padding: 0px; list-style: none; display: inline;}
#client_nav ul li a {color: #003697; text-decoration: none; padding: 6px; border-bottom: 1px dotted #BEC1D2; display: block;}
#client_nav ul li a:visited {color: #003697; text-decoration: none;}
#client_nav ul li a:hover {color: #003697; text-decoration: none; background-color: #EFF0F7;}
#client_nav ul li a:active {color: #003697; text-decoration: none;}

/* LINK STYLES */

a:link {color: #003697; text-decoration: none;}
a:visited {color: #003697; text-decoration: none;}
a:hover {color: #003697; text-decoration: underline;}
a:active {color: #003697; text-decoration: none;}

a.subnav:link {color: #FFFFFF; text-decoration: none; font-size: 10px; font-weight: bold;}
a.subnav:visited {color: #FFFFFF; text-decoration: none; font-size: 10px; font-weight: bold;}
a.subnav:hover {color: #FFFFFF; text-decoration: underline; font-size: 10px; font-weight: bold;}
a.subnav:active {color: #FFFFFF; text-decoration: none; font-size: 10px; font-weight: bold;}

a.more:link {color: #003697; text-decoration: none; font-size: 10px; font-weight: bold;}
a.more:visited {color: #003697; text-decoration: none; font-size: 10px; font-weight: bold;}
a.more:hover {color: #737373; text-decoration: underline; font-size: 10px; font-weight: bold;}
a.more:active {color: #003697; text-decoration: none; font-size: 10px; font-weight: bold;}

a.crumb:link {color: #003697; text-decoration: none;}
a.crumb:visited {color: #003697; text-decoration: none;}
a.crumb:hover {color: #737373; text-decoration: underline;}
a.crumb:active {color: #003697; text-decoration: none;}

a.logout:link {color: #980000; text-decoration: none;}
a.logout:visited {color: #980000; text-decoration: none;}
a.logout:hover {color: #980000; text-decoration: underline;}
a.logout:active {color: #980000; text-decoration: none;}

.sitemap a:link {color: #737373; text-decoration: none; font-weight: bold;}
.sitemap a:visited {color: #737373; text-decoration: none; font-weight: bold;}
.sitemap a:hover {color: #003697; text-decoration: underline; font-weight: bold;}
.sitemap a:active {color: #003697; text-decoration: none; font-weight: bold;}


/* TEXT STYLES */

.texta {color: #737373; font-size: 10px; font-weight: bold; font-family: Verdana;}
.textb {color: #FFFFFF; font-size: 12px; font-weight: bold;}
.textc {color: #00379A; font-size: 12px; font-weight: bold;}
.textd {color: #737373; font-size: 12px; font-weight: bold;}
.texte {color: #003697; font-size: 10px; font-weight: bold;}
.titletexta {color: #00379A; font-size: 19px; font-weight: normal;}
.titletextb {color: #4C4C4C; font-size: 19px; font-weight: normal;}
.maintext {color: #737373; font-size: 11px; line-height: 20px; font-family: Verdana;}
.quotemark {color: #00379A; font-size: 20px; font-weight: bold; font-family: "Trebuchet MS", Arial;}
.quotetext {color: #737373; font-size: 11px; line-height: 25px;}
.footpad {padding-left: 15px; padding-right: 15px; padding-top: 10px;}
.greentitle {color: #10A500; font-size: 17px;}
.bluetitle {color: #007FB2; font-size: 17px;}
.purpletitle {color: #8322AF; font-size: 17px;}

/* ERROR AND SUCCESS STYLES */

.errortext {color: #980000; font-size: 10px; font-weight: bold;}
.errorbox {background-color: #FFFFF0; border: 1px solid #BEBEBE; padding: 5px; width: 550px;}
.errorbox2 {background-color: #FFFFE1; border: 1px solid #BEBEBE; padding: 5px;}
.errorbox3 {background-color: #FFFFF0; border: 1px solid #BEBEBE; padding: 5px;}
.successtext {color: #17A400; font-size: 16px; font-weight: bold;}
.successtext2 {color: #17A400; font-size: 12px; font-weight: bold;}
.successbox {border: 1px solid #BEBEBE; padding: 10px;}

/* INVOICE STYLES */

.invno {color: #980000; font-size: 10px; font-weight: bold;}
.invyes {color: #17A400; font-size: 10px; font-weight: bold;}
.amount {color: #FF7800; font-size: 10px; font-weight: bold;}

/* CONTENT STYLES */

.contenttext {color: #737373; font-size: 11px; line-height: 15px;}
.mainbg {background-color: #FFFFFF; border-left: 1px solid #777777; border-right: 1px solid #777777;}
.topbg {background-image: URL(layout/top_bg.gif); height: 10px;}
.promobg {background-image: URL(layout/promo_bg.gif); height: 120px;}
.promobottombg {background-image: URL(layout/promo_bottom_bg.gif); height: 34px; border-bottom: 1px solid #C2C2C2; padding-left: 15px; padding-right: 15px; line-height: 35px;}
.adminsectionsbg {background-color: #FBFBFB; background-image: URL(layout/promo_bottom_bg.gif); background-position: bottom; background-repeat: repeat-x; border-bottom: 1px solid #C2C2C2;}
.leftborder {border-left: 1px solid #C1CEE7;}
.bottomdot {border-bottom: 1px dotted #C1CEE7;}
.float {float: left;}
.rightbgfade {background-image: URL(layout/logo_fade_bg.gif);  background-repeat: repeat-x; background-position: bottom;}
.cbox {background-image: URL(layout/c_box_bg.gif); height: 125px; border: 1px solid #B7B7B7;}
.cbox2 {background-image: URL(layout/c_box_bg.gif); border: 1px solid #B7B7B7;}
.cbox3 {background-image: URL(layout/c_box_bg.gif); background-position: bottom; background-repeat: repeat-x; background-color: #FFFFFF; border: 1px solid #B7B7B7;}
.pricebox {background-image: URL(layout/price_box_bg.gif); background-position: bottom; background-repeat: repeat-x; border: 1px solid #B7B7B7; padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px;}
.cpad {padding: 15px 10px 10px 10px;}
.cpad2 {padding: 5px;}
.tableheader {background-image: URL(layout/table_head.gif); height: 25px; padding-top: 5px; padding-left: 5px; color: #FFFFFF; font-weight: bold;}
.tableborder {border: 1px solid #B7B7B7;}
.r1 {background-color: #EBEBEB; border-bottom: 2px solid #FFFFFF;}
.r2 {background-color: #F5F5F5; border-bottom: 2px solid #FFFFFF;}
.imageborder {border: 1px solid #B7B7B7;}
.portselectbg {background-image: URL(layout/port_select_bg.gif); height: 145px; padding-top: 10px;}

/* QUOTE BOX STYLES */
#qbox {background-image: URL(layout/c_box_bg.gif); background-position: bottom; background-repeat: repeat-x; background-color: #FFFFFF; border: 1px solid #BEC1D2; padding: 5px;}
.qbox_outerpad {padding-left: 10px; padding-right: 5px; padding-top: 10px;}


/* FOOTER STYLES */

#foot_container {width: 752px; font-size: 10px; font-weight: bold; color: #737373;}
#foot_container ul {margin: 0px; padding: 0px; padding-top: 4px;} 
#foot_container ul li {margin: 0px; padding-right: 5px; list-style: none; display: inline;}
#foot_container ul li a {color: #737373; text-decoration: none;}
#foot_container ul li a:visited {color: #737373; text-decoration: none;}
#foot_container ul li a:hover {color: #0053D0; text-decoration: underline;}
#foot_container ul li a:active {color: #0053D0; text-decoration: underline;}

.bottombg {background-color: #FFFFFF; width: 728px; height: 25px;}

#copyright_container {width: 740px; font-size: 10px; font-weight: bold; color: #FFFFFF; padding-top: 5px; clear: both;}
#copyright_container div {padding-top: 10px; padding-right: 10px;}
.copymark {font-size: 12px;}
.foot_block1 {width: 566px;}

a.foot:link {color: #478CFF; text-decoration: none;}
a.foot:visited {color: #478CFF; text-decoration: none;}
a.foot:hover {color: #FFFFFF; text-decoration: underline;}
a.foot:active {color: #478CFF; text-decoration: none;}

/* FORM STYLES */
.forminput {background-color: #EFEFEF; border: 1px solid #A9A9A9; color: #000000; font-size: 11px; font-weight: bold; font-family: Verdana;}

/* PROMO STYLES */
.mainpromo2bg {background-image: URL(layout/promo/main_promo_2b.gif); width: 191px; height: 38px;}
a.mainpromo2:link {background:transparent url(layout/promo/main_promo_2.gif) 0 0 no-repeat; width: 191px; height: 38px; display: block;}
a.mainpromo2:visited {background:transparent url(layout/promo/main_promo_2.gif) 0 0 no-repeat; width: 191px; height: 38px; display: block;}
a.mainpromo2:hover {background-image: none; width: 191px; height: 38px; display: block;}
a.mainpromo2:active {background-image: none; width: 191px; height: 38px; display: block;}

.mainpromo3bg {background-image: URL(layout/promo/main_promo_3b.gif); width: 191px; height: 40px;}
a.mainpromo3:link {background:transparent url(layout/promo/main_promo_3.gif) 0 0 no-repeat; width: 191px; height: 40px; display: block;}
a.mainpromo3:visited {background:transparent url(layout/promo/main_promo_3.gif) 0 0 no-repeat; width: 191px; height: 40px; display: block;}
a.mainpromo3:hover {background-image: none; width: 191px; height: 40px; display: block;}
a.mainpromo3:active {background-image: none; width: 191px; height: 40px; display: block;}

.mainpromo4bg {background-image: URL(layout/promo/main_promo_4b.gif); width: 191px; height: 42px;}
a.mainpromo4:link {background:transparent url(layout/promo/main_promo_4.gif) 0 0 no-repeat; width: 191px; height: 42px; display: block;}
a.mainpromo4:visited {background:transparent url(layout/promo/main_promo_4.gif) 0 0 no-repeat; width: 191px; height: 42px; display: block;}
a.mainpromo4:hover {background-image: none; width: 191px; height: 42px; display: block;}
a.mainpromo4:active {background-image: none; width: 191px; height: 42px; display: block;}

/* PORTFOLIO STYLES */

#portfolio_box {width: 720px;}
#portfolio_box td {width: 350px;}
#portfolio_box td a {height: 70px; padding: 5px; text-decoration: none; display: block;}
#portfolio_box td a:visited {padding: 5px; text-decoration: none;}
#portfolio_box td a:hover {color: #005EE6; text-decoration: none; background-color: #EFF0F7; border: 1px solid #BEC1D2; padding: 4px;}
#portfolio_box td a:active {color: #005EE6; text-decoration: none; background-color: #EFF0F7; border: 1px solid #BEC1D2; padding: 4px;}



#portfolio_spotlight {width: 500px;}
#portfolio_spotlight td {width: 450px;}
#portfolio_spotlight td a {height: 70px; padding: 5px; text-decoration: none; display: block;}
#portfolio_spotlight td a:visited {padding: 5px; text-decoration: none;}
#portfolio_spotlight td a:hover {color: #005EE6; text-decoration: none; background-color: #EFF0F7; border: 1px solid #BEC1D2; padding: 4px;}
#portfolio_spotlight td a:active {color: #005EE6; text-decoration: none; background-color: #EFF0F7; border: 1px solid #BEC1D2; padding: 4px;}



#dhtmltooltip{
position: absolute;
border: 1px solid #B7B7B7;
background-color:  #F5F5F5;
visibility: hidden;
z-index: 100;
width: 200px;
height: 200px;
}



/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(layout/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(layout/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(layout/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(layout/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

