body
{
	margin: 100px 0px 0px 0px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica;
	color: #9f9f9f;
	font-size: 12px;
	
	background-color: #000000;
}

h1
{
    margin: 0px;
    padding: 0px;
    text-transform:uppercase;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
}

a
{
	text-decoration: none;
	color: #FFFFFF;
}

a:hover
{
    text-decoration: underline;
}

p
{
    text-align: justify;
}

/* /////////////////////////////////////////////////// */
/* //////////////////// -STRUCTURE- ////////////////// */
/* /////////////////////////////////////////////////// */

#wrapper
{
	/*height: 250px;*/
}

#header
{
    /*border: solid 1px red;*/
}

#content
{
	background-image: url(../images/background.jpg);
	background-color: #2f2e2e;
	background-repeat: repeat-y;
	
	
    min-height: 399px;
    height: auto !important;
    height: 399px;
}

#contentLeft
{
	float: left;
	/*width: 117px;*/
}

#contentLeft img
{
    /*display: block;*/
    position: absolute;
    clip: rect(0px 380px 399px 0px);
}

#contentRight
{
	width: 500px;
	margin-left : 410px;
	padding-top: 50px;
	padding-bottom: 50px;
}

#footer 
{
	margin: 10px 0px 0px 100px;
	font-size: 10px;
}

#logo
{
    /*float: right;*/
    position: absolute;
    top: 55px;
    right: 10px;
    margin: 0px;
    padding: 0px;
}


/* /////////////////////////////////////////////////// */
/* ////////////////////// -MENU- ///////////////////// */
/* /////////////////////////////////////////////////// */

#menu
{
	margin: 0px 0px 0px 410px;
	padding: 0px 0px 14px 0px;
	border-bottom: solid 4px #2B2A2A;
}

#menu li
{
    margin: 0px;
    padding: 0px 20px 0px 0px;
    display: inline;
}

#menu li a
{
    font-size: 14px;
}

/* /////////////////////////////////////////////////// */
/* ///////////////////// -PROJECT- /////////////////// */
/* /////////////////////////////////////////////////// */

.projects
{
    margin: 15px 0px 0px 0px;
    padding: 0px;    
    list-style: none;
    display: block;
}

.projects li 
{
    margin: 0px 20px 0px 0px;
    padding: 0px;
    float: left;
    width: 100px;
    text-align: center;
}

.projects li img
{
    border: solid 2px #FFFFFF;
}

.projectImages 
{
    margin: 15px 0px 0px 0px;
    padding: 0px;
    list-style: none;    
}

.projectImages li
{
    margin: 0px 20px 0px 0px;
    display: inline;
}

.projectImages li img
{
    border: solid 2px #FFFFFF;
}

/* /////////////////////////////////////////////////// */
/* /////////////////// -COMM BOXES- ////////////////// */
/* /////////////////////////////////////////////////// */

#error
{
    border: solid 1px #C82902;
    background-color: #fcefec;
    padding: 3px;
    margin-top: 5px;
    color: #C82902;
    width: 300px;
    text-align: center;
}

#ok
{
    border: solid 1px #36b813;
    background-color: #ebfae6;
    padding: 3px;
    margin-top: 5px;
    color: #36B813;
    width: 300px;
    text-align: center;
}

/* /////////////////////////////////////////////////// */
/* /////////////////// -IMAGES- ////////////////////// */
/* /////////////////////////////////////////////////// */

#images
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#images img
{
    /*width: 330px;
    height: 399px;*/
}

/* /////////////////////////////////////////////////// */
/* /////////////////// -LINKS- ////////////////////// */
/* /////////////////////////////////////////////////// */

#links
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#links li
{
    margin: 0;
    padding: 10px 0 0 0;
}

#links li a
{
    text-decoration: underline;
}

#links li a:hover
{
    text-decoration: none;
}

.linkImage
{
    float: left;
    width: 100px;
    /*border: solid 1px red;   */ 
}

.linkDescription
{
    float: right;
    width: 380px;
}

.linkDescription p
{
    margin: 0;
    padding: 0;
}

/* /////////////////////////////////////////////////// */

/* /////////////////////////////////////////////////// */
/* /////////////////// -CLASSES- ///////////////////// */
/* /////////////////////////////////////////////////// */

/* FLOAT CLASSES ////////////////////////////////////////////////// */

.floatLeft 
{
	float: left;
}

.floatRight
{
	float: right;
}

.clearBoth 
{
	clear: both;
}

.displayNone 
{
	display : none;
}

/* SLIDESHOW NEW */
#ulSlideshow
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#ulSlideshow li
{
    /*margin: 0px 20px 0px 0px;*/
    display: inline;
}

#ulSlideshow li img
{
    border: 0;
}