/* ----------------------------------------  mixplatemedia.com ---------------------------------------- */





html,body,div,a,p,h1,h2,h3,h4,img,ul,li {

	margin: 0;

	padding: 0;

	border: 0;

}







html, body {

	font: normal 13px Tahoma, Arial, sans-serif;

	background-color: #fff;

	color: #8d8d85;

       	position: relative;

	text-align: left;

	width: 100%;

	height:100%;

	line-height:18px;

  	

}





#main {

	width: 920px;

	text-align: left;

	margin: 0 auto -260px auto;	

	min-height:100%;

	position:relative;

		

}



h1  {

	color: #bc1e2c;

	font-size:20px;

}







h2, h3 {

	

	font-size:13px;

}









h2.worksr {

	float:left;margin-right:10px;color: #bc1e2c;

	font-size:20px;

}

h2.sechead, h3.worksr {

	color: #bc1e2c;

	font-size:20px;

}



h2.sechead {

	padding:0 0 4px 6px;

}



h3.worksr2 {

	padding-top:2px;

	}





a { 

	text-decoration: none;

	color: #dcd458;

	

}



a:hover { 

	background-color: #f8f5cc;

	

	}





a:hover img {

	background-color: transparent;

	vertical-align: bottom;



}



a#zoom_close:hover{

	background-color: transparent;



}



#header {

	width: 920px;

	height: 90px;

	float: left;	

		

}





#logo {

	margin: 5px auto 0 5px;

	 float:left;    

	display:inline;  	

}





#navbar { 

	width:520px;

	float:left;

	margin-left:5px;

}



#navbar a {

	background: url(http://www.mixplatemedia.com/images/navbar.jpg) no-repeat;

	height: 65px;

	text-indent: -999em;

	display: block;

	overflow: hidden;

}





#navbar li { 

	float: left; 

	position: relative; 

}



#navbar li, #navbar ul { 

	

	list-style-type: none; 

	



}

	

/* -- Header Navbar -- */



#teambutton a { background-position: 0 0; width: 118px; }

#servicesbutton a { background-position: -118px 0; width: 140px; }

#workbutton a { background-position: -258px 0; width: 138px; }

#contactbutton a { background-position: -396px 0; width: 122px; }

	

/* -- Header Navbar Hover-- */

	

#teambutton a:hover { background-position: 0 -65px; width: 118px; }

#servicesbutton a:hover  { background-position: -118px -65px; width: 140px; }

#workbutton a:hover  { background-position: -258px -65px; width: 138px; }

#contactbutton a:hover  { background-position: -396px -65px; width: 122px; }

	

	

#contactinfo { 

	float:left;

	font-size:10px; 

	margin:22px 0 0 15px;

	line-height:13pt;

}





#flash {

	width: 916px;

	height: 225px;

	float: left;

	padding-left:4px;

	z-index:1;

	       	

}



#zoom {

	z-index:900;

	}

#column1 {

	width: 460px;

	height: auto;

	float: left;

	margin:25px 0 15px 0;

			       	

}



#column1inside {

	margin-left:15px;

			       	

}



#column2 {

	width: 460px;

	height: auto;

	float: left;

	margin-top:25px;

	       	

}



#column2inside {

	margin-left:58px;

	       	

}

#column2inside img{

	margin: 6px auto 6px 0;

	       	

}





#force {

	height: 260px;

	clear:both;

	}



#footer {

	width: 100%;

	height: 260px;

	float: left;

	position: relative;

	text-align: left;

	margin-top:5px;

	background-color: #4f4f4f;

	border-top:4px solid #cbc796;

	

	       	

}



#footer h4 {color:#d43434; font-size:20px;}





#footer a {

	color: #e6e2b1;

	text-decoration: none;      	

}



#footer a:hover {

	background:white;	

}





#footercon {

	width: 920px;

	height: auto;

	text-align:left;

	margin: 0 auto 0 auto;

		       	

}



#footercon ul{

	width: 205px;

	height: auto;

	float: left;  

	margin:10px 0 5px 15px;

	color:white;

	    	

}





ul#one1{

	margin-right:40px;

}





#footercon li{

	width: 205px;

	height: auto;

	list-style-type: none; 

	font-size:13px; 

	line-height: 13pt;

	padding-bottom:3px;

	

	  	

}





div#bottomnav {

	width:920px;

	height:50px;

	color:white;

	border-top:1px dotted #e6e2b1;

	border-bottom:1px dotted #e6e2b1;

	}



div#bottomnav ul {

	float:left;

	width:920px;

	height:50px;

	margin:0 0 0 15px;

	}	



div#bottomnav li{

	float:left;

	display:inline;

	padding-right:50px;

	height:50px;

	line-height:50px;

	width:auto;

	}







#bottomline {

	width:920px;

	height:40px;

	padding:18px 0 0 15px;

	color:white;

	}







/* ---------------------------------------- Team ---------------------------------------- */

#teamheading {

	width: 920px;

	height: 55px;

	float: left;

		       	

}





.paren {

	font: italic 10px Arial, sans-serif;

	

	}



/* ---------------------------------------- Our Work ---------------------------------------- */





#workheading {

	width: 920px;

	height: auto;

	float: left;

	

		       	

}



#workheadingcon{

	margin-left:15px;

		       	

}



#portfolio {

	float:left;

	width:920px;

	height:auto;

	

	}



#portfolio a:hover, a.popup:hover, #servcat a:hover, #logo a:hover{

	background:none;

	

	}





#portfolio ul{

	float:left;

	margin-left: 15px;

	

	}



#portfolio li{

	float:left;

	list-style-type: none; 

	display:inline;

	height:240px;

	margin-right:25px;

	

	

	}

#portfolio .end {

	margin-right:0px;

	}







#pages {

	text-align:right;

	margin:0 15px 15px 0;

}





/* ---------------------------------------- Our Services ---------------------------------------- */



#serviceheading {

	width: 920px;

	height: auto;

	float: left;

	margin:5px 15px 0 15px;

		       	

}



#serviceheading img{

	margin-left:15px;

		       	

}



#servcat {

	float:left;

	width:920px;

	height:auto;

	

	}



#servcat ul{

	float:left;

	margin-left: 15px;

	

	}



#servcat li{

	float:left;

	list-style-type: none; 

	display:inline;

	margin-right:25px;

	padding-bottom:10px;

	

	}

#servcat .end, #servcat .servlinks .end {

	margin-right:0px;

	}





#servcat .desclinks li{

	display:block;

	width:280px;

	height: 90px;

	

	

	}



#servcat .servlinks {

	margin-left:223px;

	

	}



#servcat .servlinks li{

	margin-right:238px;

	

	}







/* ---------------------------------------- Contact ---------------------------------------- */



#concolumn1 {

	width: 500px;

	height: auto;

	float: left;

	margin:5px 30px 15px 15px;

			       	

}

#feedback {

	width: 500px;

	height: auto;

	margin:5px auto 15px auto;

			       	

}




#concolumn1 ul{

	list-style: none;



			       	

}

#concolumn1 li{

	     	

	padding:10px 0 0 15px;

	background-image: url(/images/redbullet.gif);

	background-repeat: no-repeat;

	background-position: 0 85%;

	

}







#concolumn2 {

	width: 360px;

	height: auto;

	float: left;

	margin:5px 15px 15px 0;

			       	

}



#concolumn2 img{

	margin:45px 0 20px 0;

			       	

}





#conform {

	width: 450px;

	padding:30px 0 30px 40px;

	height: 450px;

	background-color: #F5F5F5;

	float: left;

	height:auto;

				       	

}



.contactf {

	margin-top:5px;

	font-family: Tahoma, Arial, sans-serif;

	padding: 7px;

	width: 400px;

	border: 1px solid #ccc;

	}

textarea {

	margin-top:5px;

	font: normal 13px Tahoma, Arial, sans-serif;

	width: 400px;

	height: 140px;

	border: 1px solid #ccc;

	padding: 7px;

	}







#conform label{

	font-weight:bold;

	margin-bottom:0.5em;

	color:#000000;

			       	

}



#conform .formtext{

	color:#BF1E2D;

			       	

}



.optional{

	font: italic 10px Arial, sans-serif;

	color: #8d8d85;

}



#conheading {

	width: 920px;

	height: 25px;

	float: left;

		       	

}



input.submitbut { 

	background-image: url(/images/submit.jpg);

		       	

}











/* ---------------------------------------- Web - Marketing - Design ---------------------------------------- */







#aservcolumn1 {

	width: 600px;

	height: auto;

	float: left;

	margin:5px 30px 15px 15px;

			       	

}



#aservcolumn1 ul{

	list-style: none;

	



			       	

}



#aservcolumn1 li{

	padding:10px 0 0 15px;

	background-image: url(/images/redbullet.gif);

	background-repeat: no-repeat;

	background-position: 0 85%;

	

			       	

}







#aservcolumn2 {

	width: 260px;

	height: auto;

	float: left;

	margin:5px 15px 15px 0;

			       	

}



#aservcolumn2 img{

	margin:45px 0 20px 0;

			       	

}







#aservcolumn2 li{

	list-style-type: none; 

	

	padding: 4px 0 4px 0;

	border-bottom: 1px solid #cccccc;

	

	

	}



#aservcolumn2 li a{

	padding: 3px 0 3px 7px;

	display:block;

	}



#aservcolumn2 li a:hover{

	background-color: #EFEBB3;

	text-decoration: none;

	

	}





/* ---------------------------------------- Everything Else ---------------------------------------- */







#misccol1 {

	float:left;

	margin-right:155px;

}



#misccol2 li{

	padding:10px 0 0 15px;

	background-image: url(/images/redbullet.gif);

	background-repeat: no-repeat;

	background-position: 263px 85%;

}