/* CSS Document */

/*#############################################################
Name: Lowney Contruction
Date: 2009-02-16
Description: three -column layout.
Author: Mark Lewis
URL: http://www.lowney.com

#############################################################*/
/* ---------- clearing rules -----------*/

h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {
padding: 0;
margin: 0;
text-align: left;
border:none;
}
h1, h2, h3, h4, h5, h6, p, pre, code {
font-size: 1em;
}
img { border: 0;}
a img {
border: none;
text-align: left;
}

/* -------------- floats and widths ----------------------------------*/

.float_l {float: left;}
.float_r {float: right;}

.margin_220 {margin-left: 220px;}


/*-------------------------- main------------------------------------*/

body {
margin: 0 auto;
padding: 0;
font: 80% Arial,sans-serif;
background: #000000 url(img/bgfade.jpg) no-repeat top center;
text-align:center;
}
#wrapper {
background: #000000;
margin: 10px auto;
width: 762px;
text-align: left;
display: block;
}
#header {
height: 200px;
background: #000000 url(img/web_bnr.jpg) no-repeat center;
}
#header2 {
height: 200px;
background: #000000 url(img/web_bnr2.jpg) no-repeat center;
}
#header3 {
height: 200px;
background: #000000 url(img/web_bnr3.jpg) no-repeat center;
}

#main {
width: 762px;
background: #ffffff;
}

/*------------------------------ menu ---------------------------------*/
#menu {
width: 762px;
float: left;
background: #55557b url(img/menubg.gif) repeat-x center;
}
#menu ul {
padding: 3px 5px;
}	
#menu li {
display:inline;
padding: 0 10px;
margin: 0 10px;
text-align: center;
width: 150px;

}
#menu li a {
background: none;
font-size: 1.0em;
font-weight: bold;
height: 26px;
text-decoration: none;
color: #fff;
padding: 0px 10px;


}	
#menu li a:hover {
background: #fff url(img/menu_dwn.gif) repeat-x center;
color: #55557b;



}
#subNav {
 float: left;
 width: 740px;
 font-size:12px;
 background: url(img/nav-bg.png) repeat-x center;
 margin: 10px 0;
}


#navbar {
	margin: 0;
	padding: 0;
	height: 1em; }
	
#navbar li {
	list-style: none;
	float: left;
	width: 146px;
}
	
#navbar li a {
	display: block;
	padding: 3px 6px;
	background: #f4f4f4 url(img/nav-bg.png);
	color: #55557b;
	text-decoration: none;
}
	
#navbar li ul {
	display: none; 
	width: 146px; /* Width to help Opera out */
	background-color: #f4f4f4;
}
	

#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
}

#navbar li:hover li, #navbar li.hover li {
	float: none;
}
	
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #f4f4f4;
	border-bottom: 1px solid #fff;
	height:1%;
	color: #8a8a8a;
}
#navbar li ul li a:hover {
	color: #333;

}







/*---------------------------- content and text --------------------------------*/

.content {
width: 300px;
margin-top: 5px;
margin-left: 2px;
padding: 2px 4px 4px 12px;
}
.content_360 {
width: 360px;
float: left;
margin-top: 5px;
margin-left: 2px;
padding: 2px 4px 4px 12px;
}



.content p, .content_360 p {
text-align:left;
padding-top: 4px;
padding-bottom: 1px;
line-height: 120%;
margin-bottom: 10px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
h1 {
color: #55557b;
font-size: 150%;
font-weight: bold;
}
.content  h2 {
color: #55557b;
font-size: 150%;
font-style: italic;
margin-left: -10px;
border-bottom: 1px solid #55557b;
}
.content  h3, .content_360 h3 {
color: #777;
font-size: 110%;
padding: 10px 0;
}

.company {
width: 300px;
float: left;
padding: 20px 0px;
}
.company h2 {
text-align: center;
font-size: 250%;
font-weight:bold;
color: #c5bba5;
padding-bottom: 5px;
}
.company p {
text-align: center;
font-size: 110%;
font-weight:bold;
color: #000000;
}
.prolog {
width: 400px;
margin-right: 20px;
padding: 22px 0px 18px 0px;
float:right;
}
.prolog p {
font-family: Arial;
font-size: 90%;
font-weight: bold;
color: #333;
line-height: 160%;
text-align:justify;
}
.group {
background: #55557b;
height: 160px;
width: 762px;
float: left;
padding-top:10px;
}
.story {
width: 700px;
margin: 10px;
padding: 20px;
background: url(img/tile.jpg) top center;
float: left;
border: 1px solid #c5bba5;
}
.logo {
width: 250px;
float: right;
}
.intro {
width: 740px;
margin: 10px 0;
padding: 4px  10px;
background: url(img/tile.jpg) top center;
float: left;
border: 1px solid #c5bba5;
}

/*---------------------- sidebar---------------------------------------*/
.sideL {
width: 200px;
background: url(img/a1.jpg) no-repeat  left;
float: left;
margin-top: 24px;
margin-left: 4px;
padding: 10px 5px 10px 4px;
border-top: solid 1px #c5bba5;
border-bottom: solid 1px #c5bba5;
border-right: solid 1px #c5bba5;
}
.sideL p {
text-align: left;
font-size: 87%;
font-weight: bold;
padding: 6px 3px;
}
.sideR {
width: 200px;
background: url(img/a2.jpg) no-repeat  right;
float: right;
margin-top: 24px;
margin-right: 4px;
padding: 10px 4px 10px 5px;
border-top: solid 1px #c5bba5;
border-bottom: solid 1px #c5bba5;
border-left: solid 1px #c5bba5;
}
.sideR p {
text-align: right;
font-size: 87%;
font-weight: bold;
padding: 6px 3px;
}
.blurb {
width: 680px;
clear: both;
margin-top: 8px;
margin-right: auto;
margin-left: auto;
padding: 10px 30px;
border-top: solid 1px #c5bba5;
border-bottom: solid 1px #c5bba5;
}
.blurb p {
font-family: Arial;
font-size: 82%;
color: #333;
line-height: 160%;
text-align:center;

}
.panelR {
width: 300px;
float: right;
margin-top: 12px;
border: 1px solid #c5bba5;
}


/*------------------------------photo gallery---------------------------------------*/
#photogallery {
width: 740px;
float: left;
margin: 5px 2px 20px 5px;
}
#photogallery h2 {
font-size: 16px;
text-align: center;
}
#photos {
width: 516px;
float: left;
padding-left: 6px;
}
#photogallery p, a {
font-size: 10px;
text-align: center;
}
#placeholder {
width: 500px;
border: #c5bba5 solid 5px;
padding: 3px;
background-color: #55557b;
}
#thumbs {
width:210px;
float:right;
margin-top: 8px;
}

#thumbsB {
width:734px;
float:left;
margin-top: 5px;
padding-left: 6px;
}
#titleCaption {
width: 480px;
font-family: "Times New Roman", Times, serif;
text-align: left;
padding-left: 20px;
font-size: 125%;
color: #55557b;
}


/*-------------------- footer--------------------------*/
#footer {
float:left;
width:762px;
height: 50px;
padding-top: 10px;
clear:both;
background: #000000 url(img/btm.jpg) no-repeat top center;
font:12px Arial, Helvetica, sans-serif;
color:#55557b;
font-weight: bold;
text-align:center;
}
.left {float: left;}
.right {float: right;}
.clearer {clear: both;}
#footer .left,.right {padding: 0 30px;}

/*---------------------------------------links--------------------------------*/

a {
color: #55557b;
font-weight: bold;
font-size: 100%;
text-decoration: none;
}
a:hover {
color: #888;
font-weight: bold;
text-decoration:underline;

}