/* CSS Document */

*{
padding:0;
margin:0;
}

html body{
background-color:#12110f;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#cfcbca;
}

p{
font-size:90%;
}

#wrapper{
margin-top:100px;
width:800px;
margin:0 auto;
text-align:center;
}

#logo{
margin-top:10px;
width:237px;
height:73px;
background-image:url(images/logo.png);
float:left;
}

#nav_bar{
margin-top:10px;
width:563px;
height:73px;
/*background-image:url(images/nav_bar.jpg);*/
float:right;
}


#nav_bar ul{
list-style:none;
line-height:normal;
margin:0;
padding:0;
}

#nav_bar ul li {
float:left;
padding:30px 10px;
}

#nav_bar ul li.home {
padding:30px 18px;
}

#nav_bar ul li a {
display:block;
color:#cfcbca;
text-decoration:none;
font-family:sans-serif;
font-size:15px;
font-weight:bold;
}

#nav_bar ul li a:hover {
text-decoration:underline;
}

#header{
width:800px;
height:231px;
background-image:url(images/header.jpg);
clear:both;
}

#contentArea{
text-align:left;
}

#rightSide{
width:569px;
float:right;
margin-bottom:10px;
border-left:1px solid #292323;
}

#rightSide p{
margin-left:10px;
margin-bottom:30px;
}

#rightSide img{
float:left;
margin-right:10px;
}

#rightSide h1{
margin-left:10px;
margin-bottom:10px;
font-family:Georgia;
font-size:120%;
clear:both;
}

#rightSide h2{
margin-left:10px;
margin-bottom:10px;
font-family:Georgia;
font-size:110%;
clear:both;
}

#rightSide h3{
margin-left:10px;
margin-bottom:10px;
font-family:Georgia;
font-size:100%;
clear:both;
}

p.redP {
color:red;
}

#rightSide a{
color:#cfcbca;
font-weight:bold;
text-decoration:none;
}

#rightSide a:hover{
text-decoration:underline;
}


.ul1{
margin-top:20px;
margin-left:40px;
margin-bottom:10px;
font-size:90%;
clear:both;
}

.li1{
margin-left:30px;
list-style-type: circle;
}

.index-l{
margin-top:20px;
margin-bottom:20px;
margin-left:10px;
width:250px;
float:left;

}

.index-r{
margin-top:20px;
margin-bottom:20px;
margin-left:0;
width:250px;
float:right;

}

ul.index-list {
font-size:75%;
}
ul.index-list li {
margin-left:30px;
}

.formBlock{
display:block;
margin-left:10px;
margin-bottom:10px;
}

.formBlock label{
display:block;
margin-bottom:10px;
}

fieldset{
margin:10px;
border:1px dotted #cfcbca;
}

legend{
margin:10px;
padding-left:4px;
padding-right:4px;
}

.port-l{
margin-bottom:20px;
margin-left:10px;
width:300px;
float:left;

}

.port-r{
margin-bottom:20px;
width:245px;
float:right;

}

ul.portfolio {
font-size:75%;
}
ul.portfolio li {
margin-left:10px;
}

#leftSide{
width:230px;
float:left;
margin-bottom:10px;
text-align:left;
}

#leftSide p{
margin-bottom:10px;
margin-right:10px;
font-size:85%;
}

#leftSide h3{
margin-bottom:10px;
font-family:Georgia;
font-size:110%;
}

#leftSide ul{
margin-left:20px;
margin-bottom:10px;
font-size:75%;
}

#leftSide a{
color:#cfcbca;
font-weight:bold;
text-decoration:none;
}

#leftSide a:hover{
text-decoration:underline;
}

#leftSide img{
margin-bottom:5px;
}


#footer{
width:800px;
border-top:1px solid #292323;
margin-bottom:10px;
text-align:left;
clear:both;
}
.footer-l{
width:560px;
float:left;
}

#footer p{
width:560px;
padding:10px 0;
font-size:84%;
}

#footer a{
color:#cfcbca;
font-weight:bold;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

.footer-r{
width:240px;
float:right;
}

#footer img{
float:right;
margin-left:10px;
margin-top:0;
padding:10px 0;
}