/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li, 
fieldset, form, label, legend, caption, tfoot, thead {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body{background:#6eb2fc;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
line-height:19px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

.clear 
    { 
    clear:both; 
} 

.right 
    { 
    float: right; 
} 

.left 
    { 
    float: left; 
}
/*------------------------Handling typography--------------------------------*/

h1 
    { 
    font-size: 20px; 
	font-weight:normal;
	color:#00387b;
	text-transform:uppercase;
} 
h2 a{
color:#00387b;
text-decoration:underline;
}
     
h2 
    { 
    font-size: 20px; 
	font-weight:normal;
	color:#00387b;
} 
     
h3 
    { 
    font-size: 16px;
	font-weight:normal;  
}    
h4 
    { 
    font-size: 14px; 
	font-weight:normal;     
} 
     
h5 
    { 
    font-size: 13px;
	font-weight:normal;    
} 
h6 
    { 
    font-size: 11px;
	font-weight:normal;      
}
.color-grey{
color:#999999;
}
/*------------------------Handling typography closed--------------------------------*/
#wrapper{
width:988px;
margin:auto;
}
#container{
width:980px;
float:left;
background:url(../images/bg-1.jpg) repeat-y;
padding:0px 4px 0px 4px;
}
/*------------------------header start--------------------------------*/
#header{
width:980px;
float:left;
height:101px;
background:url(../images/bg-header-tp.gif) repeat-x;
}
.logo{
width:326px;
float:left;
padding:5px 0px 0px 20px;
}
.header-right-box{
width:542px;
float:right;
padding-top:36px;
}
/*------------------------navigation start--------------------------------*/
#navigation{
width:577px;
float:right;
padding-right:15px;
}
#navigation ul{
list-style:none;
margin:0px;
padding:0px;
}
#navigation ul li a, ul li{
float:left;
}
#navigation ul li a{
height:28px;
background:url(../images/img-nav.gif);
}
#navigation ul li a.home{
width:75px; background-position:0px 0px;
}
#navigation ul li a.home_active, #navigation ul li a.home:hover{
width:75px; background-position:left bottom;
}
#navigation ul li a.mnp-1{
width:98px; background-position:-75px 0px;
}
#navigation ul li a.mnp-1_active, #navigation ul li a.mnp-1:hover{
width:98px; background-position:-75px bottom;
}
#navigation ul li a.specialties-1{
width:107px; background-position:-173px 0px;
}
#navigation ul li a.specialties-1_active, #navigation ul li a.specialties-1:hover{
width:107px; background-position:-173px bottom;
}
#navigation ul li a.about{
width:97px; background-position:-280px 0px;
}
#navigation ul li a.about_active, #navigation ul li a.about:hover{
width:97px; background-position:-280px bottom;
}
#navigation ul li a.services{
width:92px; background-position:-377px 0px;
}
#navigation ul li a.services_active, #navigation ul li a.services:hover{
width:92px; background-position:-377px bottom;
}
#navigation ul li a.contact{
width:108px; background-position:-469px 0px;
}
#navigation ul li a.contact_active, #navigation ul li a.contact:hover{
width:108px; background-position:-469px bottom;
}
/*------------------------navigation End--------------------------------*/
#header-box{
width:960px;
float:left;
}
#service-content{
width:960px;
float:left;
background-color:#FFFFFF;
padding:15px 10px 10px 10px;
}
#service-content h1{
padding-bottom:15px;
}
#service-content ul{
float:left;
padding-left:5px;
}
#service-content ul li{
display:block;
clear:both;
background:url(../images/bullet2.gif) no-repeat 5px 10px;
padding-left:20px;
line-height:24px;
}
#service-content ul li a{
text-decoration:underline;
color:#666666;
}
#middle-content h1{
padding:0px 0px 10px 5px;
}
#middle-left-box{
width:383px;
float:left;
}
#services-bg{
background:url(../images/bg-services.gif) no-repeat;
width:363px;
height:409px;
padding:10px;
}
.services1{
width:351px;
float:left;
background-color:#ededed;
border:#aaaaaa 1px solid;
height:365px;
overflow:scroll;
margin-top:10px;
}
.services1 ul{
float:left;
}
.services1 ul li{
display:block;
font-size:13px;
background:url(../images/bullet-services.gif) no-repeat 10px 8px;
padding-left:33px;
line-height:26px;
clear:both;
font-weight:bold;
color:#333333;
width:300px;
}


#middle-right-box{
width:570px;
float:right;
}
#welcome-box{
width:565px;
float:right;
padding-top:10px;
}
#welcome-box h2{
padding-bottom:15px;
}
#welcome-box h3{
padding-bottom:10px;
color:#000000;
font-size:14px;
font-weight:bold;
}
#welcome-box h5{
padding-bottom:15px;
}
#middle-right-box h1{
padding-bottom:15px;
}
#our-location{
width:950px;
float:left;
background-color:#ededed;
border-top:#cfcfcf 1px solid;
padding:15px 0px 15px 30px;
float:left;
}
.location-bg{
width:240px;
height:110px;
background:url(../images/bg-location.gif) no-repeat;
font-size:13px;
color:#FFFFFF;
padding:65px 0px 10px 0px;
margin-top:10px;
padding-right:13px;
background-position:center;
float:left;
text-align:center;
padding-left:32px;
padding-right:32px;
}

#footer{
width:968px;
float:left;
background:url(../images/bg-footer.gif) repeat-x #2b475e;
padding:6px 6px 0px 6px;
}
#footer2{
width:980px;
float:left;
background:#00346d;
padding:6px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.copy-right{
width:940px;
float:left;
padding:20px 8px 20px 8px;
}
.footer-left{
color:#FFFFFF;
float:left;
}
.footer-left a{
color:#FFFFFF;
text-decoration:none;
}
.contact-right{
width:350px;
float:left;
padding-left:50px;
}
.contact-right a{
color:#FFFFFF;
text-decoration:underline;
}
.border1{
border:#cccccc 1px solid;
border-top:none;
}
.our-offices{
width:730px;
float:left;
padding:25px 20px 20px 20px;
font-size:13px;
}

.stepcarousel{
position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/
 /*Width of Carousel Viewer itself*/
height: 241px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 280px;
height:247px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/*-----re-entered-css----*/
#container-2{
width:980px;
margin:auto;
}
#wrapper-2{
width:100%;
margin:auto;
}
#wrapper-3{
width:980px;
margin:auto;
}
#middle-content{
width:960px;
float:left;
background-color:#FFFFFF;
padding:15px 10px 10px 10px;
}
#middle-content-2 h1{
padding:20px 0px 10px 5px;
}
#middle-content-2{
width:980px;
background-color:#FFFFFF;
float:left;
padding-bottom:20px;
}
.border2{
border:#cccccc 1px solid;
border-left:none;
border-top:none;
}
#middle-content-2 h2{
	font-size:15px;
	font-weight:bold;
	color:#00387B;
}
.main_table{
	border-top:4px #b9b9b9 solid; 
	margin:0px 5px 0px 5px !important;
	width:970px;
}