/*last update 26.05.2010*/
/**/
/* body and container setup */
.body{
overflow: auto;
font-size:100%;
}

.container{
width:800px;
margin:auto;
background-image: url("../../images/bg2.png");
}

/* end of body and container setup */

/* header section */
.header{
clear:both;
width:800px;
height:120px;
background-image: url("../../images/headerback.png");
}

#logo
{
    clear:both;
	float:left;
    padding-top:1em;
	padding-left:20px;
	width:30%;
}
/* end of header section setup */

/*formatting for handling the main menu */
.menu{
padding-left:3.3em;
padding-top:2em;
float:left;
}

.menu li{
display:inline;
}

.menu  a:link, a:visited{
color:#FFFFFF;
text-decoration:none;
}

.menu a:hover{
border-style:solid;
border-width: 0px 0px 4px 0px;
border-color: #ffcc00;
}

.menu a:active{
color:#FFFFFF;
}

#contact, #portfolio, #about{
padding-left:20px;
font: normal 1.5em Arial-black, Helvetica, sans-serif;
}

/*end of formatting for handling menu */

/* social networking links */
#facebook {
float:left;
background: url("../../images/social/background-icon-facebook.png");
height:62px;
width:62px;
}

#facebook a{
display:block;
text-decoration:none;
height:62px;
width:62px;
}

#facebook a:hover{
background: url("../../images/social/icon-facebook.png");
}

#facebook span{
display:none;
}


#linkedin {
float:left;
background: url("../../images/social/background-icon-linkedin.png");
height:62px;
width:62px; 	
}

#linkedin a{
display:block;
text-decoration:none;
height:62px;
width:62px;
}

#linkedin a:hover{
background: url("../../images/social/icon-linkedin.png");
}

#linkedin span{
display:none;
}

#flickr{
float:left;
background: url("../../images/social/background-icon-flickr.png");
height:62px;
width:62px;
}

#flickr a{
display:block;
text-decoration:none;
height:62px;
width:62px;
}

#flickr a:hover{
background: url("../../images/social/icon-flickr.png");
}

#flickr span{
display:none;
}

#twitter{
float:left;
background: url("../../images/social/background-icon-twitter.png");
height:62px;
width:62px; 	
}

#twitter a{
height:62px;
width:62px;
display:block;
text-decoration:none;
}

#twitter a:hover{
background: url("../../images/social/icon-twitter.png");
}

#twitter span{
display:none;
}

/*end of social networking styling*/


/*form style parameters*/
#contactForm{
float:left;
padding-top:2em;
width:40%;
}

#contactFormImg{
float:left;
clear:both;
width:80%;
padding-top:5em;
padding-right:10em;
}

.firstName {
clear:both;
}

#firstNameLabel{
float:left;
}

#firstNameField{
clear:both;
float:left;
}

	#cf_firstName{
	float:left;
	}

	#cf_firstName_error{
	float:left;
	}

/*end of first name styling */

.lastName{
clear:both;
}

#lastNameLabel{
float:left;
}

#lastNameField{
clear:both;
float:left;
}

	#cf_lastName{
	float:left;
	}
	
	#cf_lastName_error{
	float:left;
	}

/* end of last name styling */

.email{
clear:both;
}

#emailLabel{
float:left;
}

#emailField{
clear:both;
float:left;
}

	#cf_email{
	float:left;
	}

	#cf_email_error{
	float:left;
	}

/*end of email styling */

.phone{
clear:both;
}

#phoneField{
clear:both;
float:left;
}

	#cf_phone{
	float:left;
	}

	#cf_phone_error{
	float:left;
	}

/* end of phone styling */
.comments{
clear:both;
float:left;
}

.f_submit{
clear:both;
}

#submit, #reset{
float:left
}

.form_footer{
clear:both;
}

.inputRow{
clear:both;
float:left;
padding:5px 0px 0px 0px;
width:500px;
}

/*footer attributes*/
.footer{
clear:both;
width:800px;
height:120px;
background-image: url("../../images/footerback.png");
font: normal .7em "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
}

.footer a{
text-decoration:none;
color:#ffffff;
}

.footerLeft{
clear:both;
float:left;
padding-left:10px;
}

.footerRight{
float:right;
padding-top:20px;
}

.footerRight li{
display:inline;
}
/* end of footer attributes */


/*form styling parameters*/

.fieldLabel{
float:left;
width:110px;
text-align:left;
}

.fieldContent{
float:left;
width:10em;
}

.fieldContentSmall{
float:left;
width:50px;
}

.fieldMessage{
float:left;
}

.submitButton{
float:left;
margin:0;
}

/*end of form styling



/*screen placement formatting*/
.leftAd{
clear:both;
float:left;
width:10%;
}


/*main content formatting */
.content{
clear:both;
float:left;
/*background-color:#333333;*/
width:800px;
color:#ffffff;
font: normal .7em "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif;
min-height:450px; /* minimum div heigh is set */
height:auto;

}

.content a:link, a:visited{
color:#ffffff;
}

.content img{
border:0px;
}

.content p{
margin:0;
padding-bottom:10px;
}
/* end of main content formatting */

/* this holding container will set a special height of 500px */
/* these is for centralisation of specific text */
.holdingContainer{
float:left;
height:auto;
width:90%;
}

.project{
float:left;
width:90%;
text-align:centre;
padding-top:5%;
}

.projectImages{
float:left;
clear:both;
width:100%;
padding-bottom:3em;
}

.projectImages img{
float:left;
padding-right:1em;
width:15em;
height:15em;
}



.projectDescription{
float:left;
clear:both;
width:80%;
border-width:1px 0px 0px 0px;
border-style:dotted;
}


.projectItem{
float:left;
padding-right:1em;
}

.projectItem img{
width:15em;
height:15em;
}

.projectItem a{
text-decoration:none;
}



.project ul{
margin:0;
}

.project li{
display:inline;
}

.pagetitle{
float:left;
font-size:12px;
border-style:solid;
border-width:0px 0px 1px 0px;
border-color: #ffcc00;
color:#FFFFFF;
font: normal .8em "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.indexLeft{
float:left;
width:40%;
top:10%;
padding-top:25px;
}

.indexRight{
float:left;
width:40%;
top:10%;
padding-left:10px;
border-style:dotted;
border-width:1px;
border-top:0px;
border-right:0px;
border-bottom:0px;
padding-top:25px;
}
/*end of screen placement*/