html,body {
	height: 100%;
}


body {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  text-align:left;
  font-family: arial, verdana, helvetica, sans-serif;
  background: #202020 url(../images/background.gif) repeat-y; 
}

DIV#container {
  margin: 0;
  width: 900px;
  text-align: left;
  border: 0px solid;
}


DIV#header {
  margin: 0 auto;
  width: 900px;
  height:73px;
  text-align: left;
  border: 0px solid;
  background: url(../images/header.gif) no-repeat;
}

#inner_content p img {
   float:left;
   margin: 10px 20px 20px 10px;
   border:1px solid #202020;
}


DIV#main_image_container {
  width: 900px;
  background:#202020;
  border-top: #555 1px solid;
  text-align:right;
}


DIV#main_image {
  width: 783px;
  border: #fff 0px solid;	
  margin-left:117px;
  margin-bottom:0px;
  height:208px;
}

DIV#show_hide {
 position:absolute;
 left:99px;
 top:115px;
  width: 10px;
  border: #fff 0px solid;	
  margin:0;
}

DIV#show_hide a{
 color:#ccc;
 font-weight:bold;
 text-decoration:none;
}


DIV#nav_container {
   height:45px;
      position:relative;
      left: 123px;  
   top:0px;
   border:0px solid;
   width:400px;
}

#nav {   
   float:left;
   font-size:0.8em;            
   margin: 0;
   padding:0;
   list-style-type: none;
}

#nav li {
   float: left; 
   display:inline;
   padding: 10px 8px 6px 8px;
}

#nav li.first {
   padding-left:0;
}

#nav a {
   text-decoration:none; 
   color:#ccc;
   font-weight:bold;
   display: block;
   padding-bottom:6px;
}

#nav a:hover {
   text-decoration:none; 
   border-bottom: #d9b789 5px solid;
}

DIV#outer_content {
  margin:0px 0 0 0;
  width: 900px;
  padding:0;
  text-align: left;
  border: 0px solid;
  font-size:12px;
  color:#ccc;
  position:relative;
}

#outer_content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

DIV#inner_content {
  margin:20px 0 0 0;
  width: 740px;
  padding:0;
  text-align: left;
  border: 0px solid;
  font-size:12px;
  color:#ccc;
  position:relative;
  left:123px;
}

#inner_content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


DIV#subtitle {
  margin:20px 0 0 0;
  width: 740px;
  padding:0;
  text-align: left;
  border-bottom: #ccc 0px solid;
  font-size:1em;
  font-weight:bold;
  color:#ccc;
  position:relative;
  left:123px;
  height:30px;
}


DIV#footer {
  height:15px;
  font-size:10px;
  color:#555;
  background:#202020;
  text-align:right;
  padding-right:5px;
  width:450px;
  margin-left:445px;
  margin-top:50px;
}


DIV#footer_web {
  height:15px;
  font-size:10px;
  color:#555;
  background:#202020;
  text-align:right;
  padding-right:5px;
  width:450px;
  margin-top:30px;
  border:0px solid;
}


DIV#web_content {
  width: 777px;
  padding:0;
  text-align: left;
  border: 0px solid;
  font-size:12px;
  color:#ccc;
  position:relative;
  left:123px;
}

#web_content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
} 

DIV#web_content ul.tree {
  margin-top:20px;
}


DIV#web_content #content_col1 {
  display: inline; 
  float: left; 
  width: 277;
  border:0px solid;
  text-align:left;
} 

 
DIV#web_content #content_col2 {
  display: inline; 
  float: right; 
  width: 500;
  text-align:right;
  border:0px solid;
  margin-left:40px;
  
} 

DIV#web_content #description { 
  margin:20px 0 20px 0;
  width: 750px;
} 

DIV#web_content #site_info {
    margin-top:20px;
    border:0px solid;
    min-height:245px;
} 

html #site_info {
    * height:274px;
} 

#site_info:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
} 

 
DIV#site_info #col1 {
  display: inline; 
  float: left; 
  width: 200px;
  border:0px solid;
  text-align:left;
} 

 
DIV#site_info #col2 {
  display: inline; 
  float: left; 
  width: 235px;
  text-align:right;
  border:0px solid;
} 


DIV#site_info #client {
  padding-bottom:10px;
} 

DIV#site_info #year {
  padding-bottom:10px;
} 

DIV#site_info #skills {
  padding-bottom:10px;
} 

DIV#site_info #url {
  padding-bottom:10px;
} 

#site_info a {
  color:#ccc;
  
} 

DIV#site_info img {
  padding: 0px;
  border: #555 10px solid;
} 


/* 
 *
 * gallery declarations and style 
 *
 *
 */
 
DIV#footer_gal {
  height:15px;
  font-size:10px;
  color:#555;
  background:#202020;
  text-align:right;
  padding-right:5px;
  width:450px;
  margin-top:30px;
  border:0px solid;
  float:right;
} 
 

DIV#gal_content {
  width: 777px;
  padding:0;
  text-align: left;
  border: 0px solid;
  font-size:12px;
  color:#ccc;
  position:relative;
  left:123px;
}


DIV#gal_content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}  


DIV#gal_content #gal_inner_col1 {
  display: inline; 
  float: left; 
  width: 180px;
  border:0px solid;
  text-align:left;
} 

 
DIV#gal_content #gal_inner_col2 {
  display: inline; 
  float: right; 
  width: 595px;
  text-align:left;
  border:0px solid;
  margin:0 auto; 
  min-height:265px;
} 


DIV#gal_content #gal_table {
  border:0px solid;
  min-height:265px;
}


html #gal_content #gal_table {
    * height:290px;
}



DIV#gal_list {
   margin-top:14px;
   margin-left:0px;
   border:0px solid;
}   
 
DIV#gal_list a{
  color:#ccc;
  text-decoration:none;
}   

DIV#gal_list a:hover{
  text-decoration:underline;
}   

DIV#gal_list ul {
 list-style-type:none;
}

DIV#gal_list  li {
 line-height:20px;
 background-image: url(../images/bullet.gif);
 background-repeat: no-repeat;
 background-position: 0.4em;
 padding-left:2em;
 margin-left:-15px;
 padding-bottom:4px;
}


DIV#gal_inner_col2 table td {
  text-align:center;
  padding: 5px;
  background-color:#202020;
  border: #555 1px solid;
  height:115px;
  width:115px;
}  

DIV#gal_inner_col2 table {
border-collapse: separate; 
border-spacing: 10px 10px;
margin-bottom:0px;
border:0px solid;
}

DIV#gal_inner_col2 table td:hover {
  background-color:#555555;
} 

DIV#album_title {
  position:relative;
  padding:0;
  margin:0 auto;
  border:0px solid;
  top:-18px;
  left:-100px;
  width:150px;
  text-align:left;
  font-size:14px;
  font-weight:bold;
}


DIV#page_links {
  position:relative;
  padding:0;
  margin:0 auto;
  border:0px solid;
  top:-30px;
  left:220px;
  width:300px;
  text-align:right;
  font-size:12px;
} 

DIV#page_links a{
  color:#ccc;
  font-weight:normal;
  text-decoration:none;
} 


img {
border:0px;
}

input {
  border: #555 1px solid;
}

textarea {
  border: #555 1px solid;
}

DIV#message{
   margin-bottom:20px;
   font-weight:bold;
   color:#32c836;
}

.error{
   margin-bottom:20px;
   font-weight:bold;
   color:#FF0000;
}

a {
  color:#ccc;
}

#linkedin{
position:absolute;
top:-95px;
right:20px;
}