body
{
	background-image: url(../imagesnew/template/jwmm_bodybg.jpg);
	background-repeat: repeat-x;
	font-family: verdana;
	font-size: 12px;
	color:#333;

}

 body, #header,  #navlist,  #navlistcontent, .paragraph     
     { margin: 0px; padding: 0px;
     
 }

#wrapper 
         {position: relative; 
          width: 800px; 
          height: auto; 
          margin-right: auto; 
          margin-left:  auto;

}

#container
{
	position: relative;
	top: 0px;
	left: 0px;
    width: 800px; 
    height: auto; 
	
}
/* ------ not needed yet 
#header, #navlist 
{
	border-right: 1px solid #ccf7f6;
	border-left: 1px solid #ccf7f6;
}
--------------*/

/* all header and navigation stuff  */


#header 
{
	
	width: 100%; height:72px;
	background-image: url(../imagesnew/template/jwmmheader.jpg);
	background-repeat: no-repeat;


}


#navlist
{
	position: relative;
	width: 800px;
	height: 53px;
	

}


#navlistcontent 
{
	list-style-type: none;
    width: 800px;
	height: 53px;
}

#navlistcontent  li { float: left;
                      display: block;
                      margin: 0; 
                      padding: 0; 
                      }


#navlistcontent li a:hover img 
               {visibility: hidden;
 }


.home         { background-image:url(../imagesnew/template/home_over.jpg); 
                position: absolute; top: 0px; left: 0px;	
                }
.galleries    { background-image:url(../imagesnew/template/galleries_over.jpg); 
                position: absolute; top: 0px; left: 125px;
                }
.socket       { background-image:url(../imagesnew/template/ballsocket_over.jpg); 
                position: absolute; top: 0px; left: 250px;
                }
.contact      { background-image:url(../imagesnew/template/contact_over.jpg); 
                position: absolute; top: 0px; left: 375px;
                }
.last         { position: absolute; top: 0px; left: 500px;}





/* main grids  */



.content
{
	    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
        width:796px;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
		 border-left: 2px solid #ccf7f6;
}


	/* common column settings */
.col-contain{
		float:left;
		width:100%;
		position:relative;
		border-right: 1px solid #ccf7f6;
       padding-bottom: 20px;
	}
	
	.col-left,
	.col-right
	{
	    float:left;
		position:relative;
		padding:0;
		overflow:hidden;
	}

.contact-pos {
        width: 796px;
         
        background-color: #ecf4f6;
        
        }
        
#contact-padding { padding: 40px 0px;}

	
	
.rightmenu {background-color: #fff; /* right column background colour */
            border-right: 2px solid #ccf7f6;

}

.rightmenu .col-contain
{ 
	
	right: 298px;                   /* right column width */
	background-color: #ecf4f6;      /* left column background colour */


}

.rightmenu .col-left
{
	
	width: 496px;   /* left column content width (left column width minus left and right padding) */
    left: 300px;      /* (right column width) plus (left column left padding) */
    

}



.rightmenu .col-right
{
	
	width: 299px;    /* right column content width (right column width minus left and right padding) */
    left: 299px;       /* (right column width) plus (left column left and right padding) plus (right column left padding) */

}








 p.col-right-top 

{
   font-size: 1em;
   color: #185061;
   padding: 12px 4px 4px 4px;
   margin:5px 0px 5px 25px;
   padding: 0px;
   }

 p.col-right-top a

{
   font-size: 1em;
   color: #185061;
   padding: 12px 4px 4px 4px;
   margin: 0px;
   text-decoration: none;
   padding: 0px;
   }

p.col-right-top a:hover {text-decoration: underline;}

 p.col-right-top-bold 

{  font-weight: bold;
   font-size: 1em;
   color: #185061;
   padding: 12px 4px 4px 4px;
   margin:5px 0px 5px 25px;
   padding: 0px;
   }


 p.col-right-top-bold a

{  font-weight: bold;
   font-size: 1em;
   color: #185061;
   padding: 12px 4px 4px 4px;
   margin: 0px;
   text-decoration: none;
   padding: 0px;
   }


#list {margin: 20px 0px 0px 0px;}
 p.col-right-red 

{
   font-size: 1em;
   color: #b94323;
   padding: 12px 4px 4px 4px;
   margin:5px 0px 0px 25px;
   padding: 0px;
   }

 p.col-right-red a

{
   font-size: 1em;
   color: #b94323;
   padding: 12px 4px 4px 4px;
   margin: 0px;
   text-decoration: none;
   padding: 0px;
   }

p.col-right-red a:hover {color: #b94323;text-decoration: underline;}

.credit {font-size: 0.80em;
font-weight: normal;}


/* left grid content  *    ;  */


  .paragraph { 
     position: relative;
     width: 480px;
     height: auto;
}


  
.paragraph p
{
	font-size: 1em;
	margin: 0px;
	padding: 15px 5px 0px 15px;
	
	
}

.paragraph p a
{
	font-size: 1em;
	color:#943329;
	text-decoration:none;
}

.paragraph p a:hover
{

	text-decoration:underline;
}
.byline  {
     padding: 0px; margin: 0px; 

}	

.byline p {color: teal; font-size: 0.8em;
           margin: 0px;}	

  #main-image { 
     position:relative;
     top:15px; left: 18px;
     width: 460px;
     height: 420px;
     margin-bottom: 40px;
 }
 
   #main-image-lower { 
     position:relative;
     top:15px; left: 18px;
     width: 460px;
     height: 300px;
     margin-bottom: 40px;
 }



img.insert
{
	float: left;
	margin: 5px 10px 5px 0px;
	width: 150px;
	height: 105px;
	border: 0;
	
}



/* right grid content  *    ;  */ 

.rightbox {
border: 1px solid #b94323;
width: 250px;
height: auto;
margin: 25px 25px 0px 25px;

}


h3.rightboxtitle   {
           
           color: #b94323;
           background-color: #fff;
           font-size: 1em;
           margin: -0.8em 0em 0em 1em;
           padding: 0px 3px 0px 7px;
           width: 50%;
}

h3.rightboxtitle36   {
           
           color: #b94323;
           background-color: #fff;
           font-size: 1em;
           margin: -0.8em 0em 0em 1em;
           padding: 0px 3px 0px 7px;
           width: 36%;
}

h3.rightboxtitle27   {
           
           color: #b94323;
           background-color: #fff;
           font-size: 1em;
           margin: -0.8em 0em 0em 1em;
           padding: 0px 3px 0px 7px;
           width: 27%;
           
}

h3.rightboxtitle20   {
           
           color: #b94323;
           background-color: #fff;
           font-size: 1em;
           margin: -0.8em 0em 0em 1em;
           padding: 0px 3px 0px 7px;
           width: 20%;
           
}

h3.rightboxtitle45   {
           
           color: #b94323;
           background-color: #fff;
           font-size: 1em;
           margin: -0.8em 0em 0em 1em;
           padding: 0px 3px 0px 7px;
           width: 45%;
           
}
h3.rightboxtitle65   {
           
           color: #b94323;
           background-color: #fff;
           font-size: 1em;
           margin: -0.8em 0em 0em 1em;
           padding: 0px 3px 0px 7px;
           width: 65%;
}


.img-centred {
         position:relative;
         top:10px;
         left: 42px;
         border: 0;
         width: 165px;
         height: 116px
        
}
.img-galleries {
         position:relative;
         top:5px;
         left: 10px;
         border: 0;
         width: 230px;
         height: 140px;
         padding-bottom: 15px;
        
}



.price {margin: 20px 0px 20px 10px;}

div.rightbox p

{ font-size: 0.85em;
   color: #185061;
   padding: 8px 4px 4px 8px;


}


div.rightbox p a

{   font-size: 1em;
  	color:#943329;
	text-decoration:none;

}


div.rightbox p a:hover

{ 
   color: #943329;
   text-decoration: underline;


}

.clickme {color: #943329;
          font-size: 0.85em;
          padding: 15px 4px 4px 25px;
          margin: 0px;
          }
          
          
          
#contact {width: 350px;
          margin: 0px; 
          padding:20px; 
          border-top: 1px solid #a63a27;
          
          color: #135062;}          
          


/* footer content */ 





#footer {
        clear:both;
        float:left;
        width:100%;
height: 50px;

margin: 0px auto;
padding-top: 20px;

}

#footer ul { font-size: 0.75em; list-style: none;  font-family: verdana; padding: 0em 0em 0.3em 0em;   
            margin: 5px; text-align: center; }
#footer li {display:inline; margin: 0px; padding: 0px 8px 0px 8px; border-right: 1px solid teal;}

#footer li.last {border-right: none;}


#footer li a { color: teal; text-decoration: none;}
#footer li a:hover  {color: #b94323; text-decoration: underline;}