@charset "UTF-8";
/* CSS Document */


body {
       padding: 0;
	   margin: 0;
	   color: black;
	   background: #f5f3ec url(../../images/bkgrd_colour.png) top repeat-x;
}

p {
       font-size:12px;
       color:#382b0d;
	   line-height: 16px;
	   font-style: normal;
	   font-weight: lighter;
	   word-spacing: normal;
	   font: Palatino, Times New Roman, times, serif;
}

h1 {
       font: 18px Palatino, Times New Roman, times, serif;
	   letter-spacing: 1px;
	   line-height: 20px;
	   padding: 0 0 20px 0;
}

h2 {

       font-size:12px;
       color:#382b0d;
	   line-height: 16px;
	   font-style: normal;
	   font-weight: lighter;
	   word-spacing: normal;
}

h3 {

       font-size:16px;
       color:#382b0d;
	   line-height: 16px;
	   font-style: normal;
	   font-weight: lighter;
	   word-spacing: normal;
}

/*Container - Holds all of the Content in the website*/
#container {
	   width: 900px;
	   height: 600px;
	   background: #f5f3ec;
	   margin: 0 auto auto auto;
}

#header {
       width: 900px;
	   height: 127px;
       background: url(../../images/header.png) top center no-repeat;
	   text-indent: -9999px;
}

/* Navigation */
#navigation {
        width: 900px;
	    height: 28px;
		float: left;
		background: #f5f3ec;
		margin: 2px 0 0 0;
}

#nav_buttons {
        background: url(../../images/navi.png) no-repeat;
        width: 900px;
        height: 28px;
		margin: 0;
        padding: 0;
}

#nav_buttons li, #nav_buttons a {
        height: 28px;
        display:block;
        text-indent:-9999px;
}
   
#nav_buttons li {
        float:left;
        list-style:none;
        display:inline;
}

#home {
        width: 98px;
}
   
#portfolio {
        width: 131px;
}
   
#about {
        width: 147px;
		background: url(../../images/navi.png) -229px -28px no-repeat; 
}

#contact {
        width: 139px;
}

#home a:hover {
        background: url(../../images/navi.png) 0px -28px no-repeat; 
   }
   
#portfolio a:hover {
        background: url(../../images/navi.png) -98px -28px no-repeat; 
   }
   
#about a:hover {
        background: url(../../images/navi.png) -229px -28px no-repeat; 
   }
   
#contact a:hover {
        background: url(../../images/navi.png) -376px -28px no-repeat; 
   }

   
img {
        border:none;
}

a:focus {
        outline:none;
}

/*Content*/

#content_left {
       width: 486px;
	   height:400px;
	   float: left;
	   background: #f5f3ec;
	   color: #382b0d;
}

#content_left p {
       margin: 10px 30px 0 45px;
}

#content_left h1 {
       margin: 90px 30px 0 45px;
}

#content_right {
       width: 414px;
	   height: 400px;
	   float: right;
	   background: #f5f3ec;
	   color: #382b0d;
}

#content_right img {
       margin: 58.5px 18px 58.5px 18px;
}