body{
background-color:black;
padding-top:0px;
}

#container{
width:1000px;
height:120px;
margin:auto;
}

#header{
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
height:151px;

}

#advert{
background-image:url(../images/advert.jpg);
width:1000px;
height:264px;
}

#advert_left{
width:550px;
height:200px;
}

#advert_left h4{
font-family:arial;
color:#a30c0c;
text-align:right;
padding:20px 0px 0px 20px;
font-size: 25px;
}

#advert_left h3{
font-family:arial;
color:#ffffff;
text-align:center;
padding:60px 20px 0px 20px;
font-size: 30px;
line-height:120%;
}


#content{
background-color:#0E0E0E;
height:330px;
width:1000px;
}

#titlecontent li{
font-family:arial;
letter-spacing:2px;
font-size:18px;
list-style:none;
width:300px;
float:left;
margin-left:25px;
margin-top:20px;
text-align:center;
}

#titlecontent a{
color:white;
text-decoration:none;
font-weight:bold;
}

#titlecontent a:hover{
border-bottom: 1px dotted #a30c0c;
color:#a30c0c;
}

#subcontent1 a{
font-family:arial;
letter-spacing:1px;
line-height:150%;
text-align:justify;
text-decoration:none;
font-size:13px;
color:white;
list-style:none;
width:300px;
float:left;
margin-left:30px;
margin-top:20px;
}

#subcontent2 a{
font-family:arial;
letter-spacing:1px;
line-height:150%;
text-align:justify;
text-decoration:none;
font-size:13px;
color:white;
list-style:none;
width:300px;
float:left;
margin-left:30px;
margin-top:20px;
}

#subcontent_portfolio li{
list-style:none;
width:300px;
float:right;
margin-top:20px;

}


#subcontent_portfolio img{
padding-bottom:10px;
padding-right:5px;
padding-left:5px;

}

#footer{
width:1000px;
height:100px;
background-color:#272727;
border-top:solid 3px #a30c0c;
float:left;
}

#footer_left li{
display:inline;
padding-left:20px;
}

#footer_left{
padding-left:10px;
padding-top:20px;
}

#footer_left a{
color:white;
font-family:arial;
font-size:13px;
letter-spacing:2px;
text-align:justify;
text-decoration:none;
list-style:none;
}

#footer_left a:hover{
border-bottom: 1px dotted #a30c0c;
color:#a30c0c;
}

#footer_bottom h5{
padding-left:30px;
padding-top:20px;
color:white;
font-family:arial;
font-size:10px;
letter-spacing:2px;
}

#footer_bottom a{
color:white;
font-family:arial;
font-size:10px;
letter-spacing:2px;
text-decoration:none;
}

#footer_bottom a:hover{
border-bottom: 1px dotted #a30c0c;
color:#a30c0c;
}

/* Portfolio */

#portfoliocontent{
background-color:#0E0E0E;
width:1000px;
}

#portfoliocontent h2{
color:white;
font-family:arial;
font-size:16px;
letter-spacing:2px;
text-align:justify;
text-decoration:none;
list-style:none;
font-weight:bold;
padding-left:30px;
padding-top:30px;
padding-bottom:30px;

}

#portfoliomenu{
background-color:#0E0E0E;
width:1000px;
padding-bottom:30px;
padding-top:20px;
border-bottom: #a30c0c 3px solid;
}

#portfoliomenu li{
padding-left:30px;
display:inline;
}

#portfoliomenu a{
color:white;
font-family:arial;
font-size:16px;
letter-spacing:2px;
text-align:justify;
text-decoration:none;
list-style:none;
font-weight:bold;
}

#portfoliomenu a:hover{
border-bottom: 1px dotted #a30c0c;
color:#a30c0c;
}

#printdesign li{
padding-bottom:20px;
padding-left:90px;
padding-top:30px;
}

#printdesign a{
padding-left:20px;
padding-top:30px;
}


#webdesign li{
padding-bottom:20px;
padding-left:90px;
padding-top:30px;
}

#webdesign a{
padding-left:20px;
padding-top:30px;
}



#brandingidentity li{
padding-bottom:20px;
padding-left:90px;
padding-top:30px;
}

#brandingidentity a{
padding-left:20px;

}



#graphicillustrations li{
padding-bottom:20px;
padding-left:90px;
}

#graphicillustrations a{
padding-left:20px;
}


#personalartwork li{
padding-bottom:20px;
padding-left:90px;
}

#personalartwork a{
padding-left:20px;
}

#webdesignref{
border-top: #a30c0c 1px dotted;
}

#graphicillustrationsref{
border-top: #a30c0c 1px dotted;
}

#brandingidentityref{
border-top: #a30c0c 1px dotted;
}

#personalartworkref{
border-top: #a30c0c 1px dotted;
}

/* Services */

#servicescontent{
background-color:#0E0E0E;
width:1000px;
height:1150px;
}

.description{

width:415px;
}

#description_left ul{
width:1000px;
}

#description_left li{
width:415px;
margin-left:30px;
margin-right:40px;
float:left;
}



#description_left h1{
color:white;
font-family:arial;
font-size:20px;
letter-spacing:2px;
padding: 20px 0px 20px 0px;
}

#description_left h2{
font-family:arial;
line-height:150%;
text-align:justify;
font-size:13px;
color:white;
padding: 20px 0px 20px 0px;
text-decoration:none;
}

#description_left a{
font-family:arial;
line-height:150%;
text-align:justify;
font-size:13px;
color:white;
padding: 20px 0px 20px 0px;
text-decoration:none;
}



/* Contact */

#aboutme{
height:250px;
width:430px;
float:left;
}

#aboutme h2 {
font-family:arial;
letter-spacing:1px;
line-height:150%;
text-align:justify;
text-decoration:none;
font-size:13px;
color:white;
list-style:none;
width:300px;
float:left;
margin-left:100px;
margin-top:20px;
list-style:none;
}

#aboutme a:link{
text-decoration:none;
color:white;
}

#aboutme a:hover{
text-decoration:none;
border-bottom: 1px dotted #a30c0c;
color:#a30c0c;
}

/* Form */

#contactcontent {

	background-color: #0E0E0E;
	height: auto !important;
	width:1000px;
	color:white;
	font-size: 13px;
	font-family:arial;
	float:left; 
	letter-spacing:2px;
	
}

#contactform {
	width: 486px;
	height:300px;
	padding-top: 25px;
	padding-left:20px;
	float:left;
}

#contactform input, #contactform textarea {
	padding: 5px;
	width: 357px;
	font-family:arial;
	font-size: 13px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
	color:black;
}

#contactform textarea {
	height: 100px;
	width:357px;
}

#contactform textarea:focus, #contactform input:focus {
	border: 2px solid #a30c0c;
}

#contactform input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}


#page-wrap {
padding-top:100px;
}

#page-wrap a{
color:white;
font-family:arial;
font-size:16px;
letter-spacing:2px;
text-align:justify;
text-decoration:none;
list-style:none;
font-weight:bold;
margin-left:30px;
}

#page-wrap a:hover{
border-bottom: 1px dotted #a30c0c;
color:#a30c0c;
}


/* Testimonials */

#testimonials h2{
font-family:arial;
letter-spacing:2px;
font-size:18px;
list-style:none;
width:1000px;
float:left;
margin-left:25px;
margin-top:20px;
margin-bottom:20px;
text-align:left;
color:white;
}

#testimonials_content{
background-color:#0E0E0E;
width:1000px;
height:600px;
}

#testimonials_content li{
font-family:arial;
letter-spacing:1px;
line-height:150%;
text-align:justify;
text-decoration:none;
font-size:13px;
color:white;
list-style:none;
width:290px;
height:250px;
float:left;
margin-left:30px;
margin-top:20px;
}

#testimonials_content a{
font-family:arial;
letter-spacing:1px;
line-height:150%;
text-align:justify;
text-decoration:none;
font-size:13px;
color:white;
list-style:none;
float:left;
margin-top:15px;
margin-bottom:10px;
}

#testimonials_content a:hover{
border-bottom: 1px dotted #a30c0c;
color:#a30c0c;
}