html {
font-size : 100%;
}

body {
background-color : #b1b2b1;
background-image:url("../images/concrete.jpg");
background-attachment : fixed;
color : #222;
line-height : 1.67em;
font-family : Tahoma, Geneva, arial, sans-serif;
margin : 0;
padding : 0;
}

#wrapper {
width : 95%;
max-width : 911px;
margin-left : auto;
margin-right : auto;
margin-top : 20px;
margin-bottom : 10px;
background-color : #fff;
border : solid 4px #707170;
-moz-box-shadow: 15px 15px 30px #222; 
-webkit-box-shadow: 15px 15px 30px #222;
}

.invisible{
position : absolute;
top : -1000px;
 width:1px;
height:1px;
overflow:hidden;
}

#banner {
background-image:url("../images/top_bkd.png");
background-position : top;
background-repeat : repeat-x;
background-color : #fff;
padding-bottom : 20px;
}

#menu {
background-color : #000;
color : #fff;
text-transform : uppercase;
margin-top : 5px;
}

#menu ul {
list-style-type : none;
padding : 0;
margin : 0;
}


#menu li {
display : inline;
padding : 0;
margin : 0;
margin-right : -5px;
white-space : nowrap;
}

#menu A:link, #menu A:visited {
background-color : transparent;
color : #fff;
text-decoration : none;
padding-left : 20px;
padding-right : 20px;
border-right : solid 5px #ba4a27;
}

#menu A:hover, #menu A:focus, #menu A:active {
background-color : #983e22;
color : #fff;
text-decoration : none;
padding-left : 20px;
padding-right : 20px;
border-right : solid 5px #ba4a27;
-moz-box-shadow: inset 1px 1px 20px #000;
}




#submenu {
float : left;
background-color : transparent;
color : #fff;
text-transform : uppercase;
padding : 0;
margin : 0;
margin-right : 1em;
}

#submenu ul {
list-style-type : none;
padding : 0;
margin : 0;
}

#submenu li {
background-color : #000;
display : inline;
padding : 0;
margin : 0;
white-space : nowrap;
}

#submenu A:link, #submenu A:visited {
background-color : #000;
color : #fff;
text-decoration : none;
padding-left : 10px;
padding-right : 10px;
border : solid 2px #ba4a27;
}

#submenu A:hover, #submenu A:focus, #submenu A:active {
background-color : #ba4a27;
color : #fff;
text-decoration : none;
padding-left : 10px;
padding-right : 10px;
border : solid 2px #000;
}



#content {
background-color : #fff;
float : left;
padding : 20px;
padding-top : 30px;
padding-bottom : 30px;
}

#leftcol {
float : left;
width : 517px;
padding-right : 20px;
}

iframe {
margin-top : 20px;
margin-bottom : 20px;
border : solid 4px #707170;
}


#leftcol img {
margin-top : 20px;
margin-bottom : 20px;
}

#rightcol {
float : left;
width : 325px;
}

#rightcol h3 {
margin-top : 0;
}

#rightcol img {
border : solid 4px /*#707170*/ #ba4a27;
margin-bottom : 20px;
width : 325px;
}


h1, h2 {
background-color : transparent;
font-weight : normal;
text-align : left;
line-height : 1em;
}

h1 {
font-size : 1.65em;
color : #353534;
margin : 0;
text-transform : uppercase;
}


h2 {
font-size : 1.4em;
color : #ba4a27;
background-color : transparent;
}

h3 {
font-size : 1em;
color : #781010;
text-align : left;
font-weight : normal;
}


p {
font-size : 1em;
}

.leftimage {
float : left;
margin-right : 25px;
}

.rightimage {
float : right;
margin-left : 25px;
}

.bordered {
border : solid 4px #ba4a27/*707170*/;
}

A:link, A:visited {
background-color : transparent;
color : #ba4a27;
}

A:hover, A:focus, A:active {
background-color : #ba4a27;
color : #fff;
text-decoration : none;
}

ul {
list-style-position: outside;
padding-left : 1em;
}

li {
margin-top : .5em;
}

em {
background-color : transparent;
color : #ba4a27;
font-style : normal;
white-space : nowrap;
}

hr {
height : 4px;
background-color : #707170;
border : none;
}

blockquote {
color : #781010;
margin : 0;
/*padding-left : 1em;*/
}

#leftcol blockquote {
padding-right : 20px;
}

.quote {
text-indent: -0.5em;
margin-left : .5em;
	}

.signature {
float : right;
margin : 0;
margin-bottom : 30px;
}

.nowrap {
white-space : nowrap;
}

.clear {
clear : both;
}

table {
margin-top : 10px;
}

th {
color : #781010;
text-align : left;
font-weight : normal;
vertical-align : top;
padding-right : 1em;
}

td {
vertical-align : top;
}




#portfolio ul {
padding : 0;
list-style-type : none;
background-color : #ccc;
}

#portfolio li {
background-color : #343534;
color : #fff;
float : left;
width : 120px;
margin-right : 	15px;
margin-bottom : 35px;
text-align : center;
border : solid 4px #ba4a27;
-moz-box-shadow: 7px 7px 7px #999; 
-webkit-box-shadow: 7px 7px 7px #999;
}

#portfolio img {
width : 120px;
border : none;
border-bottom : solid 4px #ba4a27;
margin-bottom : 13px;
}

#portfolio A:link, #portfolio A:visited {
text-decoration : none;
background-color : #343534;
color : #fff;
display : block;
padding-bottom : 23px;
}

 #portfolio A:hover, #portfolio A:focus, #portfolio A:active {
text-decoration : none;
background-color : #ba4a27;
color : #fff;
display : block;
padding-bottom : 23px;
}



.line {
font-size : .7em;
margin-left : .75em;
margin-right : 1em;
border-right : solid 5px #ba4a27;
}



#footer {
width : 95%;
max-width : 911px;
margin-left : auto;
margin-right : auto;
margin-bottom : 30px;
font-size : .8em;
font-weight : bold;
background-color : transparent;
color : #343534;
text-align : right;
padding : 1em;
}

#top {
float : right;
font-weight : bold;
font-size : 1.5em;
text-align : center;
}

#top A:link, #top A:visited {
text-decoration : none;
background-color : #343534;
color : #fff;
display : block;
padding : 4px;
margin-left : .5em;
}

 #top A:hover, #top A:focus, #top A:active {
text-decoration : none;
background-color : #ba4a27;
color : #fff;
display : block;
padding : 4px;
margin-left : .5em;
}

#p517 {
width : 517px;
float : left;
}


fieldset {
border : none;
padding : 0;
margin : 0;
margin-top : 10px;
}

legend {
font-size : 1.2em;
color : #ba4a27;
background-color : transparent;
margin-bottom : 10px;
}

label {
width: 8em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

input, textarea {
border : solid 2px #707170;
}