/* CSS Document */

body {
font-family: Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
text-align: center;
color: #333333;
}

img {border: 0;}

#container {
width: 980px;
height: 660px;
margin: 0 auto 0 auto;
padding: 0;
background: url(../images/bg.jpg) top left no-repeat;
}

#menu {
font-size: 0.9em;
float: right;
width: 900px;
height: 27px;
margin: 58px 100px 0 0;
padding: 0;
text-align: right;
}

#menu ul {
display: inline;
list-style: none;
margin: 0 5px 0 0;
}

#menu li {
display: inline;
list-style: none;
padding: 5px 2px 5px 2px;
}

#menu2 {
font-size: 0.9em;
float: right;
width: 900px;
height: 47px;
margin: 38px 100px 0 0;
padding: 0;
text-align: right;
}

#menu2 ul {
display: inline;
list-style: none;
}

#menu2 li {
display: inline;
list-style: none;
padding: 5px 2px 5px 2px;
}

#menu3{
font-size: 0.8em;
float: right;
margin: 0 5px 0 0;
padding: 12px 0 0 0;
text-align: right;
background: url('../images/line.jpg') no-repeat top right;
}

#menu3 ul {
display: inline;
list-style: none;
}

#menu3 li {
display: inline;
list-style: none;
padding: 5px 2px 5px 2px;
}


#main-home {
float: left;
width:940px;
height: 555px;
text-align: left;
margin: 3px 0 0 26px;
}

#main-home img {
float: left;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#main-about {
width: 522px;
float: left;
text-align: left;
margin: 3px 0 0 26px;
}

#main-about img {
float: left;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#main-contact {
float: left;
width:940px;
height: 555px;
text-align: left;
margin: 3px 0 0 26px;
background: url('../images/contact.jpg') no-repeat top left;
}

#main-projects {
float: left;
width:940px;
height: 555px;
text-align: left;
margin: 3px 0 0 26px;
background: url('../images/projects.jpg') no-repeat top left;
}


#main-projects2 {
float: left;
width:940px;
height: 555px;
text-align: left;
margin: 3px 0 0 26px;
}

.projects-txt {
float: left;
width: 496px;
text-align: left;
margin: 0 0 0 26px;
font-size: 0.7em;
}


.projects-txt a.current  {
color: #cc0000;
}


.about-txt {
float: right;
width: 360px;
margin: 130px 50px 0 0;
padding: 0 0 0 0;
text-align: left;
font-size: 0.7em;
}

.about-txt h1 {
font-size: 2em;
font-weight: normal;}

.contact-txt {
width: 360px;
margin: 80px 50px 0 100px;
padding: 0 0 0 0;
text-align: left;
font-size: 0.7em;
}

.current {
color: #cc0000;
}

.current a { 
color: #cc0000;
}

.current a:link { 
color: #cc0000;
}

.current a:visited { 
color: #cc0000;
}

.current a:hover { 
color: #cc0000;
}


a:link {
color: #333333;
text-decoration: none;
}

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

a:hover {
color: #cc0000;
text-decoration: none;
}

#footer {
float: left;
width: 880px;
font-size: 0.7em;
margin: 5px 0 0 25px;
text-align: left;
}

.projects1 {
float: left;
width: 406px;
margin: 0;
padding: 0;
}

.projects1-2 {
float: left;
width: 522px;
margin: 0;
padding: 0;
}

.projects2 {
float: left;
width: 522px;
margin: 0;
padding: 0;
}

.projects3 {
text-align: right;
width: 417px;
margin: 0;
padding: 0 0 0 522px;
}

.projects4 {
float: left;
width: 554px;
margin: 0;
padding: 0;
}

.projects5 {
text-align: left;
width: 386px;
margin: 0;
padding: 0 0 0 554px;
}


.projects6 {
text-align: left;
width: 859px;
margin: -4px 0 5px 0;
padding: 0 0 0 0;
}

.projects7 {
float: left;
width: 547px;
margin: 0;
padding: 0;
}

.projects8 {
text-align: right;
width: 393px;
padding: 0;
margin: 0 0 0 546px;
}

#logo {
width: 522px;
margin: 0 0 0 0;
}

#logo2 {
width: 522px;
margin: 0 0 0 0;
}