*{margin:0; padding:0;}

body
{ background-image: url(../images/bg.jpg);
font-family:Arial, Helvetica, sans-serif;
 }
 
a { color: #333; }
a:visited { }
a:hover { text-decoration: none; }

#layout { width:960px; margin:20px auto 0px; }

#page
{
width:960px;
height:auto;
background-color:#FFFFFF;
float:left;
border-bottom: #c3bdad dotted 2px;
}
#logo
{
margin-left:22px;
margin-top:0px;	
float:left;
}
#sitemap 
{
text-decoration:none;
font-size:11px;
margin-right: 5px;
margin-top:3px;
float:right;
width:auto;
}
.site_map { float:left; width:20%; }
.site_map h3 a{ width:100%; text-decoration:none; font-size:14px; }
.site_map ul{ clear:both; list-style:none; margin-left:15px; margin-bottom:10px; }


#icon
{
clear:both;
float:left;
margin-top:10px;
margin-left:18px;
width:430px;
}

#icon img { margin-right:5px;  height:32px; width:32px; }
.txt
{
float:left;
margin-top:6px;
}

#icon3
{
float:right;
margin-top:10px;
width:450px;
height:40px;
}
.menu1
{
float:left;
margin-top:3px;
margin-left:3px;
}
#content
{ 
width:940px;
height:auto;
background-color:#ffffff;
margin-top:33px;
margin-left:10px;
}
#leftcontent
{
width:690px;
height:auto;
float:left;
padding-right:10px;
}
#left
{
float:left;
width:335px;
height:330px;
background-color:#f4f4f4;
margin-right:10px;
}

h3
{
text-align:center;
padding-top:8px;
font-size:16px;
color:#253d56;
}
.wdevelop
{
float:left;
margin-left:90px;
margin-top:15px;
}
.text
{
float:left;
margin-top:25px;
margin-left:16px;
font-size:12px;
word-spacing:5px;
color:#000;
}
#button
{
float:left;
margin-top:12px;
margin-left:260px;
}
#host
{
color:#000;
}
.whost
{
float:left;
margin-left:135px;
margin-top:12px;
}
#news
{
clear:both;
float:left;
width:690px;
height:auto;
}
#news h1
{
font-size:18px;
color:#d80101;
float:left;
margin-left:3px;
margin-bottom:7px;
margin-top:20px;
}
#news h2
{
font-size:15px;
color:#d80101;
float:left;
margin-left:3px;
margin-bottom:5px;
}
#site
{
clear:both;
float:left;
font-size:12px;
color:#253d56;
margin-left:7px;
margin-top:15px;
}
#site a
{
text-decoration:none;
color:#000099
}
#news p
{
line-height:18px;
word-spacing:3px;
margin-top:5px;
text-align:justify;
margin-left:8px;
}

h1
{
float:left;
margin-top:12px;
margin-left:16px;
font-size:24px;
}
h2
{
clear:both;
float:left;
margin-top:22px;
margin-left:26px;
font-size:12px;
color:#d80101;
}
h4
{
clear:both;
float:left;
margin-top:3px;
margin-left:26px;
font-size:11px;
color:#9797c2;
}
p
{
clear:both;
float:left;
font-size:12px;
color:#000;
margin-top:22px;
margin-left:26px;
}

#rightcontent { float:left; width:237px;  border-left: #c3bdad dotted 2px; }

#rightcontent h1 {
color:#d80101;
font-size:16px;
float:left;
margin: 10px 0px 10px 8px; }
#rightcontent ul
{
float:left;
margin-top:9px;
list-style:none;
}
#rightcontent ul li {
font-size:11px;
color:#636363;
background:url(../images/arrow.jpg) 3px 7px no-repeat;
padding: 5px 0px 11px 17px ;
border-bottom: 2px #e0e0e0 dotted;
}
#client
{
width:100%;
height:auto;
float:left;
background-color:#f1f1f1;
border-bottom: 2px #e0e0e0 dotted;
padding-bottom:10px; 
}
#client h6
{
float:left;
margin-top:5px;
margin-left:6px;
color:#d80101;
font-size:14px;
}
#client h3
{
clear:both;
float:left;
color:#636363;
font-size:12px;
margin-left:18px;
font-weight:normal;
}

#client label
{
color:#636363;
font-size:12px;
clear:both;
float:left;
margin: 5px 0px;
}
#box
{
clear:both;
float:left;
margin-left:18px;
margin-top:6px;
}
.remember
{
font-size:12px;
color:#636363;
}
#client a
{
clear:both;
float:left;
margin-left:18px;
margin-top:8px;
text-decoration:none;
font-size:11px;
color:#d80101;
}
.login
{
clear:both;
float:right;
margin-right:50px;
margin-top:12px;
background-color:#393732;
color:#d2d2d2;
padding:2px;
border:0px;
}
#search
{
width:100%;
height:auto;
float:left;
background-color:#8b8a8a;
border-bottom: 2px #e0e0e0 dotted;
border-top:2px #e0e0e0 dotted;
padding-bottom:10px; 
}
#search h1
{
float:left;
font-size:16px;
color:#FFFFFF;
}
#testimonal h3
{
float:left;
margin-top:10px;
margin-left:6px;
padding-bottom:10px;
width:100%;
text-align:left;	
color:#d80101;
font-size:14px;
}


#testimonal p {
float:left;
margin: 0px 10px;
}

#testimonal i {
float:left;
margin: 10px 10px;
}

#testimonal a {
float:right;
margin: 10px 10px;
text-decoration:none;
}
#testimonal a:hover {
text-decoration:underline;
}

#footer
{
clear:both;
float:left;
width:100%;
height:auto;
padding-bottom:50px;
background-color:#474747;
}
#footer_1 { margin: 0px auto 0px;
width:960px;
height:auto;
background-color:#FFFFFF;
}
#services
{
float:left;
width:950px;
height:180px;
padding-left:10px;
background-color:#FFFFFF;
}

#menu { clear: both; width: 98%; margin: 0px auto;
 height: 32px; line-height: 32px; background: repeat-x url('images/menubg.png') top center; }


			


.chromestyle{
width: 100%;
background-color:#464243;
}

.chromestyle ul{
width: 100%;
background: url(images/menubg.png) center center repeat-x; /*THEME CHANGE HERE*/
padding: 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
text-transform:capitalize;
}

.chromestyle ul li{
display: inline;
margin: 0px;
}

.chromestyle ul li a{
color: #ffffff;
padding: 3px 30px;
height:28px;
line-height:32px;
margin: 0px 0px 0px 0px;
font-size:16px;
text-decoration: none;
border-right: 3px solid #ffffff;

}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(images/menubg2.png)repeat-x; /*THEME CHANGE HERE*/padding: 3px 30px;margin: 0px; height:28px; background-color:#000000
}

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
top:0px;
font-size:12px;
z-index:100;
width:auto;
visibility: hidden;
padding: 0px 0px 0px 45px;
background: url(../images/submenu_left.png) #6e6868 0px 0px no-repeat; /*THEME CHANGE HERE*/
margin-top: 5px;
}

.dropmenudiv a{
width: auto;
display:inline;
text-indent: 0px;
padding: 3px 10px 4px;
text-decoration: none;
background-color: #6e6868;
color: #ffffff;
margin:3px;
float:left;
line-height:normal;
text-transform:capitalize;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
background-color: #6e6868;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
display:inline;
text-indent: 0px;
padding: 3px 10px  4px;
text-decoration: none;
color: #ffffff;
padding: 3px 10px;
float:left;
line-height:normal; behavior: url(../border-radius.htc); behavior: url(../ie-css3.htc); -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; background-color:#000000;
margin:3px;
text-transform:capitalize;
}
.dropmenudiv a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
display:inline;
text-indent: 0px;
padding: 3px 10px 4px;
text-decoration: none;
color: #ffffff;
margin:3px;
float:left;
line-height:normal;
text-transform:capitalize;
behavior: url(../border-radius.htc); behavior: url(../ie-css3.htc); -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; background-color:#000000;
}

#example1{ /*Demo 2 main container*/
width: 236px;
height: auto;
padding: 0px;
}

#example1 ul{ /*Demo 2 UL container*/
margin: 0;
padding-left: 10px;
}

#example1 ul li{ /*Demo 2 LI that surrounds each entry*/
margin-bottom: 4px;
list-style:none;
font-size:11px;
padding: 1px 5px 5px 15px;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
display:block;
margin: 0px;
padding:0px;
}

#example3 a{ /*CSS specific to demo 3*/
color: #666666;
text-decoration: none;
font-weight: bold;
margin: 0px;
padding:0px;
display:inline;
}

#example3 li a{ /*CSS specific to demo 3*/
color: #99CC00;
text-decoration: none;
font-weight: bold;
margin: 0px;
padding:0px;
display:inline;
}

#example3 p{ /*CSS specific to demo 3*/
margin: 0px 0px 15px  10px;
padding:0px;
float:left;
line-height:16px;
}





#footer_links { float:left; width:140px; margin-left:10px; }


#footer_links h2
{
float:left;
font-size:14px;
margin: 10px 0px 5px;
color:#d80101;
text-align:left;
}
#footer_links ul
{
float:left;
list-style:none;
clear:both;
border-right: 2px #c3bdad dotted;
width:100%;
margin:0px;
}
#footer_links ul li {
font-size:11px;
padding: 3px 5px 3px 10px;
color:#636363;
text-transform:capitalize;
}


.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
	font-size:12px;
	height:107px;
}
.tab_container td{ padding:5px 0px;}
.tab_content {
	padding: 0px 0px;
		font-size:12px;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {

	text-decoration: none;
	color: #000;
	display: block;
	font-size:12px;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}




.tab_container1 {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
	font-size:12px;
	height:107px;
}
.tab_container1 td{ padding:5px 0px; }
.tab_content1 {
	padding: 0px 0px;
		font-size:12px;
}

ul.tabs1 {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs1 li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs1 li a {

	text-decoration: none;
	color: #000;
	display: block;
	font-size:12px;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs1 li a:hover {
	background: #ccc;
}
html ul.tabs1 li.active, html ul.tabs1 li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}




.top-nav-over { padding-right:10px; }

.top-nav { padding-right:10px; }

.tab_container2 {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
	font-size:12px;
	height:125px;
}
.tab_container2 td{ padding:5px 0px; }
.tab_content2 {
	padding: 0px 0px;
		font-size:12px;
}

ul.tabs2 {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs2 li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs2 li a {

	text-decoration: none;
	color: #000;
	display: block;
	font-size:12px;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs2 li a:hover {
	background: #ccc;
}
html ul.tabs2 li.active, html ul.tabs2 li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}


.tab_container3 {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
	font-size:12px;
	height:107px;
}
.tab_container3 td{ padding:5px 0px; }
.tab_content3 {
	padding: 0px 0px;
		font-size:12px;
}

ul.tabs3 {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs3 li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs3 li a {

	text-decoration: none;
	color: #000;
	display: block;
	font-size:12px;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs3 li a:hover {
	background: #ccc;
}
html ul.tabs3 li.active, html ul.tabs3 li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}