/* 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;
}

/*-------------------------- 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: 0px 12px;
}
#menu li a {
font-size: 1.2em;
font-weight: bold;
height: 26px;
text-decoration: none;
color: #fff;
padding: 0px 12px;
}	
#menu li a:hover {
background: #fff url(img/menu_dwn.gif) repeat-x center;
color: #55557b;
border-right: #fff solid 1px;
border-left: #fff solid 1px;
padding: 0px 11px;
}

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

.content {
width: 300px;
float: left;
margin-top: 5px;
margin-left: 2px;
padding: 2px 4px 4px 12px;
}
.content 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;
}
.content  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 {
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: 680px;
margin: 10px;
padding: 20px;
background: url(img/tile.jpg) top center;
float: left;
border: 1px solid #c5bba5;
}
.logo {
width: 250px;
float: right;
}

/*---------------------- 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;
background: url(img/armorlogo_sm.jpg) no-repeat right center;
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;

}