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

@font-face { font-family:"HandelGothic"; src:url(HandelGothic.ttf) format("truetype"); }

* {	margin:0; padding:0; font-size:100%;}
html{ font-family:Arial, Helvetica, sans-serif; font-size:9pt; line-height:1.25em; color:#555555;}
body{ background:#FFFFFF; text-align:center; font-family: Arial, Helvetica, sans-serif;}
img {vertical-align:top;}
a { text-decoration:none; color:#5897ca;}
a:hover { text-decoration:underline;}
a img { border:0;}
ul { list-style:none;}
input, select { vertical-align:middle; font-weight:normal;}
p {padding:10px 5px; font-size: 10pt; line-height:14pt;}
h1{ font-family: "HandelGothic"; font-size:16pt; color:#794a98; padding:9px 0 17px 0;}
h2{ font-family: "HandelGothic"; font-size:14pt; color:#99cb5a; padding:0 0 15px;}
h3{ font-size:12pt; color:#5897ca; padding:15px 0 10px;}
button {margin: 10px 0 0 0;}

/* ============================= main layout ====================== */
#main{ padding:10px 39px 0 39px; width:902px; margin:0 auto; text-align:left;}
.imgindent {margin:0; padding:5px; float:right;}
.padding1{ padding: 20px 0 0 11px;}
.padding2{ padding-top:22px;}
.strong1{ font-size:1.167em; color:#353535;}
.left { float:left;}
.right {float:right;}
.center { width:100%; text-align: center; }
.clear  { clear:both;}
.green { color: #99cb5a !important;}
.purple { color: #794a98;}
.blue { color: #5897ca;}
.osg { background: #99cb5a;}
.osg-text { color: #794a98; font-family: "HandelGothic";}
.light-gray { color: #eee; }
.design { font-size: 8pt }

/* ============================= header ====================== */
#header{ height:368px; background:url('../images/header-bg.jpg') left bottom no-repeat; }
#header .top{ height: 110px; background:url('../images/top-bg.jpg') top repeat-x; width:100%; overflow:hidden;}
#header .sf-menu{ padding:42px 6px 0 0; float:right;}
#header .sf-menu li{ width: 86px; float:left; }
#header .logo{ padding:15px 0 0 0; float:left;}
#header .slogan{ font-size:1.083em; font-weight:bold; color:#343839; padding-top:53px; float:left;}

#header .boxes{ padding:0;}
#header .box1{ background:url('../images/box1-tail.gif') top repeat-x #fff; height: 258px; width:172px; color:#fff; line-height:14px; float:right; margin-left:3px; display: none; cursor: pointer;}
#header .box1 .bg{ width:172px; background:url('../images/box1-bg.png') top right no-repeat;  min-height:244px; height:auto !important; height:244px;}
#header .box1 .indent{ padding:70px 10px 0 10px;}
#header .box1 .title{ display: none;}
#header .box1 p{ text-align: center; margin:0; padding:5px 0 5px 0;}
#header .box1 strong{ color:#fff;}
#header .box1 .link{ font-family:Tahoma, Geneva, sans-serif; display:inline-block; background:url('../images/box1-link-bg.gif') top repeat-x; font-size:12px; color:#fff; text-decoration:none; font-weight:bold; margin:30px 0 0 25px;}
#header .box1 .link:hover{ color:#fff; text-decoration:underline;}
#header .box1 .link span{ display:block; background: none;}
#header .box1 .link span span{ padding:5px 15px;}

#header .box2{ background:url('../images/box2-tail.gif') top repeat-x #ffffff; height: 258px; width:172px; color:#fff; line-height:14px; float:right; margin-left:3px; display: none;cursor: pointer;}
#header .box2 .bg{ width:172px; background:url('../images/box2-bg.png') top right no-repeat;  min-height:244px; height:auto !important; height:244px;}
#header .box2 .indent{ padding:70px 10px 0 10px;}
#header .box2 .title{ display: none;}
#header .box2 p{ text-align: center; margin:0; padding:5px 0 5px 0;}
#header .box2 strong{ color:#fff;}
#header .box2 .link{ font-family:Tahoma, Geneva, sans-serif; display:inline-block; background:url('../images/box2-link-bg.gif') top repeat-x; font-size:12px; color:#fff; text-decoration:none; font-weight:bold; margin:30px 0 0 25px;}
#header .box2 .link:hover{ color:#fff; text-decoration:underline;}
#header .box2 .link span{ display:block; background:none;}
#header .box2 .link span span{padding:5px 15px;}

#header .box3{ background:url('../images/box3-tail.gif') top repeat-x #ffffff; height: 258px; width:172px; color:#fff; line-height:14px; float:right; margin-left:3px; display: none; cursor: pointer;}
#header .box3 .bg{ width:172px; background:url('../images/box3-bg.png') top right no-repeat;  min-height:244px; height:auto !important; height:244px;}
#header .box3 .indent{ padding:70px 10px 0 10px;}
#header .box3 .title{ display: none;}
#header .box3 p{ text-align: center; margin:0; padding:5px 0 5px 0;}
#header .box3 strong{ color:#fff;}
#header .box3 .link{ font-family:Tahoma, Geneva, sans-serif; display:inline-block; background:url('../images/box3-link-bg.gif') top repeat-x; font-size:12px; color:#fff; text-decoration:none; font-weight:bold; margin:30px 0 0 25px;}
#header .box3 .link:hover{ color:#fff; text-decoration:underline;}
#header .box3 .link span{ display:block; background:none;}
#header .box3 .link span span{padding:5px 15px;}

#headersub { height:110px; width:100%;}
#headersub .top{ height:98px; background:url('../images/top-bg.jpg') top repeat-x; width:100%; overflow:hidden;}
#headersub .bottom{ height:50px; /*background:url('../images/bottom-bg.png') top no-repeat; */ width:100%; overflow:hidden; color: #794a98; margin:0; padding: 13px 0 0 0; }
#headersub .sf-menu{ padding:42px 6px 0 0; float:right;}
#headersub .sf-menu li{ width: 86px; float:left; }
#headersub .logo{ padding:15px 0 0 0; float:left;}

/* ============================= content ====================== */
#content{ padding:25px 0 10px 0;}
#content .box{ background:#f0f0f0; margin-bottom:19px;}
#content .box .indent{ padding:20px 10px 17px 27px;}
#content .box ul li{ padding-bottom:7px;}

#read-news { cursor: pointer; }

.column-1, .column-2, .column-3, .column-1a, .column-2a, .column-1b, .column-2b, .col-1, .col-2, .col-3 {float:left;}
.column-2{ margin:17px 0 0 24px;}
.indent{ padding:0 0 0 10px;}
.indent2{ padding:0 10px 0 16px;}
.indent3{ padding:0 27px 0 10px;}
.indent4{ padding:0 27px 0 0px;}

.link1{ display:inline-block; margin-bottom:4px; color:#5897ca; font-size:1.083em;}
.link2{ display:inline-block; margin-bottom:4px; color:#794a98; }
.link3{ color:#99cb5a; font-size:1.083em;}

.text1{ color:#666666; line-height:1.333em;}
.text2{ line-height:1.25em;}
.text3{ color:#919191; line-height:15px; padding: 0 0 20px 0}

.container .text3 h2 {padding:0; margin:0;}

.link{ display:inline-block; background:url('../images/link-bg.gif') top repeat-x; font-family:Tahoma, Geneva, sans-serif; font-size:0.769em; color:#ffffff; text-decoration:none; margin-top:16px;}
.link:hover{ text-decoration:underline;}
.link span{ display:block; background:url('../images/link-left-bg.gif') left top no-repeat;}
.link strong{ display:block; background:url('../images/link-right-bg.gif') right top no-repeat; padding:0px 13px 1px 12px;}

.unline{ background:url('../images/line-bg.gif') bottom repeat-x; padding-bottom:30px; margin-bottom:21px;}
.line1{ background:url('../images/line-bg.gif') right repeat-y; padding-bottom:15px;}

.list{ padding:9px 0 0 1px;}
.list li{ background:url('../images/list2-bg.gif') no-repeat 0 8px; padding-left:12px; font-size:1.083em; line-height:1.538em;}
/*.list li a{ color:#626262;}*/

.list2{ margin: 0 0 0 15px;}
.list2 li{ background:url('../images/list-bg.gif') no-repeat 0 9px; padding-left:18px; font-size:10pt; line-height:16pt;}
/*.list2 li a{ color:#3f3f3f; text-decoration:none; text-transform:uppercase; font-weight:bold;}*/
/*.list2 li a:hover{ color:#d14e92;}*/

.phone{ float:right; padding-right:80px;}

.container {width:100%; overflow:hidden; }

.column-1{ width:140px;}
.column-2{ width:738px;}
.column-1a{ width:180px; margin: 0; border-right: 1px solid #eee;}
.column-2a{ width:721px; margin: 0;}
.column-1b{ width:400px; margin: 15px 0 0 0;}
.column-2b{ width:500px; margin: -20px 0 0 0;}
/* ============================= page1 ===========================*/
#page1 .col-1{ width:550px;}
#page1 .col-2{ width:160px;}
#page1 .line2{ background:url('../images/line-bg.gif') repeat-y 545px 0;}

/* ============================= page2 ===========================*/
#page2 .col-1{ width:255px;}
#page2 .col-2{ width:180px; margin-left:47px;}
#page2 .line2{ background:url('../images/line-bg.gif') repeat-y 279px 0;}

/* ============================= page3 ===========================*/
#page3 .col-1{ width:135px;}
#page3 .col-2{ width:135px;margin-left:35px;}

/* ============================= page4 ===========================*/
#page4 .col-1{ width:255px;}
#page4 .col-2{ width:180px;margin-left:47px;}
#page4 .line2{ background:url('../images/line-bg.gif') repeat-y 279px 0;}

/* ============================= footer ====================== */
#footer{ height:50px; background:url('../images/top-bg.gif') top repeat-x;}
#footer .text{ padding:20px 0 0 0; color:#585858;}
/*#footer a{ color:#2d2d2d;}*/

/* ============================= forms ============================= */
#ContactForm{ padding-top:10px;}
#ContactForm .col-1{ width:219px;}
#ContactForm .col-2{ width:254px;}
#ContactForm  label{ display:block; height:25px;}
#ContactForm input{ border:solid 1px #a4a4a4; width:203px; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#919191; padding:2px 0 1px 3px;}
#ContactForm textarea{ border:solid 1px #a4a4a4; width:248px; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#919191; padding:2px 0 1px 3px; height:65px; overflow:hidden;}
#ContactForm .link{ margin:10px 19px 0 0;}
#ContactForm .right {padding-bottom:2px;}

/* Vertical Tabs
----------------------------------*/
#tabs ul img { margin: 20px 0 0 0; }
.ui-tabs { padding: 5px; zoom: 1; margin: 10px 0 0 0; border: 0;}
.ui-tabs-vertical { width: 890px; border: 0;}

.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 5px 0 0 5px; }
.ui-tabs-vertical .ui-tabs-nav { float: left; width: 200px; }

.ui-tabs .ui-tabs-nav li { float: left;}
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 1px !important; margin: 0; padding: 0; }

.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 5px 10px; display:block; width: 100%;}
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }

/*.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }*/
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding: 0; }

.ui-tabs-vertical .ui-tabs-panel {float: left; width: 650px; }
.ui-tabs .ui-tabs-panel { display: block; background: none; padding: 10px 5px 0 15px; margin: 6px 0 0 10px; } 

/* Tabs  
----------------------------------*/
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
.ui-tabs .ui-tabs-hide { display: none !important; }

/* Video player */
#player { padding:5px 0 5px 5px; display:block; width:390px; height:248px; float: right; }

/* Menu systems CSS */
#sub-menu { padding: 20px 0; position:relative; height:300px; z-index: 1; color: #99cb5a;}
#sub-menu-list { margin: 0; padding: 0; }
#sub-menu-list li { display: block;	margin-left: 0;	padding: 4px; width: 180px;}
#sub-menu-list a { color: #5897CA; }

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	0.55em;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.25em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
}
.sf-menu a {
	border-right:	1px dotted #494949;
	padding: 		.75em 1em;
	text-decoration:none;
	font-weight: bolder;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#494949;
}
.sf-menu a:hover  { 
	color:			#fff;
	border-left:	1px solid #fff;
}
.sf-menu li {
	background:		#fff;
	z-index:		99;
}
.sf-menu li li {
	background:		#fff;
	width: 160px;
	z-index:		99;
}
.sf-menu li li li {
	background:		#fff;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#794a98;
	outline:		0;
	z-index:		99;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 50px 10px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* Button links */
a.button{display:block; color:#555555; font-weight:bold; height:23px; margin:0px; text-decoration:none; width:200px; }
a:hover.button{ color:#0066CC;}
/* Button link icons */
.add{background:url('../images/buttons/add.gif') no-repeat 0 7px; text-indent:25px; display:block; }
.delete{background:url('../images/buttons/delete.gif') no-repeat 0 7px; text-indent:25px; display:block; }
.user{background:url('../images/buttons/user.gif') no-repeat 0 7px; text-indent:25px; display:block; }
.alert{	background:url('../images/buttons/alert.gif') no-repeat 0 7px; text-indent:25px;display:block;}
.msg{background:url('../images/buttons/msg.gif') no-repeat 0 7px; text-indent:25px;display:block;}
.download{background:url('../images/buttons/download.gif') no-repeat 0 7px; text-indent:25px;display:block;}
.lens{background:url('../images/buttons/lens.gif') no-repeat 0 7px; text-indent:25px;display:block; }
.info{background:url('../images/buttons/info.gif') no-repeat 0 7px; text-indent:25px;display:block;}
.star{background:url('../images/buttons/star.gif') no-repeat 0 7px; text-indent:25px;display:block;}
.tick{background:url('../images/buttons/tick.gif') no-repeat 0 7px; text-indent:25px;display:block;}
.r-arrow{background:url('../images/buttons/r-arrow.gif') no-repeat 0 7px; text-indent:25px;display:block;}
.dollar{background:url('../images/buttons/dollar.gif') no-repeat 0 7px; text-indent:25px;display:block;}
.light-bulb{background:url('../images/buttons/light-bulb.gif') no-repeat 0 7px; text-indent:25px;display:block;}