
body{
margin:0;
background-image:url('http://www.websquashdesigns.com/images/bg.gif');
baackground-image:url('http://www.websquashdesigns.com/clouds.jpg');
}

div.container{
width:779px;
background-color:transparent;
margin:auto;
}

div.logo{
margin-top:5px;
background-image:url('http://www.websquashdesigns.com/images/logo.png');
background-repeat:no-repeat;
height:98px;
background-color:transparent;
}
div.menu{
height:40px;
width:330px;
margin-left:auto;
margin-right:0px;
padding:0px;
}

div.menucontainer {
width:779px;
height:40px;
position:relative;
}
div.content{
background-image:url('http://www.websquashdesigns.com/images/main.gif');
height:333px;
overflow:hidden;
width:779px;
background-repeat:no-repeat;
margin:auto
}

div.contentorder{
background-image:url('http://www.websquashdesigns.com/ordermain.gif');
height:333px;
width:779px;
background-repeat:no-repeat;
z-index:0
}


div.contentiportis{
width:779px;
background-repeat:no-repeat;
background-color:#efefef;
z-index:0;
font-family:arial;
}

div.contentgallery{
background-image:url('http://www.websquashdesigns.com/images/contentgallery.png');
height:333px;
overflow:hidden;
width:779px;
background-repeat:no-repeat;
padding-top:1px;
padding-left:13px
}
div.contentlogo{
background-image:url('http://www.websquashdesigns.com/images/main.gif');
height:333px;
overflow:hidden;
width:779px;
background-repeat:no-repeat
}


div.buttons{
margin:auto;
width:100%;
}
div.buttons a{
color:white;
text-decoration:none;
}

div.buttons a:hover{
color:navy;
text-decoration:none;
}
div.b1{
width:229px;
height:138px;
background-image:url('http://www.websquashdesigns.com/images/b1.gif');
float:left;
margin-left:28px
}
div.b2{
margin-left:22px;
width:229px;
height:138px;
background-image:url('http://www.websquashdesigns.com/images/b2.gif');
float:left;
overflow:hidden
}
div.b3{
margin-left:22px;
width:229px;
height:138px;
background-image:url('http://www.websquashdesigns.com/images/b3.gif');
float:left
}
#div.menu ul
{
list-style: none;
padding: 0;
margin: 0;
} 
div.menu li{
float:left;
margin: 0 0.30em;
list-style:none;
text-align:right;
}
.menu li a{
font-size:17px;
font-family:arial;
text-decoration:none;
color:black;
font-weight:bold;
display:block;
height:25px;
display:inline;
}
.menu a:hover{
color:white;
text-decoration:underline;
}

#b1a {
height:95px;
width:59px;
margin-top:25px;
margin-left:20px;
float:left;
background-image:url('http://www.websquashdesigns.com/images/bulb.png');
background-repeat:no-repeat;
overflow:auto
}

#b1a:hover {
background-image:url('http://www.websquashdesigns.com/images/bulbh.png');
}
div.b1atext{
float:left;
margin-top:50px;
margin-left:15px;
font-family:arial;
font-size:27px;
font-weight:bold;
color:white;
letter-spacing:-1px;
}

#b2a {
height:69px;
width:86px;
margin-top:40px;
margin-left:15px;
background-image:url('http://www.websquashdesigns.com/images/portfolio.png');
background-repeat:no-repeat;
float:left
}

#b2a:hover {
background-image:url('http://www.websquashdesigns.com/images/portfolioh.png');
}

div.b2atext{
float:left;
margin-top:80px;
margin-left:2px;
font-family:arial;
font-size:27px;
font-weight:bold;
color:white;
letter-spacing:-1px;
z-index:1;
}
#b3a {
height:125px;
width:123px;
margin-top:10px;
margin-right:10px;
float:left;
background-image:url('http://www.websquashdesigns.com/images/cup.png');
background-repeat:no-repeat
}

#b3a:hover {
background-image:url('http://www.websquashdesigns.com/images/cuph.png')
}
div.b3atext{
float:left;
margin-top:83px;
font-family:arial;
font-size:27px;
font-weight:bold;
color:white;
letter-spacing:-1px;
z-index:1;
}
div.cleft{
float:left;
width:400px;
height:313px;
padding:20px;
}

div.cright{
float:left;
height:230px;
width:301px;
margin-right:15px;
margin-top:40px;
background-image:url('http://www.websquashdesigns.com/images/logobox.gif');
}
h1 {
font-family:arial;
font-size:31px;
color:black;
font-weight:bold;
letter-spacing:-1px;
margin-bottom:0px;
}
div.content p {
font-family:arial;
font-size:15px;
color:black;
text-align:justify;
margin-top:3px;
}
div.points{
width:778px;
text-align:left;
clear:both;

}
div.points h2 {
font-family:arial;
font-size:20px;
color:black;
font-weight:bold;
letter-spacing:-1px;
margin-top:0px;
margin-bottom:0px;
text-align:left;
margin-left:0px;
}
div.points li {
font-family:arial;
font-size:16px;
color:black;
margin-top:2px;
}
div.fmenu{
margin-top:10px;
font-family:arial;
height:1px;
clear:both;
color:black;
}

div.footer{
font-family:arial;
height:15px;
font-size:12px;
float:left;
margin-top:20px;
margin-left:auto;
margin-right:auto;
width:779px;
text-align:right;
padding-right:10px;
}

/////hidden pic preload///
.hiddenPic {display:none;}

div.form{
width:775px;
background-repeat:no-repeat;
font-family:arial;
font-size:15px;
font-weight:bold;
}
div.formright{
float:left;
width:280px;
margin-top:35px;
padding:7px;
font-family:arial;
font-size:20px;
letter-spacing:-1px;

}
div.formleft{
float:left;
width:429px;
padding:20px;
}
div.orderleft{
width:375px;
float:left;
height:310px;
margin-top:15px;
position:relative;
}
div.orderright{
width:375px;
float:left;
height:310px;
margin-top:15px;
position:relative;
}
div.contentorder h1{
font-family:arial;
font-size:25px;
font-weight:bold;
letter-spacing:-2px;
margin-top:5px;
text-align:center;
color:black;
}

div.contentorder ul{
font-family:arial;
font-size:16px;
font-weight:bold;
line-height:1.3em;
text-align:justify;
color:#efefef;
}
div.paybutton{
position:absolute;
bottom:2px;
margin-left:20%;
}
div.contentorder input{
width:211px;
height:55px;
background-image:url('http://www.websquashdesigns.com/images/paybutton.gif');
font-weight:bold;
font-size:22px;
letter-spacing:-1px
}

div.saletag{
position:absolute;
background-image:url('http://www.websquashdesigns.com/images/sale.png');
width:191px;
height:187px;
left:-120px;
margin-top:-50px;
z-index:1
}
div.footer a{
text-decoration:none;
color:black;
font-weight:bold;
}
div.footer a:hover{
text-decoration:none;
font-weight:bold;
color:white;
}
#copyright{
text-align:left;
float:left;
margin:0;
padding:0;
width:350px;
height:20px;
margin-top:17px;
font-weight:bold;
}
