* {
	margin: 0;
	padding: 0;
}

body{
	background-color:#000;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height:24px;
}

h1{font-size:24px; margin-bottom:36px; }
h2, h3{color:#f2aa24; margin-bottom:10px; font-weight:500; clear:both; }
h3 {color:#000; font-size:18px; margin-left: 15px;}
#portfolio h2 {margin-top: 160px; margin-left: 10px;}
.addHeadings img {margin-top:30px;}


p {text-align: center; color:#936e13; font-weight: 500; margin-top: 30px;}

#services{margin-top: 40px;}
#services p{font-size: 16px; margin-top: 10px;}
.first {font-size: 18px!}
.callOut{color:#81143f; font-weight: 600; font-size: 20px;}

a{outline:none; text-decoration:none; color: #5d5922; }
a:hover{color:#81143f;}

ul{ list-style:none; margin:0; padding:0; }
ol{ list-style-position:inside; margin:0 0 10px 0; padding:0;}
li{ padding:0px;}


#wrapper{
	width: 100%;
	margin: 0 auto;
}

/* HOME PAGE */
#home #wrapper{
	background:#000 url(../images/bgHome.jpg) no-repeat;
	max-width: 1400px;
	height: 1000px;
}

#header {
	width: 610px;
	text-align: center;
	margin: 50px auto;
}

#mainContent {
	width: 540px;
	margin: 50px auto;
}

#mainImage {
	display: block;
	margin: 0px auto;
}


/* CONTACT FORM */
#contactForm {
	background-color:#FFF;
}

#contactForm p {
	width: 320px;
	font-size: 14px;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 10px;
	text-align: left;
	line-height: 20px;
}


/* PORTFOLIO */
#portfolioPage {
	width: 100%;
	height: 920px;
	background: #000 url(../images/bgCityScape.jpg) no-repeat 50% 0%;
	background-attachment: fixed;
}

#portfolio{
	margin:50px auto;
	width:90%;
	/*background-color:#F00; */
}

#html5, #banners, #websites {width:100%; max-width: 1000px;}
#html5 img, #banners img, #websites img{ border: 2px solid #FFF; margin: 10px;}
#html5 li, #banners li, #websites li {float: left;}

.fade {
   opacity: .59;
   transition: opacity .6s ease-in-out;
}

.fade:hover {
	opacity: 1;
}