body
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0 auto 15px auto;
background:url(../images/body_bg.jpg) repeat-x;
background-color: #FFFFFF;
color:#424536;
}

/*Reset Styles!*/
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, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

img
{
float:left;

}



.clear
{
clear:both;
}

/*Main Container*/

#wrapper
{
clear: both;
width: 960px;
margin:0 auto 0 auto;
}

/*Main Top Area*/

#top {
float: left;
width: 945px;
background:url(../images/top_clouds.jpg) no-repeat 200px top;
padding:26px 0 26px 15px;
}

/*Header*/

#headermain {
clear: both;
float: left;
width: 960px;
padding:0 0 10px 0;
}

#headerright {
float: right;
width: 242px;
background:url(../images/rightbg.jpg) no-repeat;
height:286px;
}


#headerright h1 {
width: 230px;
text-align:center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#bed903;
font-weight:bold;
padding:25px 0 0 5px;
}

#headerright h1 span {
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
color:#FFFFFF;
font-weight:bold;
}

#headerright h2{
width: 230px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#bed903;
font-weight:bold;
text-align:center;
padding:5px 0 0 5px;
}

#headerright h2 span{
font-weight: normal;
font-style:normal;
}

#headerright p{
width: 232px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight: normal;
font-style: italic;
color:#FFFFFF;
text-align:center;
padding:4px 0 0 3px;
}


#headerright p span{
font-size:12px;
font-weight: normal;
font-style: normal;
color:#bed903;
}


#headerleft {
float: left;
width: 718px;
}
#header {
clear: both;
float: left;
width: 718px;
}

/*Top Navigation*/

#topnavigation {
float: left;
width: 718px;
clear:both;
background:url(../images/nav_bg.jpg) repeat-x;
height:34px;
}

#topnavigation ul {
float: left;
width: 698px;
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
padding:0 0 0 20px;
text-transform:uppercase;

}


#topnavigation li {
float: left;
list-style-type:none;
display:inline;
background:url(../images/seperator.jpg) no-repeat right;
padding:10px 14px 9px 14px;
}

#topnavigation li a:link, #topnavigation li a:visited, #topnavigation li a:active   {
text-decoration:none;
color:#FFFFFF;
}

#topnavigation li a:hover  {
text-decoration:none;
color:#000;
}


.noseperator
{
background:none !important;
}

/*Main Content Area*/

#maincontent {
clear: both;
float: left;
width: 960px;
background:url(../images/contentbg.jpg) repeat-y;
}

#contentinner {
float: left;
width: 932px;
padding:15px 14px 15px 14px;
}

/*Right Panel*/

#rightpanel {
float: right;
width: 226px;
background:url(../images/rightpanelbottom.jpg) no-repeat bottom;
background-color:#FFFFFF;
}

#rightpanel h1 {
width: 186px;
background:url(../images/h1rightbg.jpg) no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
padding:11px 0 8px 40px;
}


#rightpanel p {
width: 215px;
padding:5px 3px 0 8px;
}

#rightpanel p span {
text-decoration:underline;
color:#026ac7;
}

.readmore
{
background:url(../images/arrowreadmore.jpg) no-repeat left 14px;
color:#026ac7;
float:left;
clear:both;
padding:10px 0 10px 10px;
margin:0 0 0 10px;
}

.readmore a:link, .readmore a:visited, .readmore a:active
{
text-decoration:none;
color:#026ac7;
}


.readmore a:hover
{
text-decoration: underline;
color:#026ac7;


}

/*Contact Us Form*/

#contactus {
float: right;
width: 226px;
padding:0 0 26px 0;
}


#contactus h2{
float: left;
width: 186px;
background:url(../images/contactush1.jpg) no-repeat left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
padding:10px 0 10px 40px;
}

#contactus ul
{
float:left;
padding:15px 0 10px 12px;
}
#contactus ul li
{
list-style-type:none;
padding:0 0 3px 0;
width:166px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#424536;
font-weight:bold;
}

#contactus input
{
float:left;
width:187px;
border:0px;
height:16px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#424536;
padding:2px 5px 2px 5px;
background-color:#e9ede7;
border:1px solid #dce4d8;

}

.submit_btn
{
width:61px !important;
height:20px !important;
float:left !important;
border:none !important;
margin:0 0 0 8px !important;
background: none !important;
}

.textarea
{
width:187px !important;
height:70px !important; 
padding:3px 5px 5px 5px !important;
float:left !important;
background-color:#e9ede7 !important;
border:1px solid #dce4d8 !important;
}

.reset
{
width:61px !important;
height:20px !important;
padding:2px 0 10px 3px !important;
background:none !important;
border:0 !important;
}


/*Left Panel*/

#leftpanel {
float: left;
width: 692px;
}


#leftpanelgallery {
float: left;
width: 664px;
border:1px solid #d8ded5;
background-color:#FFFFFF;
padding:10px 13px;
}


#galleryinner {
float: left;
width: 640px;
border:1px solid #f6f6f6;
background-color:#e9ede7;
padding:10px 11px;
}

#galleryinner ul {
float: left;
clear:both;
width: 640px;
padding:0 0 10px 0;
font-weight:bold;
color: #000000;
}

#galleryinner li {
float: left;
list-style-type:none;
display:inline;
padding:0 132px 0 0;
}

#galleryinner li#li2 {
float: left;
list-style-type:none;
display:inline;
padding:0 75px 0 0;
}

#galleryinner li#li3 {
float: left;
list-style-type:none;
display:inline;
padding:0;
}

#galleryinner p {
float: left;
clear:both;
width:640px;
}

.gallerimages
{
padding:0 0 0 14px;
}

#galleryinner span{
float:left;
width:640px;
text-align:right;
color:#62b439;
font-weight:bold;
padding:5px 0 0 0;
}

#galleryinner span a:link, #galleryinner span a:visited, #galleryinner span active
{
color:#62b439;
text-decoration:underline;
}

#galleryinner span a:hover
{
color:#000;
text-decoration:none;
}


/*Left Panel Content*/

#content {
float: left;
width: 664px;
border:1px solid #d8ded5;
background-color:#FFFFFF;
padding:10px 13px;
margin:4px 0 0 0;
}

#content h2{
float: left;
width: 664px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#00000;
padding:0 0 10px 0;
text-align:justify;
}

#content p{
float: left;
width: 664px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#00000;
padding:0 0 10px 0;
}

.emaillink
{
text-decoration: underline;
color:#000000;
}

.emaillink:hover
{
text-decoration:none;
color: #0033FF;
}

#content ul{
float: left;
width: 664px;
padding:0 0 10px 0;
}

#content li{
float: left;
width: 664px;
padding:0 0 10px 15px;
background:url(../images/arrow.jpg) no-repeat left 4px;
list-style-type:none;
}

#content li a:link, #content li a:visited, #content li a:active {
text-decoration: underline;
color:#0033CC;
}

#content li a:hover {
text-decoration: none;
color:#000;
}

fieldset {
margin: 0px;
padding: 0px;
border: 1px solid #000;
width: 480px;
z-index:1;
padding-top: 2em;
margin:1em auto 1em 90px;
_margin:1em auto 1em 45px;
float:left;
}

legend {

	float: left;
	margin: 0px;
	padding: 0px 3px;
	font-size: 14px;
	position:absolute;
	top: -.5em;
	left: .5em;
	margin-left: .5em;

}



fieldset label {
float: left;
}

fieldset ul {
float: left;
}

fieldset li {

float: left;

}

fieldset li input{

float: right;
font-size: 11px;
border: #666666 solid 1px;
padding: 2px 5px;
width: 210px;

}

fieldset li select {

float: right;
font-family: Tahoma, Verdana;
font-size: 11px;
border: #000 solid 1px;
padding: 2px 0 2px 2px;
width: 223px;

}


fieldset li input:hover{

border: 1px solid #c1e0f5;
}

fieldset li input:focus{
background: #f2f3f3;
}

fieldset li select:hover{

border: 1px solid #c1e0f5;
}

fieldset li select:focus{
background: #f2f3f3;
}

fieldset li input.btn{
background: #ffffff;
color: #281101;
border: 1px solid # 7f3602;
width: 90px;
margin-top:15px;
}

fieldset li input.btn:hover{
border: 1px solid #4A6079;
}

fieldset li input.btn:focus{
background: #3B4D61;
}

fieldset li label em {
color: #FFF;
}

fieldset:hover {
border: 1px solid #d8e1ec;
}

.smalltextfield
{
width: 65px !important;
float: right !important;
margin-left:2px;
}

.smalltextfield1
{
width: 65px !important;
float:right;
margin-left:6px;
}

.textarea1
{
width:418px !important;
font-family: Tahoma, Verdana;
font-size: 10px;
border: 1px solid #000;
}

.textarea1:hover
{
border: 1px solid #c1e0f5;
}

.textarea1:focus{

background: #f2f3f3;

}

#nobul {
float:left;
clear:both;
font-size:12px;
line-height:32px;
list-style-type:none;
margin:0;
padding:0 0 10px 15px !important;
margin:0 0 0 13px !important;
width:440px !important;
}

#nobul li {
background:transparent none repeat scroll 0 0 !important;
margin:0;
list-style-type:none !important;
padding:0 0 0 0;
width:420px;
}




#contentright {
float: right;
width: 221px;
background:url(../images/article_bg.jpg) repeat-y;
border-bottom:1px solid #d8ded5;
padding:0 0 10px 0;
color:#000000;
}

#contentright p {
float: left;
width: 206px;
padding:10px 5px 10px 10px;
}

#contentright span {
float: left;
width: 206px;
text-align:right;
padding:0 0 2px 0;
}


#contentright h1 {
float: left;
width: 181px;
background:url(../images/articlebg.jpg) no-repeat left top;
padding:9px 0 10px 40px;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}


#contentleft {
float: left;
width: 431px;
background:url(../images/leftcontentbg.jpg) repeat-y;

}

#contentleft h1 {
float: left;
width: 390px;
background:url(../images/our_companybg.jpg) no-repeat left top;
padding:9px 0 8px 41px;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}

#rightinner {
float: right;
width: 193px;
background:url(../images/borderleft.jpg) no-repeat left 15px;
padding:0 0 0 12px;
_padding:0 0 0 8px;
color:#000000;
}

#rightinner h2 {
width: 190px;
font-weight:bold;
color:#000000;
font-size:12px;
padding:5px 0 0 0;
}

#rightinner ul {
width: 190px;
padding:5px 0 0 0;
}

#rightinner li {
background:url(../images/servicesarrow.jpg) no-repeat left 3px;
list-style-type:none;
padding:0 0 0 12px;
}

#rightinner p {
float:left;
width: 180px;
padding:5px 10px 0 0;
}

#innerleft {
float: left;
width: 222px;
border-bottom:1px solid #d8ded5;
padding:0 0 15px 0;
color:#000000;
}


#innerleft h2 {
float: left;
width: 192px;
font-weight:bold;
color:#000000;
font-size:12px;
padding:5px 0 0 10px;
}


#innerleft p  {
float: left;
width: 200px;
padding:5px 10px 0 10px;
text-align:justify
}


.readmoregreen a:link, .readmoregreen a:visited, .readmoregreen a:active {
color:#62b439;
font-weight:bold;
text-decoration:underline;
}


.readmoregreen a:hover {
color:#62b439;
font-weight:bold;
text-decoration:none;
}

/*Fooetr*/

#footer {
float: left;
width: 960px;
padding:10px 0 20px 0;
text-align:center;
}

#footer p {
float: left;
width: 960px;
padding:10px 0 20px 0;
text-align:center;
clear:both;
background:url(../images/footerline.jpg) no-repeat center bottom;
margin:0 0 10px 0;
}

.footerlogo  {
float:none !important;
}


#footer span{
font-size: 12px;
}
#footer em{
padding: 0 5px;
font-style:normal;
}
#footer a, #footer a:link, #footer a:active{
color: #4f4f4f;
text-decoration: none;
}
#footer a:hover{
color: #000;
text-decoration: underline;
}
#footer a.yodle{
font-weight:bold;
}

.hiddenfloadleft
{
float:left;
}