
/******************************

Rolling Pictures 2010

******************************/

body         {

	font-family: "Trebuchet MS", Helvetica, Verdana, Arial, san-serif; (no bold)
	font-size: 13px;
	color: #333333;
	line-height: 150%;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;

}

#container {

	width: 1000px; 
	background: url('images/logo-background.gif') top right no-repeat; 
	border: 0px #c9c9c9 dashed;  

}

#header {

	width: 100%; 
	height: 115px; 
	padding-top: 10px;
	border: 0px #c9c9c9 dashed;

}

#logo {

	float: left;
	padding-left: 15px;  

}

#intro {

	float: right;
	padding-right: 20px;  
	width: 440px; 
	text-align: left; 
	padding-top: 35px;
	color: #999999;
	font-size: 80%; 

}

#navigation {

	width: 950px; 
	height: 25px; 
	padding-top: 0px;
	border-bottom: 3px solid #DBDBDB;
	text-align: left;
	padding-left: 8px;
 	padding-bottom: 5px;
	margin: 0; 

}

a.btn-home, a.btn-productions, a.btn-about, a.btn-contact {

	padding-right: 12px; 
	padding-left: 12px;
	text-decoration: none !important; 
	font-weight: bold; 
	border-left: 1px solid #9C9C9C; 
	
}

a:hover.btn-home, a:hover.btn-productions, a:hover.btn-about, a:hover.btn-contact {

	text-decoration: none !important; 
	color: #666666 !important; 

}

a.btn-home {
	/* color: #C83335 !important; */ 
	color: #9C9C9C  !important; 
}

a.btn-productions {
	/* color: #30910D !important; */ 
	color: #9C9C9C  !important; 
}

a.btn-about {
	/* color: #0042B2 !important; */ 
	color: #9C9C9C  !important; 
}

a.btn-contact {
	/* color: #CBA500 !important; */ 
	color: #9C9C9C  !important; 
}

#footer {

	width: 980px; 
	height: 25px; 
	padding-top: 5px;
	border-top: 3px solid #DBDBDB;
	text-align: centre;
	font-size: 80%; 
	color: #999999;
	padding-left: 20px; 
	padding-bottom: 20px; 

}


p {

	line-height: 150%;

}

#content { 
 	padding: 0; 
 	margin: 0; 
	padding-top: 5px;
	padding-bottom: 5px;
}

#contactcontainer { 
  
	text-align: left;  
	padding-top: 0px;
	padding-bottom: 0px;
	width: 90%;
	height: 380px;
	border: 0px dashed #c9c9c9; 

}

#contact { 
 
	float: left; 
	text-align: left;  
	margin-top: 20px;
	margin-bottom: 20px;
	width: 40%;
	border: 0px dashed #c9c9c9; 

}


#map { 
 
	float: right; 
	width: 450px; 
	height: 350px; 

}

a:link, a:visited, a:active {

	color: #666666;
	text-decoration: underline;

}


