/* CSS Document */

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

body{
	background:#fff;
	text-align:center;
}

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

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html
	{
		font-family:Tahoma, Geneva, sans-serif;
		font-size:0.75em;
		line-height:1.9em;
		color:#fff;
	}

input, select { vertical-align:middle; font-weight:normal;}






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

.wrap {width:960px;}

.imgindent {margin:0 20px 0 0; float:left;}

h1 {font-size:1.25em; line-height:1em; color:#F09; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-bottom:0px;margin-top:10px; text-decoration:underline}

h2 {color:#666; font-size:2.692em; line-height:1em; font-weight:normal; font-family:"Times New Roman", Times, serif; font-style:italic; float:left; margin-bottom:10px;}
h2 span {display:block; text-align:right; position:relative; margin:-5px -102px 0 0;}
h2 strong {color:#F09;}

h3 {font-size:2.083em; line-height:1em; color:#FFF; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin-bottom:0px;}
h3 span {display:block; font-size:0.68em; margin-top:4px;}

h4 {color:#666; font-size:2.0em; line-height:1em; font-weight:normal; font-family:"Times New Roman", Times, serif; font-style:italic; padding:12px 0 24px 88px; position:relative; margin-left:-23px; display:inline-block; letter-spacing:-2px;}
.title1 {background:url(images/title1-bg.jpg) top left no-repeat; height:50px;}
.title2 {background:url(images/title1-bg.jpg) top left no-repeat; height:50px;}
.title3 {background:url(images/title3-bg.jpg) top left no-repeat; height:50px;}

h5 {text-transform:uppercase; font-weight:normal; color:#F09; margin-bottom:7px;}

.link {font-family:"Times New Roman", Times, serif; color:#09F; font-style:italic; text-decoration:none; display:inline-block; margin-top:20px; font-size:1.385em; line-height:1em;}

.link2 {font-weight:bold; display:inline-block; margin-top:15px;}
.link3 {font-weight:bold; color:#ffffff; text-decoration:none; background:url(images/link3-bg.jpg) no-repeat 0 0; display:inline-block; padding:6px 40px 29px 40px; position:relative; margin:27px 0 -20px -24px; line-height:1em;}
.link3:hover {color:##00aeef;}

#row2 ul li {background:url(images/list-bg.gif) no-repeat 0 7px; padding-left:22px; line-height:1.846em;}
#row2 ul li a {color:#09F;}

ol li {list-style-position:inside; font-weight:bold; color:#e86200;}
ol li span {font-weight:normal; color:#2a2f35;}

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


#header   { background:url(images/menu_rules.png) ;}
#header .left {padding:5px 0 14px 84px;}
#header .right {padding:119px 89px 0 0;}
#header .right img {margin-left:38px;}

.menu2 {padding:0 0 0 120px; float:left;}
.menu2 li {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.75em; float:left; padding:9px 10px 10px 10px;}
.menu2 li a {color:#646c71; text-decoration:none;}
.menu2 li a:hover {color:##00aeef;}
.menu2 .active a {color:##00aeef;}
.menu2 .first {background:none;}

.menu {padding:0 0 0 180px;}
.menu li {font-family:"Times New Roman", Times, serif; font-style:italic; font-size:1.75em; float:left; padding:9px 10px 10px 10px;}
.menu li a {color:#646c71; text-decoration:none;}
.menu li a:hover {color:#2e363b;}
.menu .active a {color:#2e363b;}
.menu .first {background:none;}

/* ============================= content ====================== */

#row1 {background:#343434;}
#row2 {background:#ffffff; color:#2a2f35; font-size:1.083em; line-height:1.308em;}

#row1 .indent1 {padding:20px 24px 15px 24px;}
#row1 .indent {padding:20px 65px 0 65px;}

#row2 .indent {padding:20px 85px 66px 85px;}

.col-pad1 {padding-right:59px;}
.col-pad2 {padding-right:68px;}

.box {background:#ffffff url(images/box-left-bg.gif) top left no-repeat; color:#646c71; font-size:1.083em; line-height:1.385em;}
.box .right-bg {background:url(images/box-right-bg.jpg) top right no-repeat;}
.box-indent {padding:42px 399px 30px 66px;}
.minheight {min-height:262px; height:auto;}
* html .minheight {height:262px;}

.text2 {color:#FFF;}
.phone {float:right; margin-right:40px;}
.img {text-align:center; padding-right:20px;}


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

#footer a {color:#0096fe; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .indent {padding:24px 0 0 87px;}

/* ============================= forms ============================= */

		/* ========= login panel ====================== */

#loginPanel a {color:#777; text-decoration:none;}
#loginPanel a:hover {text-decoration:underline;}
#loginPanel .indent {padding:24px 0 0 87px;}

		/* ===========login forms ====================== */

#login a {color:#777; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#login .indent {padding:24px 0 0 87px;}

		/* ===========contact forms ====================== */

#ContactForm .rowi {height:34px;}
.clear-button {font-weight:bold; color:#ffffff; text-decoration:none; background:url(images/clear-bg.jpg) no-repeat 0 0; display:inline-block; padding:7px 37px 29px 44px; position:relative; margin:27px 0 -20px 0; line-height:1em; float:right;}
.clear-button:hover {color:#000;}
.send-button {font-weight:bold; color:#ffffff; text-decoration:none; background:url(images/send-bg.jpg) no-repeat 0 0; display:inline-block; padding:7px 47px 29px 35px; position:relative; margin:27px -20px -20px 0; line-height:1em; float:right;}
.send-button:hover {color:#000;}

.input {width:192px; height:18px; border:1px solid #b4b4b4; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:297px; height:83px; border:1px solid #b4b4b4; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}
.un-list {
	list-style-type: disc;
	text-indent: 40px;
	padding-top: 10px;
}



/* --- JAVA STYLES --- */

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:440px;
		height:300px;
		
		}
	span#prevBtn{}
	span#nextBtn{}	
	
	
		#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:440px;
		height:300px;
		
		}
	span#prevBtn{}
	span#nextBtn{}	

/* // Easy Slider */





h1 { color: #555; font-size: 20px; font-weight: bold; margin: 0px 0px 0px 20px; }
h2 { color: #555; font-size: 20px; font-weight: normal; margin: 0px 0px 0px 20px; }
h3 { color: #555; font-size: 16px; font-weight: bold; margin: 3px 0px 0px 20px; }
h4 { color: #555; font-size: 16px; font-weight: normal; margin: 0px 0px 0px 20px; }
h5 { color: #555; font-size: 12px; font-weight: bold; margin: 3px 0px 0px 20px; }
h6 { color: #555; font-size: 12px; font-weight: normal; margin: 0px 0px 0px 20px; }

a          { color: #000; }
a:visited  { color: #000; }
a:hover    { color: 00aeef; }

/* TEXT STYLES */

.slogan {color:#ec008c; font-size:36px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; float:left; }
.slogan_sub {color:#00aeef; font-size:22px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;float:left; }
.title1 {color:#666; font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
/*title1 use for tabs, case study titles, */
.copyright {border-top: line; border-color: #00aeef; border-width: 2px; margin-left: 30px; margin-right: 30px; padding-top: 12px; color: #00aeef; font-size: 12px;}

		



/* BANNER AREA */
.bannerArea {
	width: 950px;
}

.bannerAreaLogin {
	width: 350px;
	float:right
}

.bannerNav {
	width: 950px;
	margin: 0px 0px 0px 0px;
	#margin-bottom: 10px; /* for IE */
	color: #666;
	font-size: 18px;
	font-weight: bold;
	
}

.bannerNavActive {
	width: 950px;
	margin: 0px 0px 00px 15px;
	#margin-bottom: 10px; /* for IE */
	color: #00aeef;
	font-size: 14px;
	font-weight: bold;		
}

.bannerNav ul{
	margin: 10px 0px 30px 15px;
	font-family:"Helvetica", Helvetica, sans-serif; font-style:bold; font-size:1.75em;
	float:left;
}

.bannerNav li{
	list-style: none;
	color:#666;
	float:left;
	margin: 30px 20px 0px 0px;
	#margin-left: 20px; /* for IE */
}

.bannerNav a{
	margin-left: 0px;
	color: #000;
	text-decoration: none;
}
.bannerNav a:visited{
	color: #000000;
}

.bannerNav a:hover{
	color: #00aeef;
}

.bannersubnav {
	padding-top: 20px;
	padding-right: 20px;
	float: right;
	color: #3e75a6;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana,Arial, Helvetica , sans-serif;
}

.bannersubnav a { color: #3e75a6; text-decoration: none; padding-left: 5px; padding-right: 5px; }
.bannersubnav a:visited { color: #3e75a6; }
.bannersubnav a:hover { color: #00aeef; text-decoration: none; }

.toplogo {
	margin-left: 0px;
	padding-top: 0px;
	float:left;
}

.loginbox1 {
	float:right; 
	color:#646c71; 
	padding-top:5px;
	
}

.loginbox2 {
	float:left; 
	color:#646c71; 
	padding-top:5px;
	
}

.navigationArea {
	width: 950px;
	height:110px;
	border-bottom: solid;
	border-color: #75570b;
	border-width: 1px;
	background-image:url(images/Blue_rules.png)
	
	
}

#phone {
	
	padding-right: 20px;
	float: right;
	color: #00aeef;
	font-size: 14px;
	
	font-family: Verdana,Arial, Helvetica , sans-serif;
}

/* CONTENT AREA */


.contentArea {
	width: 960px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	overflow: hidden;
	float:none
}

.contentArea .right {
  width: 430px;
  padding-right: 20px;
  float: right;
  display: inline;
}


.contentArea .left {
  width: 430px;
  padding-left: 30px;
  float: left;
  display: inline;
}



.contentleft {
	width: 400px;
	padding-left: 30px;
	padding-right: 40px;
	float: left;
}

.contentright {
	width: 400px;
	float: left;
}

.imageright {
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;	
}
.imageleft {
	margin-right: 30px;
	margin-bottom: 10px;
	float: left;
}

.scrollingNewsBanner {
	width: 950px;
	border-bottom: solid;
	border-color: #75570b;
	border-width: 1px;
}

/* FOOTER AREA */
.footerArea {
	width: 950px;
	height: 50px;
}


.main { width:980px; margin:0 auto; text-align:left;}
#slideshow {width:450px; height: 320px; float: right; text-align: center;}
#container {float: right; padding-left: 10px;}

#header {height:136px; background:url(images/menu_rules.png ;}

#footer { height:64px; text-align: center;}

.col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}
.container2 {width:100%;}

/* ============================= page1 ===========================*/

#page1 .line1 {background:url(images/line.gif) repeat-y 255px 0; width:100%;}
#page1 .line2 {background:url(images/line.gif) repeat-y 542px 0; width:100%;}
#page1 .col-1 {width:228px;}
#page1 .col-2 {width:228px;}
#page1 .col-3 {width:228px;}

/* ============================= page2 ===========================*/

#page2 .line2 {background:url(images/line.gif) repeat-y 542px 0; width:100%;}
#page2 .col-1 {width:750px;}
#page2 .col-2 {width:235px;}

#page2 .col-1 .col-1 {width:267px;}
#page2 .col-1 .col-2 {width:229px;}

/* ============================= page3 ===========================*/

#page3 .line2 {background:url(images/line.gif) repeat-y 255px 0; width:100%;}
#page3 .col-1 {width:228px;}
#page3 .col-2 {width:512px;}

#page3 #row1 .col-1 {width:221px;}
#page3 #row1 .col-2 {width:221px;}
#page3 #row1 .col-3 {width:221px;}

/* ============================= page4 ===========================*/

#page4 .line1 { }
#page4 .line2 {}
#page4 .col-1 {width:228px;}
#page4 .col-2 {width:228px;}
#page4 .col-3 {width:228px;}

/* ============================= page5 ===========================*/

#page5 .line2 {background:url(images/line.gif) repeat-y 542px 0; width:100%;}
#page5 .col-1 {width:515px;}
#page5 .col-2 {width:235px;}
#page5 .col-1 .col-1 {width:228px;}
#page5 .col-1 .col-2 {width:228px;}

#page5 #row1 .col-1 {width:221px;}
#page5 #row1 .col-2 {width:221px;}
#page5 #row1 .col-3 {width:221px;}

/* ============================= page6 ===========================*/

#page6 .line1 {background:url(images/line.gif) repeat-y 255px 0; width:100%;}
#page6 .col-1 {width:235px;}
#page6 .col-2 {width:515px;}
#page6 .col-2 .col-1 {width:205px;}
#page6 .col-2 .col-2 {width:305px;}