body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
}


.container{
height:auto;
margin:0 auto;
text-align:left;
width:950px;
}
.logo { float: left; display: inline; width:267px; font-size: 0; line-height: 0; margin-left:20px; margin-top:7px;}
.logo a { display: block; height: 104px;  text-indent: -4000px; background: url(images/penispal-logo.png); background-repeat:no-repeat;}
.headbg{height:397px; width:950px; background-image:url(images/index_01.jpg); float:left;}

.horder { float: left; display: inline; width:164px; font-size: 0; line-height: 0; margin-left:555px; margin-top:150px;}
.horder a { display: block; height: 30px;  text-indent: -4000px; background: url(images/orderh.png); }


.customer { float:left; height:45px; width:178px; margin-left:763px; margin-top:49px; }


.body{width:950px; background-image:url(images/index_02.jpg); float:left;}
.left{width:245px; float:left;}
.right{width:660px; float:left; font-size:15px; font-family:Arial, Helvetica, sans-serif; margin:0 0 0 20px; line-height:15pt;}

h1 {  text-transform:uppercase; font-family:"Arial Narrow", Calibri; font-weight:normal; color: #08c;  font-size:30px;}
h2 {  text-transform:uppercase; font-family:"Arial Narrow", Calibri; font-weight:normal; color: #08c;  font-size:45px;}

img.pic{
float:right;
padding:5px;
margin:10px 10px 10px 0;
}

img.pic1{
float:left;
padding:5px;
margin:10px 10px 10px 0;
}

.arowHand {
           cursor : pointer;
      }

#home{width: 241px; 
        height: 55px; 
		float:left;
		background:url(images/home.png) repeat 0px 0px; 
		}
a.home { 
        background:url(images/home.png) repeat 0px 0px; 
        width: 241px; 
        height: 55px;
        display: block
			 
}

a.home:hover { 
        background: url(images/home.png) repeat 0px 0px; 
}



#faq{   background:url(images/faq.png) repeat 0px 0px; 
        width: 241px; 
        height: 55px; 
		float:left;}

a.faq { 
        background:url(images/faq.png) repeat 0px 0px; 
       width: 241px; 
        height: 55px;
        display: block; 
}

a.faq:hover { 
        background: url(images/faq.png) repeat 0px 0px; 
}



#testi{width: 241px; 
        height: 55px; 
		float:left;
		background:url(images/testimonials.png) repeat 0px 0px; 
		}

a.testi { 
        background:url(images/testimonials.png) repeat 0px 0px; 
        width: 241px; 
        height: 55px;
        display: block; 
}

a.testi:hover { 
        background: url(images/testimonials.png) repeat 0px 0px; 
}


#contact{width: 241px; 
        height: 55px; 
		background:url(images/contactus.png) repeat 0px 0px;
		float:left;}

a.contact { 
        background:url(images/contactus.png) repeat 0px 0px; 
        width: 241px; 
        height: 55px;  
        display: block; 
}

a.contact:hover { 
        background: url(images/contactus.png) repeat 0px 0px; 
}




#order{
        background:url(images/orderpenispal.png) repeat 0px 0px; 
       width: 241px; 
        height: 55px; 
		float:left;}

a.order { 
        background:url(images/orderpenispal.png) repeat 0px 0px; 
        width: 241px; 
        height: 55px;
        display: block; 
}

a.order:hover { 
        background: url(images/orderpenispal.png) repeat 0px 0px; 
}



#form{float:left; margin:25px 15px 0 0; width:450px;}

#inputArea
	{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    background-color: #d6e5f4;
	    padding: 10px;
	    width:450px;
		float:left;
			}
	#inputArea input, #inputArea textarea
	{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    margin-bottom: 5px;
	    display: block;
	    padding: 4px;
	    width: 425px;
		
	}

        .activeField
        {
            background-image: none;
            background-color: #ffffff;
            border: solid 1px #33677F;
        }
        .idle
        {
	    border: solid 1px #85b1de;
	    background-image: url( 'images/blue_bg.png' );
	    background-repeat: repeat-x;
	    background-position: top;
        }


.formbutton {
cursor : pointer;
border : 1px outset #ccc;
background : #999;
color : #666;
font-weight : bold;
padding : 1px 2px;
background : url(images/formbg.gif) repeat-x left top;
margin-left:2px;
}

.button{width:450px; background-color:#d6e5f4;  float:left; padding:10px;}


.footer_txt{color: #fff; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.footer_txt a {
	color: #fff;
	text-decoration: none;
}
.footer_txt  a:hover  {
	color: #fff;
	text-decoration: underline;
}
.clink{font-size:11px; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top:10px;}

.clink a {
	color: #fff;
	text-decoration: none;
}
.clink  a:hover  {
	color: #fff;
	text-decoration: underline;
}