html, body {
margin : 0;
padding : 0;
}
html {
background-color : #b4d8a7;
}
body {
color : #000000;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 14px;
margin: 0px;
padding: 0px;
}
a {
text-decoration: none;
border-bottom : 5px solid #99c37f;
color : #4c2110;
}
a:hover {
	background-color : #99c37f;
	color : #fff;
	font-size : 20px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

a.mail {
font-weight : bold;
font-size : 16px;
background-color : #1aabd9;
color : #fff;
display : block;
float : left;
padding : 0.2em;
}
a.mail:hover {
background-color : #99c37f;
color : #fff;
font-size : 16px;
}
h1 {
margin : 0;
margin-left : -10px;
padding : 0;
padding-top : 10px;
}
h2 {
color : #39f;
font-size : 18px;
padding : 10px 0;
}
p{line-height:none;margin:21px 10px 10px 10px;}

#page {
	background : url(../img/nav3.jpg) no-repeat;
	margin-left : 0;
	margin-top : 0;
	width : 847px;
	padding : 0 50px;
	border-right : 7px solid #ece9e4;
	background-color : #1b94f0;
	font-size: 20px;
}


div#portfolio {
overflow : auto;
margin-top: 200px;
top: 500px;
margin : 200px 0px 30px 0px;
padding : 10;
}
div.item {
background : url(../img/line.gif) repeat-x bottom;

margin : 30px 0 0 0px;
overflow : hidden;
padding : 10px 0;
color : #99c37f;
}
div.item h3 {
	position: relative;
font-weight : bold;
line-height : 10%;
color : #666;
font-size : 16px;
margin-left : 40px;
margin-top : 85px;
}

div.navigation {
	position: relative;
	left:160px;
    top: 187px;
	border : 0 solid #000000;
	overflow : hidden;
	width : 80%;
	font-size : 20px;
	font-weight: bold;
	margin: 0px 0 0 0px;
	
	
}
div.left {
width : 58%;
float : left;
}
div.right {
width : 42%;
float : left;
}
a.navigation {
	border-bottom : 5px solid #99c37f;
	color : #4c2110;
	font-size: 20px;
}
a.navigation:hover {
	border-bottom : 5px solid #99c37f;
	color : #4c2110;
	font-size: 20px;
}

p.totop {
	border : 0 solid #000000;
	overflow : auto;
	width : 50%;
	font-size : 20px;
	margin : 130px 0 0 160px;
}

div.information {
margin : 65px 30px 40px 36px;
width : 370px;
height : 280px;
float : left;
}
a.information:hover {
	border-bottom : 5px solid #99c37f;
	text-decoration : none;
	color : #4c2110;
	font-size: 16px;
}
div.information p {
position: relative;
color : #666;
font-size : 16px;
line-height : 130%;
margin-left : 40px;
margin-top : 50px;
}
div.information em {
color : #1aabd9;
}
div.info-bg {
background : url(../img/bg-info2.jpg) no-repeat bottom right;
margin : 0 30px 30px 30px;
width : 420px;
height : 300px;
float : left;
}
div.image {
float : right;
margin-bottom : 30px;
border : 0 solid #fff;
}
div.image a {
padding : 0;
border : 0 solid #e9e5df;
background-color : #fff;
float : left;
}
div.image a:hover {
background-color : #3aa8f5;
}
div.image img {
border : 0;
float : left;
}
div.webimage {
float : right;
margin-bottom : 30px;
border : 0 solid #fff;
}
div.webimage a {
padding : 0;
border : 0 solid #e9e5df;
background-color : #fff;
float : left;
}
div.webimage a:hover {
background-color : #3aa8f5;
}
div.webimage img {
border : 0;
float : left;
}
div.webinfo {
margin : 50px 30px 40px 22px;
width : 200px;
height : 280px;
float : left;
}
div.webinfo p {
color : #666;
font-size : 16px;
line-height : 130%;
}
div.webinfo em {
color : #1aabd9;
}
div.webinfo-bg {
background : url(../img/bg-web.jpg) no-repeat bottom right;
margin : 0 30px 30px 15px;
width : 230px;
height : 300px;
float : left;
}
#information {
	overflow : hidden;
	padding : 20px 0;
	font-size: 14px;
}
a.information:hover {
	border-bottom : 5px solid #99c37f;
	text-decoration : none;
	color : #4c2110;
	font-size: 16px;
}

#information ul {
width : 45%;
float : left;
list-style : none;
margin-top : 10px;
}
#information li {
display : block;
clear : both;
padding : 2px 0;
}
#information li a {
display : block;
float : left;
padding : 5px;
color : #fff;
}
#about h2, #inspiration h2, #moreinformation h2, #contact h2 {
margin : 0;
padding : 0;
color : #4c2110;
}
#about {
width : 48%;
float : left;
padding : 30px 0 0 0;
}
p.about{ color: black;
margin:21px 0px 0px 0px;
}
#contact{
         float:right;
         width:40%;
         padding:25px 8px;
         height:330px; 
      }
         #contact fieldset{
            border:1px solid #d0cac0;
            margin-top:20px;
            background-color:#ebe8e2;
            padding:10px 10px 10px 10px;
         }
         #contact legend{ display:none; }
         
         #contact form{ margin:2; padding:20; }
         #contact label{ 
            font-weight:bold;
            padding:0.3em 0.5em;
            display:block;
            float:left;
            width:70px;
            
         }
         #contact input,
         #contact textarea{
            padding:0.4em 0.5em;
            font-family:Verdana,Arial,sans-serif;
            font-size:14px;
            background-color:#f3f2eb;
            border:1px solid #cdc6bc;
            width:210px;
         }
         #contact textarea{
            height:90px;
         }
		 textarea:focus {
background:url(../img/bg-fields.gif);
}
input:focus {
background:url(../img/bg-fields.gif);
}
         #contact button{
            float:right;
            padding:0.3em 0.4em;
            border:1px solid #b7b1a8;
            font-family:Arial,verdana,sans-serif;
            font-weight:bold;
            font-size:12px;
            color:#ffffff;            
            background-color:#d0cac0;
            cursor:pointer;
            margin-right:8px;
         }
            #contact button:hover{
               background-color:#1aabd9;
               border-color:#1090b8;
            }
      
         #contact #msg{
            border:1px solid #d0cac0;            
            position:absolute;
            margin-top:20px;
            font-weight:bold;
            background-color:#ebe8e2;
         }
         #contact #msg div{ padding:10px; }
		 
		 
#moreinformation {
width : 847px;
height : 350px;
margin : 0 0 0 0;
padding : 0 50px 0 50px;
overflow : hidden;
background : url(../img/bottom-bg3.jpg) no-repeat;
color : #fff;
border-right : 7px solid #ece9e4;
}
#moreinformation h2 {
color : #fff;
}
#moreinformation a {
color : #fff;
}

#inspiration ul {
width : 45%;
float : left;
list-style : none;
margin-top : 10px;
}
#inspiration li {
display : block;
clear : both;
padding : 2px 0;
}
#inspiration li a {
display : block;
float : left;
padding : 5px;
color : #fff;
}
#copyright {
background-color : #e5e0d9;
margin-left : 0;
margin-top : 0;
width : 847px;
overflow : hidden;
border-right : 7px solid #ece9e4;
padding : 0 50px 0 50px;
}
#copyright p {
padding-left : 0;
font-size : 14px;
}