html, body {
margin:0; 
padding:0; 
width:100%; 
height:100%;
font-family:verdana, tahoma;
}

#background{
position:fixed; 
top:0; left:0; 
width:100%; 
height:100%;
}

#backgroundImage{
width:100%;
height:100%;
}

#header {
position:relative;
width:900px;
background:url(images/background/transparent_black2.png);
/*background-color:#000;*/
z-index:6;
margin:0px auto 0px;
height:120px;
}

#logo {
margin:20px 0px 0px 20px;
}

#header ul {
list-style-type:none;
margin:0px auto;
width:625px;
padding-top:10px;
float:right;
}

#header ul li {
float:left;
display:block;
}

#header ul li a {
font-family:tahoma, verdana, arial;
font-size:2.5em;
display:block;
padding:5px 17px 7px 17px;
color:#fff;
text-decoration:none;
}

#header ul li a:visited {
font-family:tahoma, verdana, arial;
font-size:2.5em;
display:block;
padding:5px 17px 7px 17px;
color:#fff;
text-decoration:none;
}

#container {
padding-top:15px;
position:absolute;
top:0px;
width:100%;
overflow:auto;
}

#header ul li a:hover {
font-family:tahoma, verdana, arial;
font-size:2.5em;
display:block;
padding:5px 17px 7px 17px;
color:#fff;
text-decoration:none;
background-color:#ed0c7d;
}

#header ul li a:active {
font-family:tahoma, verdana, arial;
font-size:2.5em;
display:block;
padding:5px 17px 7px 17px;
color:#fff;
text-decoration:none;
}
/*
.splitHeader {
position:relative;
width:900px;
height:30px;
background:url(images/background/transparent_black.png);
z-index:6;
margin:20px auto 7px auto;
}*/

.mainHeader {
padding:10px 0px 0px 0px;
}

.headerImage {
padding:12px 0px 12px 0px;
}

.content {
position:relative;
width:900px;
background-image:url(images/background/transparent_black2.png) ;
/*background-color:#000;*/
z-index:6;
margin:20px auto;
}

.contentText {
color:#949CA5;
font-size:1.3em;
padding:10px 20px 20px;
line-height:1.25em;
}

.contentText h2 {
color:#ed0c7d;
font-size:1.8em;
font-weight:normal;
font-family:arial, verdana, tahoma;
padding:15px;
}

.portfolioImages {
padding-bottom:20px;
}

.siteDevelopment {
width:315px;
float:right;
}

.siteDevelopment h2 {
color:#fff;
font-family:arial, verdana, tahoma;
font-size:1.6em;
padding-bottom:7px;
}

.siteDevelopment ul {
padding-top:10px;
font-size:1.2em;
color:#bcbcbc;
}

.siteDevelopment ul li {
padding-bottom:5px;
}

.clearing {
clear:both;
}

.portfolioLinks {
font-family:arial, verdana, tahoma;
font-size:1.4em;
color:#ed0c7d;
text-decoration:none;
letter-spacing:0.025em;
}

.portfolioLinks:visited {
font-family:arial,verdana, tahoma;
font-size:1.4em;
color:#ed0c7d;
text-decoration:none;
letter-spacing:0.025em;
}

.portfolioLinks:hover {
font-family:arial,verdana, tahoma;
font-size:1.4em;
color:#ed0c7d;
text-decoration:underline;
letter-spacing:0.025em;
}

.portfolioLinks:active {
font-family:arial,verdana, tahoma;
font-size:1.4em;
color:#ed0c7d;
text-decoration:none;
letter-spacing:0.025em;
}

.skills {
padding-left:40px;

}

.skills li {
line-height:1.4em;
background:url(images/greentick4.png) no-repeat 0 50%;
padding-left:20px;
}

.skills li a {
text-decoration:underline;
color:#bcbcbc;
}

.skills li a:visited {
text-decoration:underline;
color:#bcbcbc;
}

.skills li a:hover {
text-decoration:none;
color:#ed0c7d;
background-color:#222;
}

.skills li a:active {
text-decoration:underline;
color:#bcbcbc;
}

.contentText a {
text-decoration:underline;
color:#ed0c7d;
}

.contentText a:visited {
text-decoration:underline;
color:#ed0c7d;
}

.contentText a:hover {
text-decoration:none;
color:#ed0c7d;
background-color:#222;
}

.contentText a:active {
text-decoration:underline;
color:#ed0c7d;
}


.sitePortfolios {
margin:0px auto;
width:800px;
}

.sitePortfolios img {
border:7px solid #eaeaea;
margin-bottom:20px;
}

.sitePortfolios h1 {
color:#ed0c7d;
font-size:2em;
padding:20px 0px;
}

.separator {
height:1px;
border-bottom:dashed 1px #dedede;
width:500px;
margin:5px auto;
}

.required {
color:#ed0c7d;
}

#reset, #submit {
border:1px dotted #BCBCBC;
margin:5px 0px 0px;
}

.contactDetails {
border:1px dotted #BCBCBC;
color:#676767;
font-family:Verdana,Tahoma,Arial;
font-size:1em;
padding:2px;
width:250px;
}

input {
margin:0px 0px 10px;
}

.messageDetails {
border:1px dotted #BCBCBC;
color:#676767;
font-family:Verdana,Tahoma,Arial;
font-size:1em;
padding:2px;
margin:0px 0px 10px;
}

fieldset {
padding:10px 0px;
}

.hompageText {
width:500px;
float:left;
}