/*-------------------  globals -------------------*/

html
{
	height: 100%;
	min-height:100%;
	margin: 0;
	padding: 0;
}

body
{
	padding: 0;
	margin: 0;
	height: 100%;
	background: url(images/bg_page_blue.jpg) no-repeat top center;
        background-color:#15283c;
	/*background-color:#0b0b0b;*/
}


/*-------------------  ids -------------------*/

#wrap
{
    margin:auto;
    width:490px;
    text-align:left;
    background: url(images/dotted.gif) repeat-y top left;
    background-color:#000000;
}

#header
{
    width:490px;
    height:270px;
	background: url(images/header_blue.jpg) no-repeat top left;
}

#intro
{
    width:410px;
    margin-left:55px;
    margin-bottom:10px;
    font-family:Arial, "Trebuchet MS", sans-serif;
    font-weight:normal;
    font-size:11px;
    color:#888888;
    line-height:16px;
    text-decoration:none;
    text-align:justify;
}

#footer
{
    float:left;
    text-align:center;
    width:490px;
    height:160px;
    background:#15283c url(images/bg_footer.gif) repeat-x top left;
    margin-bottom:-20px;
}


/*-------------------  classes -------------------*/

div#intro a
{
    font-family:Arial, "Trebuchet MS", sans-serif;
    font-weight:bold;
    font-size:11px;
    color:#5a77b5;
    line-height:13px;
    text-decoration:none;
}

div#intro a:hover
{
    font-family:Arial, "Trebuchet MS", sans-serif;
    font-weight:bold;
    font-size:11px;
    color:#ffffff;
    line-height:13px;
    text-decoration:none;
}

.dotted
{
    background: url(images/dotted.gif) repeat-y top left;
    background-color:#000000;
}

.contact
{
    margin-left:55px;
    margin-bottom:10px;
    width:410px;
    height:16px;
    border:0px;
    text-decoration: none;
}

.contacttext
{
    font-weight:bold;
    color:#5a77b5;
}


.project
{
    width:270px;
    height:54px;
    margin-left:55px;
    margin-top:10px;
    padding-right:20px;
    padding-top:6px;
    vertical-align:middle;
    background: url(images/bg_project.gif) no-repeat top left;
    text-align:right;
    font-family:Arial, "Trebuchet MS", sans-serif;
    font-weight:normal;
    font-size:11px;
    color:#5a77b5;
    line-height:13px;
    text-decoration:none;
}

.projecttitle
{
    font-family:Arial, "Trebuchet MS", sans-serif;
    font-weight:bold;
    font-size:12px;
    color:#ffffff;
    line-height:17px;
    text-decoration:none;
}   
        
.project a
{
    font-family:Arial, "Trebuchet MS", sans-serif;
    font-weight:normal;
    font-size:11px;
    color:#888888;
    line-height:13px;
    text-decoration:none;
}

.project a:hover
{
    font-family:Arial, "Trebuchet MS", sans-serif;
    font-weight:normal;
    font-size:11px;
    color:#ffffff;
    line-height:13px;
    text-decoration:none;
}

.projectphoto
{
    float:right;
    width:120px;
    height:60px;
    margin-top:-62px;
    margin-right:20px;
}

.projectphoto a img
{
    border:2px solid black;
}

.projectphoto a:hover img
{
    border:2px solid white;
}

.header
{
    width:410px;
    height:24px;
    margin-left:55px;
    margin-top:10px;
    margin-bottom:10px;
}

.listing
{
     float:left;
     margin:10px 0;
}

.listing span
{
    width:170px;
    float:left;
    display:block;
    margin-left:55px;
    text-align:left;
}

.listing span, .listing span a, .listing span a
{
    font-family:Arial, "Trebuchet MS", sans-serif;
    font-weight:normal;
    font-size:11px;
    color:#888888;
    line-height:16px;
    text-decoration:none;
}

.listing span a:hover
{
    color:#ffffff;
} 

.clear
{
    clear:both;
}