/* reset css */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,img {
  border: 0;
}

img {
  border-style: none;
}

address,caption,cite,code,dfn,em,th,var, strong {
  font-style: normal;
  font-weight: normal;
}

ol,ul {
  list-style: none;
}

caption,th {
  text-align: left;
}

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,q:after {
  content: '';
}

a {
  color: #B95E32;
  text-decoration: none;
}

strong {font-weight: bold;}

#content p, #content-home p {
margin-bottom: 10px;
}

body {
background:#B4A785 url(images/back-tile.jpg) repeat;
font-family: Georgia, Courier, Times New Roman, serif;
font-size: 12px;
text-align: center;
margin-top: 0px;
letter-spacing: 1px;
line-height: 17px;
}

#container {
background: url(images/background.jpg) repeat-y;
width: 892px;
position: relative;
margin: 0px auto;
text-align: left;
}

#header {
width: 892px;
height: 194px;
background: url(images/header.jpg) no-repeat;
}

#header h2 a{
display: block;
position: absolute;
top: 25px;
left: 280px;
width: 290px;
height: 30px;
}

#header span {
display: none;
}

#header ul {
background: url(images/nav.jpg) no-repeat;
height: 21px;
width: 282px;
position: absolute;
top: 52px;
left: 285px;
}

#header ul li {
display: inline;
float: left;
}



#link1 {
display: block;
position: absolute;
width: 90px;
height: 20px;
}

#link2 {
display: block;
left: 100px;
position: absolute;
width: 90px;
height: 20px;
}


#link3 {
display: block;
left: 200px;
position: absolute;
width: 90px;
height: 20px;
}

#home-pict {
position: absolute;
top: 84px;
left: 61px;
}

#main {
width: 540px;
overflow: auto;
margin-top: -20px;
background: transparent;
margin-left: 365px;
padding-bottom: 30px;
}




#main-portfolio {
width: 890px;
overflow: auto;
margin-top: -20px;
background: transparent;
margin-left: 5px;
padding-bottom: 30px;
}


#content-home {
margin-left: 70px;
margin-right: 120px;
padding-top: 70px;
}

#content {
margin-left: 70px;
margin-right: 120px;
}


#content h1 {
font-size: 20px;
position: absolute;
left: 435px;
margin-top: -40px;
}

#main-portfolio #content h1 {
font-size: 20px;
position: absolute;
left: 75px;
margin-top: -40px;
}


#picture {
padding-right: 10px;
border-right: 1px black solid;
margin-top: -50px;
position: absolute;
left: 60px;
}

#picture-tall {
padding-right: 10px;
border-right: 1px black solid;
margin-top: -50px;
position: absolute;
left: 60px;
padding-bottom: 80px;
}


#content-home h4 {
background: url(images/ddd.jpg) no-repeat;
width: 344px;
height: 173px;
float: left;
padding-right: 20px;
padding-bottom: 40px;
margin-top: -5px;
}

#content-home h4 span {
display: none;
}

#footer {
background: url(images/topfooter.jpg) no-repeat;
width: 892px;
height: 109px;
}

#footer h3, #end h6{
display: none;
}


#end {
background: url(images/bottom.gif) no-repeat;
width: 892px;
height: 116px;
position: relative;
margin: 0px auto;
text-align: left;
}

.pad {
padding-bottom: 145px;
}

.pad2 {
padding-bottom: 216px;
}


#content ul li{
padding-bottom: 7px;
padding-left: 15px;
}

#content h2 {
font-weight: bold;
color: #65744D;
font-size: 14px;
padding-bottom: 12px;
}

.port img {
}

.port p img {
}

.port p {
margin-top: 10px;
}

.port {
width: 330px;
float: left;
margin-right: 10px;
margin-top: 20px;
height: 200px;
text-align: center;
padding-top: 20px;
}

.port h3{
font-weight: bold;
color: #65744D;
font-size: 14px;
}

.key {
margin-top: 20px;
margin-bottom: 20px;
width: 320px;
float: left;
padding-bottom: 20px;
}

.key img {
display: block;
float: left;
padding-right: 10px;	
margin-top: -4px;
}

.key p {
padding-bottom: 2px;
padding-top: 4px;
}

.adjust-50 {
margin-top: 50px; margin-bottom: -50px;
}

.adjust-80 {
margin-top: -50px; margin-bottom: -20px;
}

@media screen and (max-width: 767px) {

#container {
background: url(images/bg.png) repeat-y;
width: 100%;
  background-size: contain;
  }

#header {
height: auto;
  min-height: 95px;
  background: url(images/top.png) no-repeat;
width: 100%;
  background-size: 100%;
}

#footer {
background: url(images/bottom2.png) no-repeat;
height: 99px;
width: 100%;
  background-size: 100%;
}

#end {
background: none;
}

.port {
float: none;
margin: 0px auto;
width: 100%;
  height: auto;
margin-bottom: 20px;
margin-top: 20px;
}

#content, #main-portfolio {
width: 85%;
margin: 0px auto;
}


#header ul {
top: 100px;
left: 0;
margin: 0px auto !important;
  display: block;
  position: relative;
width: 272px;
background-size: 100%;
  }


#content h1 {
position: relative;
margin: 0px;
left: 0px;
margin-top: 20px;
margin-bottom: 20px;
}

#main-portfolio #content h1 {
position: relative;
left: 0px;
margin: 0px;
margin-top: 50px;
}

#header h2 a{
left: 53px;
}

#main {
width: 100%;
  margin: 0px auto;
overflow: hidden;
}


#picture, #picture-tall  {
position: relative;
border: none;
padding: 0px;
margin: 0px; auto;
margin-top: 50px;
width: auto;
left: 0px;
}

#picture img, #picture-tall img {
width: 300px;
  width: 85%;
height: auto;
  margin: 0px auto;
  display: block;
}

#home-pict {
display: none;
}

#content-home h4 {
background: url(images/picture-mobile.jpg) no-repeat;
width: 100%;
  max-width: 344px;
  background-size: 100%;
height: 180px;
float: none;
padding: 0px;
  margin: 0px auto 20px auto;
}

#content-home {
padding: 0px;
width: 85%;
margin: 0px auto;
margin-top: 40px;
}

  
  
  
#end {
width: 100%;
}

}