/* CSS Document */


h1, h2, h3, h4, h5{margin:0; padding:0;}

h1{font-size:18px;}
h4 {font-weight:normal;}
h2{text-align:center;}

body
{
	font-family: 'Averia Libre', cursive;
	padding:0;
	margin:0;
	border:0;
	background-color:#1a1a1a;
	margin-top:10px;
	color:#fff;
}
a img {border: none; }

#menuwrapper
{
	padding:0;
	margin:0;
	width:900px;
	margin:auto;
	color:#f1f1f1;

}

#contentwrapper
{
	margin:auto;
	width:900px;
}

/*Header*/
.SocialMedia
{
	position:absolute;
	right:100px;
	top:120px;
	width:56px;
}

#headercontainer
{
	width:100%;
	margin:auto;
	background-image:url(images/bg.jpg);
	height:115px;
	position:relative;
}

#header
{	
	margin:auto;
	width:890px;
	background-image:url(images/camalzmedia.png);
	background-repeat:no-repeat;
	background-position:center;
	height:115px;
}

#indexheadercontainer
{
	width:100%;
	margin:auto;
	height:px;
	background-image:url(images/bg.jpg);
}

#indexheader
{
	position:relative;
	width:890px;
	margin:auto;
	height:450px;
	background-image:url(images/camalztestheader.png);
}


.headvid
{
	position:absolute;
	top:135px;
	left:237px;
	z-index:0;
}

/*menu*/

#header2
{
	height:39px;
	margin:auto;
	color:#f1f1f1;
}

#menu
{
	margin:0 auto;padding:0;text-align:center;
	color:#f1f1f1;
}

/* start menu */
#header2 ul ul
	{
		display:none;
		z-index:1;

	}
	
#header2 ul ul a
{
	color:#f1f1f1;
	background-color:#1a1a1a;
}

#header2 ul ul a:hover
	{
		display:block;
	}


#header2 ul
	{
		list-style-type: none;
		height: 30px;
		padding-bottom:5px;
	}

#header2 ul li
	{
		display:inline-block;
		position:relative;
	}
	
#header2 ul li a
	{
		color:#f1f1f1;
		font-weight: bold;
		font-size: 0.9em;
		text-align: center;
		padding: 10px 10px 11px;
		float:left;
		border-radius:5px;
	}
		
#header2 ul li:hover ul
	{
		display: block;
		position: absolute;
		padding-left:0;
		margin-top:38px;
	}
#header2 ul li:hover ul a
	{
		border-radius:0;
		border:solid #f1f1f1 1px;
		width:150px;
		color:#f1f1f1;
	}
	/* end menu */
	
	
	/*Content*/
			
			
#content
{
	width:90%;
	margin:auto;
}

#maintext
{
	margin:auto;
}

.center
{
	text-align:center;
}

#quotes{clear:both;padding-bottom:2em;background-color:#1a1a1a}

#quotesleft, #quotesright
{
	width:45%;
	font-style:italic;
}

#quotesleft{float:left;}
#quotesright{text-align:right;}


.quote span {display:block;color:#DC58EA;}

#contactleft
{
	 width:45%; 
	 text-align:right;
	 float:left;
	 clear:both;
	 margin-right:10%;
}

#contactright
{
	text-align:left;
	float:right;
	width:45%;
}

.Videos
{
	text-align:center;
	margin:auto;
}

#Work
{
	text-align:right;
	list-style-type:none;
}

#left
{
	width:75%;
}

#right
{
	float:right;
	width:25%;
}

#SM
{
	list-style-type:none;
}

.img
{
	border:5px solid white
}


#menu a:link {color:#f1f1f1;text-decoration:none;font-weight:bold;}
#menu a:visited {color:#f1f1f1;text-decoration:none;}
#menu a:hover {color:#f1f1f1;text-decoration:none;font-weight:bold;}
#menu a:active {color:#f1f1f1;text-decoration:none;}

a:link {color:#fff;text-decoration:underline; font-weight:bold;}
a:visited {color:#fff;text-decoration:none;}
a:hover {color:#fff;text-decoration:none; font-weight:bold;}
a:active {color:#fff;text-decoration:none;}

#footer a:link {color:#000;font-weight:bold;}
#footer a:visited {color:#000;font-weight:bold;}
#footer a:hover {color:#000;font-weight:bold;}
#footer a:active {color:#000;font-weight:bold;}



/*footer*/

#footercontainer
{
	background-image:url(images/bg.jpg);
	width:100%;
	margin:auto;
	height:135px;
	padding-top:5px;
}

#footer
{
	background-image:url(images/bg.jpg);
	width:700px;
	margin:auto;
}

#footerleft, #footermiddle, #footerright
{
	float:left;
	width:33%;
	color:#000;
}

#footerleft
{
	text-align:left;
}

#footermiddle
{
	text-align:center;
}

#footerright
{
	text-align:right;
}