/* body */
body{
	padding:0pt;
}


/* container - The outside of the whole page */
#container {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	margin:0pt;
	left:50%;
	margin:0pt 0pt 0pt -500px;
	position:absolute;
	width:1000px;
	
	
}

/* header - the whole the header */
#header{
background-image:url(/styles/sjlbrickwork.com/SJLBrick/images/header.jpg);
height:155px;

}

/* headerTop - the top of the header div */
#headerTop{

}

/* headerMiddle - the middle of the header */
#headerMiddle{
}

/* headerMiddleLeft - the left part of the middle of the header */
#headerMiddleLeft{
}

/* headerMiddleMiddle - the middle part of the middle of the header */
#headerMiddleMiddle{

}

/* headerMiddleRight - the right hand part of the middle of the header */
#headerMiddleRight{

}

/* headerBottom - the bottom of header */
#headerBottom{

}

/* main - the main section of the website */
#main{

}

/* nav - the nav menu */
#nav{
float:left;

}

/* navTop - the top of the nav menu */
#navTop{

}

/* navMiddle - the middle section of the nav */
#navMiddle{

}

/* navMiddle ul - the menu list */
#navMiddle ul{
list-style-type:none;
margin: 0;

padding: 12px 0px 0px 10px;
margin: 0;
width:190px;
}

/* navMiddle ul li - an item of the menu list */
#navMiddle ul li{
	/*
background-image:url(/styles/sjlbrickwork.com/SJLBrick/images/menu.jpg);
background-position:left top;
background-repeat:repeat-x;*/
background:#C00;
height:20px;
padding:3px 0 0 10px;
margin:0 0 4px 0;
width:170px;
list-style-type:none;

}
#navMiddle ul li:hover{
background:#000;
}
/* highlightstyle - added 18/5/07*/
#navMiddle ul .menuHightlight{
background:#000;
}

/*navMiddle ul li a - the link of an item in the menu list */
#navMiddle ul li a{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
color:#FFFFFF;
font-style:normal;
text-decoration:none;
}

/* navMiddle ul li a.Selected - the current page */
#navMiddle ul li a.selected{
font-weight:bold;
}

/* navMiddle ul li a:hover - hover over a menu item */
#navMiddle ul li a:hover{
color:#FFFF00;

}

/* navMiddle ul li a:hover - hover over a highlighted menu item */
#navMiddle ul li.menuHightlight a:hover{
color:#FFFF00;

}

/* navBottom - the bottom of the nav */
#navBottom{


}

/* contentFrame - the main section where the content would go */
#contentFrame{
background-image:url(/styles/sjlbrickwork.com/SJLBrick/images/content_background.jpg);
background-position:left top;
background-repeat:repeat-y;
float:left;
height:100%;
width:800px;
}

/* contentFrameLeft - the main section where the content would go */
#contentFrameLeft{
}

#contentFrameRight{
background-image:url(/styles/sjlbrickwork.com/SJLBrick/images/content_right.jpg);
background-position:right top;
background-repeat:no-repeat;
float:right;
height:575px;
width:200px;
margin-top:2px;
}

#contentFrameMiddle{
background-image:url(/styles/sjlbrickwork.com/SJLBrick/images/content_topmiddle.jpg);
background-position:left top;
background-repeat:no-repeat;
float:left;
padding:220px 20px 0 60px;
width:520px;
}

/* contentText - the <p></p> around the text */
#contentText{
}

/* footer - the footer of the page */
#footer{
}

/* */
#footerText{
	background-color:#E9D058;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
height:20px;
margin-top:5px;
padding-top:6px;
text-align:center;
}

/* the magic fixer! */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* content styles */
.tableLine{
}


#contentFrameMiddleTitle{
font-size:14px;
font-weight:bold;
height:30px;
padding-right:100px;
text-align:left;
width:350px;
}

.tableHeader{
font-size:14px;
font-weight:bold;
height:30px;
padding-left:60px;
padding-right:100px;
text-align:left;
width:350px;
}

.tableMain{
padding-left:60px;
padding-right:10px;
}

.tableMain a{
}

.tableMain a img{
border-color:#FFFFFF;
border-width:2px;
}

.galleryContainerClass{
	margin:0 auto;
	width:460px;
}

.galleryImageClass{
	margin:0 5px;	
}

a img{
	border:0px;
}