*{ margin: 0; padding: 0; }*
body { 
margin: 14px 0 0; 
background: #fff url(../images/bg.gif) repeat-x; 
font: 12px Arial; 
color: #444; 
}
#logo{
padding:0px;
float:left;
}
h1 { 
font-size: 3em; 
font-weight: normal; 
float: left; 
}

h1 a { 
text-decoration: none; 
}

h2 { 
font-size: 2em; 
color: #FFF; 
font-weight: normal; 
margin: 0 0 9px; 
}

h3 { 
margin-bottom:15px;
font-size: 1.5em; 
border-bottom: 1px solid #BEBEBE; 
}

h4 { 
font-size: 2em; 
color:#006699; 
font-weight: normal;
margin: 0 0 9px; 
border-bottom: 1px dashed #666633;
margin-bottom: 23px;
}
h5 { 
color: #6798B1;
font-size: 16px; 
margin: 0 0 4px; 
}
h6 { 

color: #006699;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 16px;
	font-weight: bold;
 }
 h7{ 
color: #666666;
font-weight: bold;
font-size: 12px; 
margin: 0 0 4px; 
}
 h7{ 
color: #000000;
font-weight: bold;
font-size: 12px; 
margin: 0 0 4px; 
}


p  { 
margin: 0 0 2em 0; 
line-height: 1.8em; 
}
em { 
border-bottom: 1px dotted #fff; 
cursor: pointer; 
}
a { color: #A82A15; text-decoration: none; }

a:hover { 
color: #A0000E; 
text-decoration: none; 
}
img { 
border: 0; 
}
.red { 
color: #9D2900; 
}
.wrap { 
width: 905px; 
margin: 0 auto; 
}
.wrap2 { 
height: 365px;
width: 905px; 
margin: 0 auto; 
}
.wrap3 { 
height: 133px;
width: 905px; 
margin: 0 auto; 
}
#header { 
width: 905px; 
height: 55px; 
margin: 0 auto; 
}
#menu{ 
float: right; 
padding: 9px 0 0 0; 
list-style: none; 
}
#menu li { 
display: inline; 
}
#menu a { 
display: block; 
float: left; 
margin-left: 10px; 
padding: 7px; 
text-decoration: none; 
font-size: 12px; 
color: #000000; 
}
#menu a:hover { 
color: #000; 
border-bottom: 1.5px solid #ccc; 
}
#menu .active a { 
font-weight: normal;
border-bottom: 1.5px solid #006699; 
color: #006699;}
 
#teaser { 
clear: both; 
height: 263px; 
background: #fff url(../images/teaserbg.jpg) repeat-x; 
}
#teaser2 { 
clear: both; 
height: 174px; 
background: #fff url(../images/teaserbg.jpg) repeat-x; 
}
.box { 
float: left; 
padding: 60px 0 0; 
width: 435px; 
color: #C7E3EE;
}
.box2 { 
float: left; 
padding: 0px 0 0; 
width: 905px; 
color: #C7E3EE;

}
#image { 
float: right; 
width: 440px; 
position: relative; 
top: 0px; 
background: url(../images/people.png) no-repeat top right; 
height: 263px; 
}
#bar { 
height: 27px; 
margin: 0 0 30px; 
padding: 8px 0 0 0; 
background: #262231; 
}
.step { 
/*cursor: pointer;*/ 
color: #FAFDDD; 
padding: 4px 0 0 11px; 
margin: -6px 35px 0 0; 
font-size: 1.4em; 
float: left; 
text-align: center; 
background: url(../images/step.gif) no-repeat; 
height: 30px; 
}
.step a { 
color: #fff; 
margin: 0 10px 0 0; 
}
.col { 
border: 1px solid #cccccc; 
float: left; 
width: 276px;
height:330px; 
margin: -5px 11px 16px 0; 
background: #ffffff;
padding: 7px; 
}
.last { 
margin: 0; 
margin-top: -5px;
}
.info { 
border: 1px solid #e0e0e0; 
background: #f4f4f4; 
padding: 7px; 
}

.info2 {
margin-top:-10px;
height: auto;
margin-left:0px;
border-top: 0px solid #CCCCCC; 
border-bottom: 0px solid #CCCCCC; 
background:url(../images/bgpaper2.png) no-repeat; 
padding: 25px; 
}

/* Footer */

#wrapper2 {
	background: #262231;
}

#footer {
	width: 905px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #FFFFFF;
	
}

#footer a {
	font-family: Arial;
	text-decoration: none;
	font-size: 11px;
	color: #8c8c8c;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer li {
	display: block;
	float: left;
	width: 275px;
	padding-left: 40px;
}

#footer li.first {
	padding-left: 0;
}

#footer li ul {
	margin: 0;
	margin-bottom: 30px;
	
}

#footer li li {
	display: list-item;
	float: none;
	margin: 0;
	padding: 4px 0;
	border-bottom: 1px solid #6c6964;
}

#footer li li a {
}

#footer h2 {
font-size:17px;
font-style:bold;
	margin-top: 0;
	color: #cccccc;
}

#legal {
	clear: both;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-family: Arial;
	font-size: 10px;
	color: #8c8c8c;
	background: #0E0917;
}

#legal a {
	border-bottom: 1px dotted #939393;
	text-decoration: none;
	color: #8c8c8c;
}

/* content for inner pages */

#page {
    width: 905px;
	margin: 0px auto;
	padding: 0;
}

#header_bottom { 
color: #EBEBEB; 
padding: 20px 0px 0px 0px; 
clear: both; 
margin:1px 0 1px 0; 
height: 133px; 
}
#header_bottom h2 { 
text: 
color: #FFF; 
font-size: 16px; 
font-style: normal;
font-weight: normal; 
line-height: 25px;
margin: 30px 0px 0px 0px; 
padding-left: 0px;
width: 570px;

}
#header_bottom .entry {
color: #FFF; 
margin: 15px 15px 15px 20px; 
width: 580px;
}

/* Content */

#content {
	float: left;
	width: 600px;
	margin-bottom: 50px;
}
#content3 {
	float: left;
	height: 600px;
	width: 400px
}
.post {
	margin-top: 5px;
}
.post .entry {
	margin: 0;
	}
.post .title {
padding-bottom: 7px;
}

/* Sidebar */

#right { float: right; width: 280px; margin-top: 20px; width: 240px; }
#right h3 { border-bottom: 1px solid #ccc; margin: 0 0 10px;}
#right img { margin: 0 3px 3px 0; border: 2px solid #eee; padding: 2px; }
#right li { list-style: none; padding-top:5px;  }
#right li a { display: block; padding: 5px 5px; background: url(../images/img05.jpg) no-repeat left center;
	border-bottom: 1px dashed #D2D4C9; padding-left: 15px; color:#666666; }
	
/* Sidebar 2*/

#right2 { float: right; width: 240px; height:auto; margin-top: 20px; }
#right2 h3 { border-bottom: 1px solid #ccc; margin: 0 0 10px; }
#right2 li { list-style: none; padding-top:2px; }
#right2 li a { display: block; padding: 8px 5px;
	text-decoration:underline;  padding-left: 15px; color:#666666; margin-left: 23px; }
	
/* Sidebar 3*/

#left2 { float: left; width: 360px; margin-top: 20px; }
#left2 h3 { font-size:12px; border-bottom: 1px solid #ccc; margin-left: 10px; }
#left2 img { margin-top: -4px; border: 2px solid #eee; padding: 2px; }
#left2 li { list-style: none; padding-top:2px; }
#left2 li a { background: url(../images/arrow_right.png) no-repeat; display: block; padding: 2px;
	text-decoration: none;  padding-left: 27px; color:#666666;margin-left:10px }
	
	/* Sidebar 4*/

#left3 { float: left; width: 150px; margin-top: 20px; }
#left3 h3 { font-size:12px; border-bottom: 1px solid #ccc; margin-left: 10px; }
#left3 img { margin: 0 3px 3px 0; border: 2px solid #eee; padding: 2px; }
#left3 li { list-style: none; padding-top:8px; }
#left3 li a { background: url(../images/arrow_right.png) no-repeat; display: block; padding: 2px;
	text-decoration: none;  padding-left: 27px; color:#666666;margin-left:0px }
		/* Sidebar 5*/

#left4 { float: left; width: 250px; margin-top: 7px; }
#left4 h3 { font-size:12px; border-bottom: 1px solid #ccc; margin-left: 10px; }
#left4 img { margin: 0 3px 3px 0; border: 2px solid #eee; padding: 2px; }
#left4 li { list-style: none; padding-top:8px; }
#left4 li a { background: url(../images/applications.png) no-repeat; display: block; padding: 2px;
	text-decoration: none;  padding-left: 30px; color:#666666;margin-left:10px }
/* images */
	/* Sidebar 4*/

#left5 { float: left; margin-top: 0px; }
#left5 h3 { font-size:12px; border-bottom: 1px solid #ccc; margin-left: 10px; }
#left5 p { font-size:12px; margin-bottom:8px; margin-top:5px;}
#left5 img { margin: 0px; border: 2px solid #eee; padding: 2px; }
#left5 li { list-style: none; padding-top:8px; }
#left5 li a { background: url(../images/arrow_right.png) no-repeat; display: block; padding: 0px;
	text-decoration: none;  padding-left: 27px; color:#666666;margin-left:0px; font-size:16px; color:#000000; }

#left6 { float: left; margin-top: 0px; }
#left6 li { list-style: none; padding-top:8px; }
#left6 li a { background: url(../images/arrow_right.png) no-repeat; display: block; padding: 0px;
	text-decoration: none;  padding-left: 27px; color:#666666;margin-left:0px; font-size:12px; height: 17px;margin-top: 2px; padding-top:1px;}

img.right{
float:right;
padding:0 0 0 0px;
}
img.left{
float:left;
padding:7px 10px 0px 0px;
border:0px;
}

/* table */	

#left table {border:solid 0px #D3D3D3;}
#left th {color: #000000; padding:5px; text-align:left; background: #D3D3D3;padding-left:20px;}
#left td {padding:5px; border-bottom: solid 1px #CCCCCC;}
#left .alttr1{ background:#ffffff;}
#left .alttr1 td { padding-left:20px;}
#left .alttr2{ background: #FFFFFF;}
#left .alttr2 td { padding-left:20px;}
#left .alttr1 th {background:#ffffff; padding-left:20px;}
#left .alttr2 th {background:#ffffff;}

/* table */	/* portfolio gallery */	

.section {
	font-family: "Trebuchet MS", Arial, Sans-Serif; 
    border-top: 0px solid #BBB;
	margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
	padding-top: 10px;
    padding-bottom: 0px;
    background-color: white;
}

.section ul {
    list-style: none;
	margin-left: -3px;
    margin-top: -10px;
}

.section ul li {
    display: inline;
}

.section ul a {
    background-color: #ECECEC;
    border: 1px solid #999999;
    padding: 5px 5px 10px;
    display: block;
    float: left;
    margin: 5px;
}

.section ul a:hover {
    background-color: #FFFFFF;
    border: 1px solid #333333;
}

.section ul a img {
    border: 1px solid #999999;
}

.section ul a.lightbox-enabled img {
    border: 1px dotted #999999;
}

.section span.code {
    font-family: "Trebuchet MS", Arial, Sans-Serif; 
    margin-left: 10px;
    padding-left: 10px;
    font-size: 11px;
    border-left: 1px solid #000;
}

.section .link {
	font-family: Arial; 
    font-size: 12px;
    font-style: italic;
    padding-left: 10px;
    margin-left: 10px;
}

.section .important {
    text-decoration: underline;
}

.section .title {
	font-family: Arial; 
    font-weight: bold;
    font-size: 16px;
}

.clear {
    clear: left;
}

.section.header {
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
    border-top: none;
}
* {
	margin:0;
	padding:0;
	list-style:none;
}

#basic-accordian{
	z-index:1;
	/*height:270px;*/
}

.accordion_headings{
	padding:5px;
	background: #DBE8E3;
	color: #333333;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
color: #fff;
	background: #53A6D7;
}

.accordion_child{
	padding:15px;
	background: #F9F9F9;
}

.header2_highlight{
	background:#00CCFF;
}
.thumbnail{
float:left;
margin-top:13px;
margin-left: 6.5px;
height: 219px;

}

.thumbnail img {
background: #FFFFFF bottom right !important;
background: url(../images/shadow.gif) no-repeat bottom right;
border: 1px solid #CCCCCC;
margin: 10px 0 0 10px !important;
padding: 4px;
}

.thumbnail2{
float:left;
margin-top:-10px;
margin-left: -10px;
margin-bottom: 10px;
height: auto px;
width: 600px;
}

.thumbnail2 img {
background: #FFFFFF bottom right !important;
background: url(../images/shadow.gif) no-repeat bottom right;
border: 1px solid #CCCCCC;
margin: 10px 0 0 10px !important;
padding: 4px;
}
.more{float: centre;width:90px; height:20px;margin-bottom: 6px; margin-left: 6px;padding:5px;}
.more a{width:90px; height:20px; display:block; background:url(../images/arrow1.gif) 90% 50% no-repeat #999999; color:#fff; font:14px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:lowercase; text-decoration:none; margin:5px 0 0 0px; padding:0px 0 0 6px;}
.more a:hover{background:url(../images/arrow1.gif) 90% 50% no-repeat #006699; color:#fff; text-decoration:none;}

/*---------services---------*/
ul.services {
list-style-type:none; display:block; width:auto; height: auto; 
margin:0px; padding:0px 0 0px 15px;
margin-top: 15px;
margin-bottom:12px;}

ul.services li {
display:inline;}

a.nav_services:link, a.nav_services:visited {
display:block; padding:1px 0 0 14px; margin:2px;width: auto; height: auto; text-align:left; line-height:22px;
text-decoration:none; background:url(../images/bullet.png) no-repeat left; color: #666666;}

a.nav_services:hover {
display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:22px;
text-decoration:none; background:url(../images/bullet_a.png) no-repeat left; color:#000000;}
#title2 {
margin-left: 15px;}

/*RSS*/

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example3 a{ /*CSS specific to demo 3*/
color: #018cb3;
text-decoration: none;
font-weight: bold;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}

.newsbox {
	float: left;
	width: 255px;
	margin-left: 15px;
	margin-top:15px;
	margin-bottom: -6px;
	line-height:20px;
	}
blockquote {
	background: url(../images/img08.jpg) no-repeat left top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0 0 0 0px;
	margin-bottom: -20px;
	padding: 0px 20px 0px 30px;
	font-size: 18px;
	color: #999999;
}
a {
	color: #84949F;
	font-weight: normal;
	text-decoration: normal;
}

a:hover {
color: #003366;
	text-decoration: underline;
}

/*Contact us mini*/
.miniForm{ display:block; font-size:11px }
input.text { height:20px; width:300px;margin-bottom:10px;  }
fieldset { padding:0; border:0; margin-top:5px; }

div#users-contain {  width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }
.dialog { font-size:10px; width:98%;}
#ContactUsMini { cursor:pointer;}
/*accordians*/
			
		.accordion_toggle {
			display: block;
			height: 23px;
			background: #dde8ec;
			padding: 0 10px 0 10px;
			line-height: 25px;
			font-weight: bold;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #333333;
			border-bottom: 2px solid #ffffff;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: #429eb6;
			color: #ffffff;
			border-bottom: 1px solid #429eb6;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
				margin-top:7px;
				margin-bottom:0px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
			
				width: 450px;
				line-height: 155%;
				padding: 5px 10px 15px 10px;
			}
					
			#vertical_container {
			margin-left: 0px;
			margin-bottom: -15px;}		
    /* Container styling*/
    #horizontal_container {
      margin: 0px auto 0px auto;
      width: 680px;   
      height: 0px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }