/* CSS Document */
* {
	margin:0;
	padding:0;
}


html,body{
	margin:0;
	padding:0;
	height:100%;
}

body {
		
		background-color:#dddddd;
		background:url(../images/page_bg.jpg) repeat-x #000000;
		background-attachment:fixed; 
		background-color:#5ca5ce;
		font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
		font-size:10px;
		color:#FFFFFF;

}

#frame {
		margin:15px auto 25px auto;
		width:1020px;
		
		/*height:1200px;*/
		overflow:hidden;
		padding:0px 0px 0px 0px;
		/*background-color:#000000;*/

		font-size:13px;
	
		line-height:18px;
		
		position:relative;
	
}

#litchfieldmedialogo { 

 		margin-top: 250px;
		/*margin-right: 10px;*/
 		/*background: #000000;*/
		/*background-image:  url(../images/line.png);
		background-image:  url(../images/2010logoweb.png);
		background-repeat: no-repeat;*/
 		width: 180px;
		height:100px;
		float: left;
		
}

#topimages { 
 		
 		background: #bbbbbb;
		margin-left: 30px;
 		width: 750px;
		height:350px;
		float: left;
		
}

#slideshow {
		/*position:relative;*/
		background: #bbbbbb;
		margin-left: 30px;
 		width: 750px;
		height:350px;
		float: left;





}

#slideshow IMG {
		position:absolute;
		top:0;
		left:30;
		z-index:8;

}

#slideshow IMG.active {
		z-index:10;
}

#slideshow IMG.last-active {
		z-index:9;
}


#menu { 
 		
 		/*background: #aaaaaa;*/
		padding-top: 23px;
 		width: 180px;
		height:350px;
		float: left;
		
}

#aboutus {
		display:block;
		width: 180px;
		height: 28px;
		background: url(../images/aboutus.png) no-repeat 0 0;



}

#aboutus:hover {
		background-position: 0 -28px;

}

#aboutus span
{
	display: none;
}


#videoproduction {
		display:block;
		width: 180px;
		height: 28px;
		background: url(../images/videoproduction.png) no-repeat 0 0;



}

#videoproduction:hover {
		background-position: 0 -28px;

}

#videoproduction span
{
	display: none;
}




#videoforbusiness {
		display:block;
		width: 180px;
		height: 28px;
		background: url(../images/videoforbusiness.png) no-repeat 0 0;



}

#videoforbusiness:hover {
		background-position: 0 -28px;

}

#videoforbusiness span
{
	display: none;
}


#viral {
		display:block;
		width: 180px;
		height: 28px;
		background: url(../images/viral2.png) no-repeat 0 0;



}

#viral:hover {
		background-position: 0 -28px;

}

#viral span
{
	display: none;
}

#musicvideo {
		display:block;
		width: 180px;
		height: 28px;
		background: url(../images/musicvideo.png) no-repeat 0 0;



}

#musicvideo:hover {
		background-position: 0 -28px;

}

#musicvideo span
{
	display: none;
}






#webtv {
		display:block;
		width: 180px;
		height: 28px;
		background: url(../images/webtv.png) no-repeat 0 0;



}

#webtv:hover {
		background-position: 0 -28px;

}

#webtv span
{
	display: none;
}

#redhire {
		display:block;
		width: 180px;
		height: 28px;
		background: url(../images/redhire.png) no-repeat 0 0;



}

#redhire:hover {
		background-position: 0 -28px;

}

#redhire span
{
	display: none;
}

#showreel {
		display:block;
		width: 180px;
		height: 28px;
		background: url(../images/showreel.png) no-repeat 0 0;



}

#showreel:hover {
		background-position: 0 -28px;

}

#showreel span
{
	display: none;
}

#contact {
		display:block;
		width: 180px;
		height: 28px;
		background: url(../images/contact.png) no-repeat 0 0;



}

#contact:hover {
		background-position: 0 -28px;

}

#contact span
{
	display: none;
}

#content {
	margin-left:210px;
	width: 750px;
	/*background-color:red;*/
	
}

.camera1 {
		margin:0px 0px 0px 50px;
		width:200px;
		height:800px;
		float:left;
		align:left;
		position:absolute;
		/*border:1px solid red;*/
}

.camera2 {
		
		margin:0px 0px 0px 280px;
		width:350px;;
		height:800px;
		float:left;
		align:left;
		
		position:absolute;
		/*border:1px solid red;*/
}

.camera3 {
		margin:0px 0px 0px 650px;
		width:100px;
		height:800px;
		float:left;
		align:left;
		
		position:absolute;
		/*border:1px solid red;*/
	
}

.camera4 {
		margin:0px 0px 0px 760px;
		width:100px;
		height:800px;
		float:left;
		align:left;
		
		position:absolute;
		/*border:1px solid red;*/
	
}



#column_1 { 
 		padding-top: 30px;
		padding-bottom: 30px;
		margin-left: 0px;
		
 		/*background: blue;*/
 		width: 750px;
		height:auto;
		float: left;
		
}

#column_2 { 
		margin-left:30px;
 		padding-top: 30px;
	
		padding-bottom: 30px;
 		/*background: red;*/
 		width: 250px;
		height:auto;
		float: left;
		
}


#clients {
		/*margin:25px 0px 25px 300px;*/
		/*margin-left: 200px;*/
		width:750px;
		height:120px;
		border-top: 1px solid #ffffff;
		
		overflow:hidden;
	
		
		/*color:#000000;*/
		font-size:12px;
	
		line-height:18px;
		float:left;
		position:relative;
		padding-bottom:0px;
	
}

#footer { 
 		padding-top:10px;
		text-align:center;
		float: left;
		width: 750px;
 		clear: both;
 		color: #ffffff;
 		border-top: 1px solid #ffffff;
 		
 		margin-left:auto;
		margin-right:auto;
		padding-bottom:30px;;
 		
}



#footer_bottom {
		width:350px;
		margin-left:auto;
		margin-right:auto;
		padding-top:5px;
		padding-left:5px;
		text-align:left;
		vertical-align:bottom;
		
}

#footer_logo{
		float:left;
		margin-right:10px;
}

#footer_right{
		
}

p {
		font-size:12px;
		/*text-align:justify;*/
		/*line-height:20px;*/
		font-weight:normal;
		/*padding-bottom:.7em;*/
}


br {	
		line-height:15px;
}

h1 {
		font-size:17px;
		font-weight:bold;
		color:#ffffff;
		padding-bottom:.7em;
		
}

h2 {
		font-size:14px;
		font-weight:bold;
		color:#ffffff;
		padding-bottom:.7em;
}

h3 {
		font-size:17px;
		font-weight:bold;
		color:#ffffff;
		padding-bottom:.7em;
}

h4 {
		font-size:18px;
		font-weight:bold;
		color:#ffffff;
		padding-bottom:.7em;
}

ul {
		list-style:square inside;
		line-height:22px;
}

c {		
		font-size:14px;
		font-weight:bold;
		color:#ffffff;
}

p2 {		
		font-size:22px;
		font-weight:bold;
		color:#ffffff;
}



a.menu:link, a.menu:visited {
		text-decoration:none;
		color:#0183C1;
		}

a.menu:hover, a.menu:active {
		text-decoration:none;
		color:#000000;
		}
		
a.footerlink:link, a.footerlink:visited {
		text-decoration:none;
		color:#ffffff;
		}

a.footerlink:hover, a.footerlink:active {
		text-decoration:none;
		color:#cccccc;
		}
		
a:link, a:visited {
		text-decoration:none;
		color:#ffffff;
		font-weight:bold;
		}

a:hover, a:active {
		text-decoration:no underline;
		color:#000000;
		}