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

body {
background-color:#e0e0e0;
margin-left: 50px;
padding: 0px;
}

hr {
margin-right: 30px;
}

h1, p {
margin-left: 0px;
}

.extra {
color: #ff286f;
}

.dark {
color: #000;	
}

p {
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 13px;
color: #666666;
line-height: 20px;
margin-top: 0px;
margin-right: 20px;
padding-bottom: 10px;
padding-top: 0px;
}

a {
color:#ff286f;
text-decoration: none;
}

a:hover {
text-decoration:underline;
}

h1 {
font-family:  Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin-top: 0px;
}


div.row, div.top-row {
width: 770px;
height: auto;
margin-bottom: 20px;
padding-top: 0px;
padding-left: 30px;
padding-bottom: 20px;
background-color: #fff;
/*
background-image: url(../images/fade.gif);
background-repeat: repeat-x;
background-position: top left;
*/
}

div.top-row {
border-top:1px solid #ff286f;
}

div.top-row {
background-color: #ffffff;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}


div.row-projects {
background-color: #ffffff;
width:700px;
padding-top:20px;
padding-left: 100px;
}

div.proj-desc {
width: 365px;
margin-right: 10px;
height: auto;
}

div.proj-desc p{
color: #999;
}

.other {
margin-top: 0px;
padding-top: 0px;
}

.attention {
color:#FF0000;
}

div.proj-images {
height: auto;
/*border: 1px red solid;*/	
position: relative;
}

div.proj-images img {
padding-bottom: 20px;
padding-top: 20px;
border-bottom: 1px #666 dotted;
}

img {
padding: 0;
margin-left: 2px;
margin-right: 2px;
margin-top: 0;
margin-bottom: 8px;
}

img.logo { 
padding: 0px;
margin-top: 20px;    
margin-bottom: 30px;
}

img.contact {
margin: 0px;
padding: 0px;
}

div.col-1 {
width: 360px;
height: auto;
}

div.col-2 {
width: 370px;
height: auto;
float: right;
}

div.contact {
width: 370px;
height: auto;
float: right;
}