body{
	font-family: Arial,sans-serif;
	color: #333333;
	background-image:url(../nimages/bg.gif);
	background-repeat:repeat-y;
	margin: 0px;
	padding: 0px;
	overflow-x:hidden;
}
.gradientbg
{
background-image:url(../nimages/gradientbg.gif);
background-repeat:repeat-x;
background-position:top;
}
.titlePort
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #96a9bc;
	font-family: Arial,sans-serif;
    TEXT-DECORATION: none
}
.titlePort A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR:#6B85AF;
	font-family: Arial,sans-serif;
    TEXT-DECORATION: none
}
.titlePort A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR:#990000;
	font-family: Arial,sans-serif;
    TEXT-DECORATION: none
}
.porthead
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #cc0000;
	font-family: Arial,sans-serif;
}

P{
padding:5 0;
margin:0px;
}
.padding10
{
padding:10px}
.workarea
{
width:850px;
}
*html .workarea
{
width:850px;
}
.innerhead
{
background-position:right;
background-repeat:no-repeat;
height:144px;
padding-left:8px;
vertical-align:middle;
border-right: 1px dashed #333333;
border-bottom: 1px dashed #333333;
}
.quote
{
 color: #006699;
 font-family:Arial, Verdana, Helvetica, sans-serif;
 font-weight:700;
font-size:16px;
line-height:20px;
}
a.buttxt
{
 font-family: Verdana,Arial,sans-serif;
 font-size: 12px;
 color:#0066CC;
 text-decoration:none;
}
a.buttxt:hover
{
 font-family: Verdana,Arial,sans-serif;
 font-size: 12px;
 color:#CE3C3C;
}
.boldcell
{
 font-family: Verdana,Arial,sans-serif;
 font-size: 12px;
 font-weight:700;
 color:#CE3C3C
}
.boldcell1
{
 font-family: Verdana,Arial,sans-serif;
 font-size: 12px;
 font-weight:700;
 color:#147BB2
}
.plaincell
{
 font-family: Verdana,Arial,sans-serif;
 font-size: 12px;
 line-height:20px;
}
.smalltxt
{
 font-family: Verdana,Arial,sans-serif;
 font-size: 11px;
 color:#333333;
}


/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-size: 120%;
 color: #334d55;
}

h2{
font-size:18px;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

.maintable
{
width:100%;
height:100%;
background-image:url(../nimages/topbg.gif);
background-repeat:repeat-x;
}
.butnav
{
height:38px;
background-image:url(../nimages/butbg.gif);
background-position:right;
padding-left:20px;
background-repeat:no-repeat;
background-color:#147bb2;
clear:both
}
.paddinglr10
{
padding: 0 10;}
.dotline
{
border-bottom: 1px dashed #333333;
}
.dotlineright
{
border-right: 1px dashed #333333;
}
.content{
	background-image:url(../nimages/bottomarrowbg.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin: 0;
	padding: 0 	;
}

.contentarea
{
background-image:url(../nimages/contentrightbg.gif);
background-position:top right;
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
padding: 20px;
}
.contentarea H1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
color:#CE3C3C
}
.contentarea1
{
background-image:url(../nimages/contentrightbg.gif);
background-position:top right;
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
padding:1 2px;
/*padding: 20 20 0 8px;*/
}
.contentarea1 H1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
color:#CE3C3C
}
.navBar{
	margin: 0 0 0 0;
padding: 0px;

	background-image:url(../nimages/rightbg.gif);
	background-repeat:repeat-y;
/*	border-left: 1px solid #ccc;
	background-color: #eeeeee;
	border-bottom: 1px solid #ccc;*/
}
.divleft
{
float:left
}
.divright
{
float:right
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	font-size: 12px;
	background-image:url(../nimages/botbg.gif);
	background-position:top;
	width:100%;
	height:49px;
	color: #cccccc;
	padding: 0;
	margin-top: 0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
   the bottom border of the navBar in cases where they "touch" */
.bottomleft
{
background-image:url(../nimages/botleft.gif);
background-repeat:no-repeat;
height:29px;
background-position:left top;
float:left;
padding-left:100px;
padding-top:20px
}
.bottomleft A
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
text-decoration:none;
}
*html .bottomleft
{
height:49px;

}
.textbox
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border:#666666 1px solid;}
.nbttn
{
background-color:#147BB2;
border:#666666 1px solid;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF
}
.botright
{
background-image:url(../nimages/botright.gif);
background-repeat:no-repeat;
padding-top:15;
padding-left:20px;
float:right;
height:34px;
width:204px;
}
*html .botright
{
padding-top:15;
padding-left:0px;
float:right;
margin-right:4px;
height:34px;
width:216px;

}

/************* #search styles ***************/



#middle .middle-left { width:590px; float:left;}
/* Tab Content */

.modernbricksmenu2{
padding: 0;}

.modernbricksmenu2 ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none; border:0px solid #3300CC;
background-image:url(../images/tab-grey-bg.jpg);
}

.modernbricksmenu2 li{
display: inline; 
margin: 0 0px 0 0;
padding: 0;
float:left
}
div.clear {
	clear: both;
	margin:0px;
	padding:0px;
}
.modernbricksmenu2 a{
float: left; 
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0px 1px 0px 0px; /*Margin between each menu item*/
padding: 10px 23px ;
background-image:url(../images/tab-grey-bg.jpg);
border-bottom: 1px solid white;
/*border-right: 1px solid white;*/
}

*html .modernbricksmenu2 a{
padding: 10px 19px;
color:#FFFFFF


}
.modernbricksmenu2 a:hover{
background-image:url(../nimages/tab-green-bg.gif);
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-image:url(../nimages/tab-green-bg.gif);
color: white;
/*border-left: 1px solid white;*/
border-bottom: 1px solid #137cb3;
 /*Brown color theme*/ 
}

.tabcontentout{ width:565px; margin-top:35px; /*background-color: #e7e7e7; */background-color: #fff;padding-left: 13px; padding-right: 8px; padding-bottom: 10px; 
padding-top:7px; color:#333333; border-right: 2px solid #137cb3; border-left: 2px solid #137cb3; border-bottom: 2px solid #137cb3; border-top: 2px solid #137cb3; font-size:12px;}

*html .tabcontentout
{
width:565px;}

.tabcontent{
display:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;
}
.client-left { float:right; border:1px solid #cccccc; background-color:#fbfbfb; padding:5px; width:245px; height:263px; margin-top:2px;}
*html .client-left {width:270px;}
.testimonial
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
padding:0px 25px;
line-height:16px;
height:200px;
}


/*TabmenuStylesheet*/


/* CSS Document */

.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
		/*border-right: #189D97 1px solid;*/

    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 10px;
	/*	border-right: #189D97 1px solid;*/

}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
		/*border-right: #189D97 1px solid;*/

}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0px;
		/*border: 1px solid #189D97; */

}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
   /* padding: 0 12px;*/
   margin:0px;
	color:#333333;
   /* background: url(images/tabs.png) no-repeat;*/
	/*background-color:#D5EDE8;*/
		/*border: 1px solid #fff; */
}


.ui-tabs-nav a {
    margin: 0px; /* position: relative makes opacity fail for disabled tab in IE */
	padding-left:19px;
	padding-right:20px;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
	line-height:41px;
	
	background-image:url(../nimages/tabbg.gif);
	 BORDER-RIGHT: #fff 0px solid;
    BORDER-TOP: #fff 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: #fff 1px solid;
    COLOR: #333333;
    BORDER-BOTTOM: #fff 0px solid;
    FONT-FAMILY: Verdana;
	color:#FFFFFF;
	cursor:hand;
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
*html .ui-tabs-nav a {
	padding-left:21px;
	padding-right:20px;
	
}


.ui-tabs-nav a:link, .ui-tabs-nav a:hover, .ui-tabs-nav a:visited {
    color: #fff;
	font-size:10px;
	height:41px;	
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    z-index: 0;
    margin-top: 0;
	padding-left:21px;
	padding-right:20px;
    BORDER-RIGHT: #189d97 0px solid;
    BORDER-TOP: #fff 1px solid;
    FONT-SIZE: 10px;
    BORDER-LEFT: #fff 1px solid;
    COLOR: #ad1039;
    BORDER-BOTTOM: #fff 0px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #ffffff;
	background-image:url(../nimages/tabbg.gif);
    background-position: 100% -41px;
}
*html .ui-tabs-nav .ui-tabs-selected a {
	padding-left:20px;
	padding-right:20px;
}



.ui-tabs-nav a span {
    padding-top: 2px;
    padding-right: 0;
    height: 41px;
	cursor:hand;
    background-position: 0 0;
		color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
    line-height: 41px;
}
*html .ui-tabs-nav a span {
    padding-top: 2px;
	height:37px;

    line-height: 37px;

}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
	background-image:url(../nimages/tabbg.gif);
    background-position: 0 -41px;
   height: 41px;
    line-height: 41px;
}
*html .ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 2px;
	height:37px;

    line-height: 37px;

}


.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: hand;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
	
}
.ui-tabs-panel {
    border: 2px solid #0188ce;
	margin-left:1px;
    padding: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    background: #fff;
	/*width:540px;*/
	 /* declare background color for container to avoid distorted fonts in IE while fading */
}
*html .ui-tabs-panel {
	/*width:566px;*/
	padding-right:13px;	
	
}
.servicetab
{
float:left;
width:560px;
}



/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav, * html .ui-tabs-nav a, * html .ui-tabs-nav a span { /* auto clear and hasLayout, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;

}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
ul{
margin:5 10px;}