body { 
	background: #232323 url(../images/bg.png) repeat;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.container {
		width: 960px;
		margin: 0 auto;
		background:url(:#FFF;
		background-repeat:no-repeat;
		background-position:top center;
}

@font-face {
	font-family: 'LeagueGothicRegular';
	src:url(../fonts/League_Gothic-webfont.eot);
	src: url('../fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/League_Gothic-webfont.woff') format('woff'),
	url('/../fonts/League_Gothic-webfont.ttf') format('truetype'),
	url('../fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
		
h1 {
	text-transform: uppercase;
	color:#F00;
	font-family: "MS Serif", "New York", serif;
	font-size: 80px;
}

h2 {
	text-transform: uppercase;
	color:#3F0;
	font-family: LeagueGothicRegular;
	font-size: 60px;
}

h3 {
	text-transform: uppercase;
	color:#1150Da;
	font-family: LeagueGothicRegular;
	font-size: 40px;
}
h4 {
	text-transform: uppercase;
	color:#09F;
	font-family: LeagueGothicRegular;
	font-size: 30px;
}

p,li{
	color:#CCC;
	font-size:15px;
	line-height:22px;
}

h1, h2, h3{
	margin:0;
}

/*Always add this to your css - Tell older browsers to display new tags as blocks*/

header, nav, section, footer{
	display:block;
}

nav a{
	background-color:#F66;
	color:#0FF;
	padding:15px 45px;
	text-decoration:none;
	transition:1s;
}

nav a:hover{
	background-color:#033;
	padding:15px 65px;
	transition:1s;
}

footer{
	background-color:#333;
	padding:20px;
	border-top:5px solid #06F;
	text-align:center;
	margin-top:20px;
}

.leftContent{
	float:left;
	width:630px;
}
.rightSideBar{
	float:right;
	width:300px;
}
.clearFloat{
	clear:both;
}

.serviceOne{
	padding:20px;
	border-radius:10px;
	box-shadow:10px 10px 15px #000000;
	transform:rotate(5deg);
}

.serviceTwo{
	padding:20px;
	border-radius:10px;
	box-shadow:10px 10px 15px #000000;
	transform:rotate(-5deg);
	z-index:99;
}	

.imgLeft{
	float:left;
	margin-right:15px;
}

.imgRight{
	float:right;
	margin-left:15px;
}

.twoCol{
	float:left;
	width:480px;
}

.galleryImage{
	border:5px solid #00F;
	padding:3px;
	border-radius:50%;
	transition:1s;
}

.galleryImage:hover{
	border:5px solid #0C3;
	transform:rotate(360deg);
	transition:1s;
}

.galleryImageTwo{
	border:5px solid #900;
	padding:3px;
	border-radius:10px 80px;
	transition:1s;
}

.galleryImageTwo:hover{
	transform:scale(1.3);
	transition:1s;
}

.leftSideBar{
	float:left;
	width:300px
}

.rightContent{
	float:right;
	width:630px;
}

a{
	color:#999;
	text-decoration:none;
}

input, textarea{
	width:250px;
	background-color:transparent;
	color:#FFF;
	border:1px solid #00F;
	padding:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

input:hover, textarea:hover{
	box-shadow:0px 0px 15px #CC0099;
}

.fourCol{
	float:left;
	width:220px;
	margin-right:20px;
}

.threeColTxt{
	column-count:3;
	-moz-column-count:3;
	-webkit-column-count:3;
	column-gap:30px;
	-moz-column-gap:30px;
	-webkit-column-gap:30px;
}


.gradient{
	/*FALLBACK FOR IF GRADIENT DOES NOT DESPLAY*/
	background-color:#0FC;
	background-image:linear-gradient(#00F,#0FF);
	/*background-image:radial-gradient(#00F,#0FF);*/
	padding:20px;
}