body{
margin-top: 0;
background-color: #ffffff;
font-family: verdana;
background: url("bg.gif");
background-repeat: repeat-x; 
font-size: 62.5%;
}
#container {
width: 841px; 
margin: 0 auto;
text-align: center;
overflow: hidden;
margin-top: 0;
border-right: 1px solid #C0C0C0;
}
#container2{  
width: 840px;
text-align: left;
position: relative;
left: 0px;
top: 0px;
margin: 0; 
padding: 0; 
background-color: #ffffff;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
}

#header h3{
margin-top: -18px;
font-size: 0.9em;
color: #333;
margin-left: 24px;
margin-bottom: 10px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu{
padding: 0;
width: 840px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: 11px verdana;
margin:0;
margin-left: 390px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #cccccc; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: #6699CC;  /*Menu hover bgcolor*/
color:  #ffffff;
}


#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #333; /*Brown color theme*/ 
border-color: #333; /*Brown color theme*/ 
color: #ffffff;
}


#modernbricksmenuline{
clear: both;
padding: 0;
width: 840px;
height: 5px;
line-height: 5px;
background: #333;/*Brown color theme*/ 
}

.wireframemenu{
border: 1px solid #ffffff;
background-color: white;
width: 300px;
float: left;
border-right: 1px dotted #333;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 294px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: 11px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px dotted #333;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
border-left: 1px solid #6699CC;
border-right: 1px solid #6699CC;
color: black;
}

#content {
float: right;
display:inline;
width: 510px;
height: 110px;
text-align: left;
background-color: #ffffff;
border: 1px solid #6699CC;
margin-top: 10px;
text-align: center;
padding-top: 40px;
}
#main{
padding-right: 15px;}
#footer{

width: 841px;
background: #333333;
color: #fff;
text-align: left;

}
#left{
width: 290px;
float: left;
padding: 10px;

}
#left p{
font-size: 1.2em;
}
#right {
float: right;
text-align: left;
width: 510px;
border-left: 1px dotted white;
padding: 10px;
}
#right p{
padding: 0px;
margin: 0px;
font-size: 1.2em;
}
#resr {
padding: 10px;
font-size: 1.3em;
}
img.floatLeft  
{
float: left; 
padding: 10px;
}
img.link {
border: 0px;
}
.products {
margin: 0px;
text-align: center;
font-size: 1.4em;
font-weight: bold;
color: #C0C0C0;padding: 10px;
}
.bold {
padding: 0px;
margin: 0px;
font-size: 1.2em;
font-weight: bold;
}
#top {
	width: 840px;
	height: 125px;
	position: relative;
	}
#top span {
	background: url(header.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
img.arrow2 {
padding-right: 3px;
}
.more {
padding-top: 170px; }
.more2 {
padding-top: 110px; }
.bold2 {
background-color: #cccccc;
font-weight: bold;
}
h1 {
padding 0px;
margin: 0px;
font-size: 1.2em;
font-weight: normal;
}
img.link2 {
border: 0;
vertical-align: middle;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
}

#main2 ul {
font-size: 1.3em;

}

#main2 p{
font-size: 1.3em;

}

#main2 {
padding-left: 10px;
padding-right: 10px;
}

#content2 {
float: right;
display:inline;
width: 510px;
height: 110px;
text-align: left;
background-color: #ffffff;
border: 1px solid #6699CC;
margin-top: 10px;
text-align: left;

}
#content2 p{
padding: 5px;
font-size: 1.3em;
}.bold3 {
font-weight: bold;
padding: 0;
margin: 0;
}
#content3 {
float: right;
display:inline;
width: 510px;
height: 140px;
text-align: left;
background-color: #ffffff;
border: 1px solid #6699CC;
margin-top: 10px;
text-align: left;

}
#content3 p{
padding: 5px;
font-size: 1.3em;
}
#andy {
width: 400px;
float:left;
padding-top: 10px;
padding-bottom: 10px;
}
#colin{
width: 400px;
float: right;
padding-top: 10px;
padding-bottom: 10px;
}