@charset "utf-8";
/* CSS Document */

body
{
 background-color:#363435;
 background-image:url(image/bg.jpg);
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 background-position:top;
 background-repeat:repeat-x;
 color:#797979;

 
 }
 

#wrap
{
 width:980px;
 margin:0px auto;
 }
 
#headerleft
{
 width:700px;
 height:107px;
 float:left;
 background-image:url(image/logo.jpg);
 background-repeat:no-repeat;
 }
 
#headerright
{
 width:250px;
 height:107px;
 float:right;
 background-image:url(image/callus.jpg);
 background-repeat:repeat-x;
 }

#button
{
 width:980px;
 height:35px;
 float:left;
 background-image:url(image/buttbgup1.jpg);
 background-repeat:repeat-x;
 }
 
#banner
{
 width:695px;
 height:300px;
 float:left;

 }

#rightbanner

{
 width:285px;
 height:300px;
 float:left;
 }

#bodytext
{
   width:960px; 
   height:auto;
   padding:10px 10px 10px 10px;
   margin-top:0px;
   float:left;
   background-color:#f6f7f2;
   background-image:url(image/bgbody.jpg);
   background-position:top;
   background-repeat:repeat-x;
   
 }
 
#body
{ 
  width:655px;
  height:auto;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
  border: 2px dashed;
  border-color:#666666;
  float:left;
  } 

#bodyright  /* for testimonial box */
{
    width:255px; 
	height:auto; 
	float:right;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	border:2px dashed;
	border-color:#666666;
}

#bodyright1 /* for twitter box */
{
    width:255px; 
	height:auto; 
	float:right;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	border:2px dashed;
	border-color:#666666;
	margin-top:10px;
}
 

#forplan/* This is for plan page where we define the plans */
{
 width:560px;
 height:175px;
 float:left;
 background-image:url(image/forplan.jpg);
 background-repeat:no-repeat;
 border:3px sold;
 border-color:#666666;
 padding-left:40px;
 padding-top:25px;
 }
 

#footer
{ 

   width:954px;
   height:85px;
   color:#fff;
   margin:0px auto;
   background-color:#282627;
   padding-left:10px;
   padding-right:10px;
   padding-top:10px;
   padding-bottom:10px;
   margin:0px auto;
   float:left;
   border:3px solid;
   border-color:#f6f7f2;
 
 }
 
#smlbox

{
 width:190px;
 height:240px;
 padding:5px;
 border:1px dashed;
 border-color:#999999;
 margin-right:15px;
 float:left;
 }
 

.h2
{ 
  color:#666666;
  font-size:16px;
  font-weight:bold;
 }

.h3
{
color:#cf5e00;
font-weight:bold;
font-size:14px;}

.h3green
{
color:#FF0000;
font-weight:bold;
font-size:14px;
}




.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
background: black url(image/buttbgup1.jpg) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(image/buttbgup.jpg) center center repeat-x;
}

a:link {
   color:#C3B366;
   text-decoration:underline;
   }
 
 a:visited{color:#999;}
 a:hover{ 
      color:#C3B366;
      text-decoration:none;
         }
		 
		 
/* This is where the form for contact us starts */

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


		 

 
 