/* different page backgrounds using "body id" */
/* different page backgrounds using "body id" */
/* different page backgrounds using "body id" */

#intro {
background-color: #fff000;
}

#main {
background-color: #ff0000;
background-image: url(../img/ohgod.gif);
background-repeat: no-repeat;
}

#about {
background-color: #00AEEF;
background-image: url(../img/fish2.gif);
background-repeat: no-repeat;
text-align: left;
}

#works {
background-color: #92C83E; 
background-image: url(../img/kobetower3.gif);
background-repeat: no-repeat;
background-attachment: fixed;
}

#contact {
background-color: #fff;
background-repeat: no-repeat;
} 

/* different page backgrounds using "body id" END */


/* Main Content */
/* Main Content */
/* Main Content */
body { 
color: #222;
background-color: #fff;
font-family: 'Gill Sans', Helvetica, Verdana, Arial, sans-serif;
text-align: center;
margin: 0;
}

p {
line-height: 1.5;
}

p img {
margin-top: 5px;
margin-right: 10px;
padding: 2; 
max-width: 100%;
display: inline;
}

a img {
border: none;
}

#content {
width: 350px;
margin-left: 50px;
margin-top: -200px;
padding: 10px;
color: #fff;
/* border: 1px solid red; */
}

#contactinfo1 {
width: 300px;
margin-left: 20px;
margin-left: 10px; 
margin-top: -160px;
/*border: 1px solid red; */
}

#portfolio {
width: 550px;
text-align: left;
margin-top: -80px;
margin-left: 30px;
padding: 10px;
/* border: 1px solid red; */
}

/* Main Content END */


/* Navigation */
/* Navigation */
/* Navigation */
#navcontainer {
margin-left: 750px;
margin-right: auto;
margin-top: 0px;
/* border: 1px solid red; */
}

#navcontainer ul {
list-style-type: none;
text-align: left;
margin-top: 10px;
position: relative;
/* border: 1px solid red; */
}

#navcontainer li {
/* text-align: right; */
margin: 10 40px;
/* border: 1px solid red; */
}

#navcontainer li a {
color: #fff;
font-size: 2em;
font-family: Verdana, Helvetica, "trebuchet MS", sans-serif;
text-decoration: none;
}

#navcontainer li a:hover {
color: #3f3f3f;
border-bottom: 1px solid #666;
}

#navcontainer li a#current {
border-bottom: 2px dotted #444;
}
/* Navigation END */


/* Text Formatting */
/* Text Formatting */
/* Text Formatting */
h2 {
color: #fff; 
font-family: 'Times New Roman', Times, serif;
font-size: 1em;
padding: 1px;
}

a {
color: #fff;
text-decoration: none;
cursor: crosshair;
}

a:visited {
color: #fff;
text-decoration: none;
}

a:hover {
color: #f00;
text-decoration: underline;
}
/* Text Formatting END */

/* Image Formatting */
/* Image Formatting */
/* Image Formatting */

div.image { 
margin: .5em 0; 
width: 170px;
float: left;
font-size: 80%;
text-align: center;
font-family: Verdana, Arial, sans-serif;
}
	
/* Image Formatting END */