/* CSS Document by csspixel.com - Roger Ledergerber - 2008 Copyright 
   Two Column and Three Column Fixed Width Centered Layouts 
   with Horizontal Navigation and Vertical Navigation with Sub-Menus
   NOTE: Three Column Layout has been left out intentionally in this file
   NOTE: Menu Options have been stripped intentionally - Only Horizontal Dropdown
   Cross-Browser and Cross-Platform tested and W3C Standards Compliant 
   Safari 3.0.4 - 3.1.2, Firefox 2.0.0.14 - 3.0.1, Netscape 7.0.2, 
   Camino Mozilla 1.6, Opera 9.0 - 9.5, Flock 1.0.2 - 2.0
   Internet Explorer 5.5, IE 6, IE 7, Sea Monkey Mozilla
   also renders fine in IE 8 when Doctype Switching is included on html page - 
   <meta http-equiv="X-UA-Compatible" content="IE=7;IE=8;FF=3;OtherUA=4" />
   Validates as CSS Level 2.1 with Doctype XHTML Transitional 
   Validates as CSS Level 2.1 with Doctype XHTML Strict */

html > body {
font-size : 12px;
}
body {
font-size : 12px;
}
body {
	MARGIN: 0px;
	PADDING: 0px;
	font-family : Arial, Tahoma, Verdana, sans-serif;
	color : #000;
	background-color: #FFF;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../images/bg3.jpg);
}
body {
text-align : center;
}
img {
border : none;
}
h1.fancy {
margin-top : 0;
font-size : 28px;/*38*/
line-height : 32px;/*34*/
}
h2.fancy {
margin : 10px 0;
font-size : 20px;/*22*/
line-height : 22px;/*24*/
}
h1.fancy, h2.fancy {
/*font-family : Baskerville, "Times New Roman", Times, serif;*/
font-weight : lighter;
letter-spacing : 1px;
color : #6522A9;
}
h2.fancyblack {
/*font-family : Baskerville, "Times New Roman", Times, serif;*/
margin : 10px 0;
font-size : 20px;/*22*/
line-height : 22px;/*24*/
font-weight : normal;
letter-spacing : 1px;
color : #000000;
}
h1 {
font-size : 22px;
color : #6522A9;
}
h2 {
font-size : 17px;
}
h3 {
font-size : 14px;
}
h1, h2, h3 {
margin-bottom : -5px;
font-family : Arial, "Trebuchet MS", Verdana, sans-serif;
}
#content p, #content li {
font-size : 14px;
}
p {
line-height : 130%;
}
#content-left-logos p, #content-right-logos p {
padding : 0 5px 5px 5px;
}
#content-left-logos h1, #content-right-logos h1, #content-left-logos h2, #content-right-logos h2 {
	margin : 8px 0 -8px 0;
	padding : 0 5px;
	color : #6522A9;
}
#content-left-column ul, #content-right-column ul {
padding-left : 25px;
}
#content ul {
margin-top : 20px;
margin-bottom : 20px;
}
#content li {
	margin-bottom : 5px;
	line-height : 130%;
	list-style : url(../images/listicon.gif);
}
/* EXTRA - underlines categories */
ul#categories-menu {
margin-left : 8px;
margin-right : 3px;
padding-left : 0;
}
ul#categories-menu li {
padding : 4px 0 3px 0;
list-style-position : inside;
border-bottom : 1px solid #ccc;
}
/* --------------------------------------------------- 
*/

/* LINKS */

#content a:link, #content-left-logos p a:link, #content-right-logos p a:link {
color : #00f;
}
#content a:visited, #content-left-logos p a:visited, #content-right-logos p a:visited {
color : #00f;
}
#content a:hover, #content-left-logos p a:hover, #content-right-logos p a:hover {
text-decoration : none;
color : #f00;
}
#content a:active, #content-left-logos p a:active, #content-right-logos p a:active {
text-decoration : none;
color : #090;
}
#content-footer a:link, #content-footer a:visited {
color : #6522A9;
}
#content-footer a:hover {
text-decoration : none;
color : #f00;
}
#content-footer a:active {
text-decoration : none;
color : #090;
}
/* --------------------------------------------------- 
*/

/* GENERAL CLASSES */

.align-center {
text-align : center;
}
.align-left {
text-align : left;
}
.align-right {
text-align : right;
}
.img-right, .img-left {
padding : 5px;
background : #fff;
}
.img-right {
float : right;
margin-bottom : 8px;
margin-left : 5px;
}
.img-left {
float : left;
margin-bottom : 8px;
margin-right : 5px;
}
.highlight-box {
margin : 10px 0;
padding : 5px 10px;
background : #f7f4f8;
border : 1px solid #b1c6d7;
}
.highlight-box img {
border : 1px solid #b1c6d7;
}
.verysmall {
font-size : 9px;
color : #333;
}
.clearing {
clear : both;
}
.rule {
border-top : 1px solid #ccc;
}
.redhot {
color : #f00;
}
/* --------------------------------------------------- 
*/

/* LAYOUT */

#wrapper {
margin-right : auto;
margin-left : auto;
text-align : left;
}
#wrapper {
background : #fff;
}
#header {
	width:950px;
	display : block;
	background-color: #fff;
	background-image: url(../images/top-gradient2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#bannerlink {
display : block;
padding : 10px 0 0 10px;
}
#bannerlinkversion {
display : block;
height : 133px;/*102*/
padding : 0;
text-decoration : none;
}
.bannerlinks {
text-decoration : none;
}
#logo {
	float:left;
	display : block;
	height : 133px;/*102*/
	text-align : left;
	background-image: url(../images/top_logo2.jpg);
	background-repeat: no-repeat;
	width:183px;
	background-position: 30px top;
}
#search {
display : block;
clear : both;
}
#content-search {
padding : 2px 15px;
text-align : center;
color : #fff;
background : #6522A9;
}
/* --------------------------------------------------- 
*/

/* 2 COLUMN LAYOUT - later make separate css for import */

html > body {
margin : 0 auto;
min-width : 950px;
}
#wrapper, #content-wrapper, #nav-h {
width : 950px;
}
#content-search {
display : none;
}
#content-right-column {
display : none;
}
/* --------------------------------------------------- 
*/

/* SPECIAL - SHADOWS normal: 770 + 33 + 33 = 836 */

#yl, #yr {
width : 986px;
margin-left : auto;
margin-right : auto;
}
#yl {
background : url(../images/bg-lft.png) repeat-y top left;
}
#yr {
background : url(../images/bg-rgt.png) repeat-y top right;
}
/* --------------------------------------------------- 
*/

/* SPECIAL - THUMBS */

#box-table {
width:100%;margin:3px auto 0 auto;
}
#box-table td {
	text-align : center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f7f4f8;
	border-right-color: #f7f4f8;
	border-bottom-color: #f7f4f8;
	border-left-color: #f7f4f8;
}
#box-table img {
width:60px;height:60px;border : 1px solid #ccc;
}
/* --------------------------------------------------- 
*/

/* SPECIAL - HEADER STUFF */
#slogan {
	position : absolute;
	display : block;
	width : 610px;
	height : 133px;
	margin-left : 233px;
	background-image: url(../images/top-slogan2.gif);
	background-repeat: no-repeat;
	background-position: left 30px;
}
#textline-top {
	float : left;
	display : block;
	width : 350px;
	height : auto;
	margin-top : 15px;
	font-size : 20px;
	text-align : center;
	color : #6709A9;
}
#icon1 {
float : right;
display : block;
width : 111px;
height : 79px;
margin-top : 40px/*25*/;
}
#icon2 {
float : right;
display : block;
width : 111px;
height : 79px;
margin-top : 15px/*0*/;
}
/* --------------------------------------------------- 
*/

/* CONTENT STUFF - need to sort in order */

#content-wrapper {
display : inline;
}
#content-left-column {
float : left;
display : inline;
width : 208px;
margin-right : 10px;
margin-left : 10px;
}
#content-left-logos {
display : block;
width : 208px;
margin-bottom : 10px;
background : #fff;
}
.box {
	display : block;
	width : 206px;
	margin-bottom : 10px;
	background : #f7f4f8;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
}
.box-header h1.small {
font-size : 12px;/*new*/
}
.box-header h3, .box-header h1 {
	display : block;
	margin : 0;
	padding : 6px 5px;
	font-size : 12px;
	color : #fff;
	background : #6522A9 url(../images/menu_bg.gif) repeat-x left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
#yl #yr #wrapper #content-wrapper #content-left-column .box .box-header h3 {
	background-image: url(../images/menu_bg3.gif);
}
.bgtopleft {
	background-image: url(../images/menu_bg3.gif);
}
#yl #yr #wrapper #content-wrapper #content-left-column .box .box-header .small {
	background-image: url(../images/menu_bg3.gif);
}
#yl #yr #wrapper #content-wrapper #content-left-column .box .box-header h3 {
}
#yl #yr #wrapper #content-wrapper #content-left-column .box .box-header h3 {
	background-image: url(../images/menu_bg2.gif);
}
.box-content {
padding : 0 5px;
}
div.box-content ul li {
list-style : url(../images/listicon.gif);
}
div.box-content ul li a:hover {
text-decoration : none;
color : #f00;
}
div.box-content ul li a:active {
text-decoration : none;
color : #090;
}
table.listtables {
border : 1px solid #ccc;
border-collapse : collapse;
}
.listtables td {
text-align : center;
border : 1px solid #ccc;
border-collapse : collapse;
}
.listhead td {
text-align : center;
color : #fff;
background : #6522A9;
}
/*
#wrapper {
background : #fff url(../images/companyname_small.gif) no-repeat 3% 92%;
}
*/
address {
font-size : 9px;
}
#content-main {/*border:1px solid black;*/
float : left;
display : inline;
width : 709px;
/*background : #eee;*/
}
#content {
display : block;
/*padding : 0 10px; if background used in content-main padding : 10px; */
background : #fff;
/*border-right : 1px solid #b1c6d7;
border-left : 1px solid #b1c6d7;*/
}
#content {
min-height : 500px;
}
#footer {
display : block;
clear : both;
}
#content-footer {
	display : block;
	padding : 10px;
	text-align : center;
	color : #6522A9;
	background-color: #fff;
	background-image: url(../images/foot_gradient2.gif);
	background-repeat: repeat-x;
}
/* --------------------------------------------------- 
*/

/* HORIZONTAL MENU - no Dropdowns - just Tabs */
/* disabled css - not used - disabled html */

/*
#nav-h {
display : inline;
white-space : nowrap;
}
#nav-h .navlist {
display : block;
margin-top : 0;
margin-bottom : 0;
margin-left : 0;
padding : 0 1px 1px 1px;
font : bold 12px Arial, Verdana, sans-serif;
}
#nav-h .navlist li {
float : left;
margin : 0;
padding : 1px 1px 1px 0;
list-style : none;
}
#nav-h .navlist li a {
display : block;
padding : 6px 4px;
text-decoration : none;
background : #ccd url(../images/gradientbar_top.jpg) repeat-x;
border-top : 1px solid gray;
border-right : 1px solid gray;
border-bottom : 3px solid #aab;
border-left : 9px solid #aab;
}
#nav-h .navlist li a:link {
color : #fff;
}
#nav-h .navlist li a:visited {
color : #ff0;
}
#nav-h .navlist li a:hover {
color : #fff;
background : #332;
border-top-color : gray;
border-right-color : gray;
border-bottom-color : #fe3;
border-left-color : #fe3;
}
#nav-h .navlist li a:active {
text-decoration : none;
color : #ff0;
}
*/
/* --------------------------------------------------- 
*/

/* VERTICAL MENU - VERSION 2 */
/* activated as Horizontal Dropdown Menu only */

#navlist li {
float : left;
margin-right : 1px;
}
#navlist li:hover .navlist-sub1 {
left : 0;
}
#navlist li {
width : auto;
}
#navlist li:hover .navlist-sub1 li a {
width : 208px;
}
#menu-box {
float : left;
}
#menu-box {
	margin-bottom:10px; /* to offset content columns below */
	width : 100%;
	height : 33px;/*new*/
	background-color: #fff;
	background-image: url(../images/dialog_bg33.gif);
	background-repeat: repeat-x;
}
#menu-box ul {
margin-top : 0;
margin-bottom : 0;
}
#menu-box li {
margin-bottom : 0;
}
#navlist, .navlist-sub1 {
margin : 0;
padding : 0;
list-style-type : none;
}
/*
#navlist, .navlist-sub1 li:first-child {
border-top : 1px solid #fff;
}
*/
#navlist li .navlist-sub1 {
display : none;
position : absolute;
left : -5000px;
}
#navlist li {
display : block;
position : relative;
}
#navlist li a {
cursor : pointer;
font-weight : bold;
}
#navlist li .navlist-sub1 li a {
cursor : pointer;
font-weight : normal;
}
#navlist li a, #navlist li a:visited {
	display : block;
	/*height : 33px;height : auto;*/
	padding-top:9px;/*new*/
	/*padding-right : 4px;*/
	padding-right : 10px;/*new*/
	padding-bottom:9px;/*new*/
	/*padding-left : 4px;*/
	padding-left : 10px;/*new*/
	text-align : left;
	text-decoration : none;
	/*line-height : 20px;*/
	color : #FFF;
	border-right : 1px solid #6522A9;
	background-color: #eee;
	background-image: url(../images/dialog_bg33.gif);
	background-repeat: repeat-x;/*border-bottom : 1px solid #390;
	border-left : 1px solid #390;*/
}
#navlist li a:hover {
	color : #fff;
	background-image: url(../images/dialog_bg2.gif);
}
#navlist li:hover .navlist-sub1 {width:208px;/* Mac Netscape needs this - check for PC IE as well - still OK ? */
display : block;
position : absolute;
z-index : 5000;
}
#navlist li:hover .navlist-sub1 li a {
display : block;
color : #000;
/*background : #eee url(../images/dialog_bg.gif) repeat-x;*/
background : #f7f4f8;/*new*/
border-bottom : 1px solid #6522A9;/*new*/
border-left : 1px solid #6522A9;/*new*/
}
#navlist li:hover .navlist-sub1 li a:hover {
color : #fff;
background : #6522A9;
}
#navlist li a:active,
#navlist li:hover .navlist-sub1 li a:active {
color : yellow;
}

/* VERTICAL MENU - VERSION 2 - SLIM TABBING - CHEATER STYLE */
/* activated as Horizontal Dropdown Menu only */
/*
#navlist li {
float : left;
margin-right : 1px;
}
#navlist li:hover .navlist-sub1 {
left : 0;
}
#navlist li {
width : auto;
}
#navlist li:hover .navlist-sub1 li a {
width : 208px;
}
#menu-box {
float : left;
}
#menu-box {
width : 100%;
height : 49px;
background : #fff url(../images/head_linebg.gif) repeat-x;
}
#menu-box ul {
margin-top : 0;
margin-bottom : 0;
}
#menu-box li {
margin-bottom : 0;
}
#navlist, .navlist-sub1 {
margin : 0;
padding : 0;
list-style-type : none;
}
#navlist, .navlist-sub1 li:first-child {
border-top : 1px solid #fff;
}
#navlist li .navlist-sub1 {
display : none;
position : absolute;
left : -5000px;
}
#navlist li {
display : block;
position : relative;
}
#navlist li a {
font-weight : bold;
}
#navlist li .navlist-sub1 li a {
font-weight : normal;
}
#navlist li a, #navlist li a:visited {
display : block;
height : auto;
padding-right : 4px;
padding-left : 4px;
text-align : left;
text-decoration : none;
line-height : 20px;
color : #000;
background : #eee url(../images/dialog_bg.gif) repeat-x;
border-right : 1px solid #b1c6d7;
border-bottom : 1px solid #b1c6d7;
border-left : 1px solid #b1c6d7;
}
#navlist li:hover a {
color : #fff;
background : #6522A9;
}
#navlist li:hover .navlist-sub1 {
display : block;
position : absolute;
z-index : 5000;
}
#navlist li:hover .navlist-sub1 li a {
display : block;
color : #000;
background : #eee url(../images/dialog_bg.gif) repeat-x;
}
#navlist li:hover .navlist-sub1 li a:hover {
color : #fff;
background : #6522A9;
}
*/

.testimonial-box {
	margin : 10px 0 10px 5;
	padding : 5px 10px;
	border : 2px solid #b1c6d7;
	font-size: 14px;
	color: #CCC;
	background-color: #812158;
}

