﻿/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#303030 url(images/header_tall.gif) top left repeat-x;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.clear  { clear:both;}

html
	{
		font-family:Arial;
		font-size:0.75em;
		line-height:1.333em;
		color:#68177f;
	}

a {color:#68177f;}
a:hover{text-decoration:none;}
p {padding-top:16px;}
	


/* ============================= main layout ====================== */


li { background:url(images/list_bg.gif) no-repeat 0 7px; margin-left:10px; padding-left :12px; font-weight:bold;}
li a {text-decoration:none; line-height:1.833em;}
li a:hover {text-decoration:underline;}

.imgindent {margin:0 15px 0 0; float:left;}
.imgindent_right {margin:16px 0 0 15px ; float:right;}
.imgindent2 {margin:0 9px 15px 0; float:left;}

/* ============================= header ====================== */

#header {color:#fff;}
#header a {color:#fff;}
#header .text {padding:26px 30px 7px 30px;}
#header .box {background:#fff url(images/header_box_tall_top.gif) top repeat-x;}
#header .box .corner_top_right {background:url(images/header_box_corner_top_right.gif) top right no-repeat;}
#header .box .corner_top_left {background:url(images/header_box_corner_top_left.gif) top left no-repeat; width:100%;}
#header .box .padding {padding:11px 10px 0 10px;}
.logo_div {padding:0 20px 0 20px; background:url(images/header_bg.jpg) top left no-repeat;}
.logo {margin:5px 0 230px 0;}
.menu {margin-top:5px; background:url(images/menu_bg.gif) top repeat-x; height:73px;}
/* old width 134 */
.menu li {background:none; padding:0; float:left; width:156px; background:url(images/menu_border_left.gif) top left no-repeat; margin-left:0;}
.menu li span {display:block; background:url(images/menu_border_right.gif) top right no-repeat;}
.menu li a {font-weight:bold; display:block; padding:24px 0 19px 0; text-align:center;}
.menu li a:hover {background:url(images/menu_active_bg.gif) top repeat-x; text-decoration:none;}
.menu .active {background:url(images/menu_active_bg.gif) top repeat-x;}

/* ============================= middle ====================== */

#middle {background:url(images/middle_bg.gif) top left;}
#middle .bottom_tall {background:url(images/middle_tall_bottom.gif) bottom left repeat-x;}
#middle .bottom_top {background:url(images/middle_tall_top.gif) top left repeat-x;}
#middle .box {background:#fff url(images/box_right_tall.gif) top right repeat-y;}
#middle .box .tall_left{background:url(images/box_left_tall.gif) top left repeat-y;}
#middle .box .corner_bottom_right {background:url(images/box_corner_bottom_right.gif) bottom right no-repeat;}
#middle .box .corner_bottom_left {background:url(images/box_corner_bottom_left.gif) bottom left no-repeat;}
#middle .indent {padding:42px 10px 0 10px;}
#middle .tableindent {padding: 10px 20px 0 20px;}

.padding {padding:0 20px 0 0;}
.padding2 {padding:0 20px 0 24px;}
.padding3 {padding:0 0 0 24px;}

.content {background:url(images/content_bg.gif) top repeat-x; padding:30px 30px 0 19px;}
.line_hor {background:url(images/line_hor.gif) bottom repeat-x; padding-bottom:26px; margin-bottom:36px;}
.line_hor2 {background:url(images/line_hor.gif) bottom repeat-x; padding-bottom:14px; margin-bottom:14px;}

.ul {margin-top:15px; }
.col_pad {padding-right:20px;}

#index   .content2 {background:url(images/content_bg.gif) top repeat-x; padding:29px 10px 0 19px;}
#about_us .line_hor {background:url(images/line_hor.gif) bottom repeat-x; padding-bottom:10px; margin-bottom:36px;}
#about_us .content2 {background:url(images/content_bg.gif) top repeat-x; padding:29px 10px 0 19px;}
#services .content2 {background:url(images/content_bg.gif) top repeat-x; padding:22px 10px 0 19px;}
#clients .content2 {background:url(images/content_bg.gif) top repeat-x; padding:22px 10px 0 19px;}
#products .content2 {background:url(images/content_bg.gif) top repeat-x; padding:29px 10px 0 19px;}
#priceSuite .content2 {background:url(images/content_bg.gif) top repeat-x; padding:29px 10px 0 19px;}
#promoSuite .content2 {background:url(images/content_bg.gif) top repeat-x; padding:29px 10px 0 19px;}



.ms-grid2-main {
}
.ms-grid2-left {
	font-weight: bold;
	color: #68177f;
	border: none;
	background-color: white;
	width: 110px;
	padding: 3;
}
.ms-grid2-even {
	font-weight: normal;
	color: #68177f;
	border: none;
	background-color: white;
	padding: 3;
	padding-top: 10;
}


/* ============================= footer ====================== */

#footer .main {background:url(images/footer_tall2.gif) top repeat-x;}
#footer .bg_right {background:url(images/footer_right_bg.gif) top right no-repeat;}
#footer .bg_left {background:url(images/footer_left_bg.gif) top left no-repeat; width:100%;}
#footer p {
	padding: 67px 0 0 29px;
	color: #FFCC00;
}

/* ============================= form ============================= */

form .right:hover {text-decoration:underline;}

/* ============================= index-5 =========================== */
.header {
	font-weight: bold;
	font-family: Verdana;
	font-size: large;
	color: #333333;
}

.header_color {
	font-size: x-large;
}
.purple {
	color: #68177f;
}
.ltpurple {
	color: #9900CC;
}
.ltorange {
	color: #FFF3E1;
}
.orange {	color: #DD8500;}
.orange a {	color: #DD8500; font-weight:bold;}
#products .col2 .orange {color: #333333;}
#products .col2 .orange a {color: #333333; font-weight:bold;}
