html, body, #footer, #splash {
	margin:				0px;
	padding:			0px;
}

body {
	background:			url(../img/bg.png) top left repeat-x #999;
	font-size:			10pt;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
}

h4 {
	margin-bottom:		5px;
}

blockquote {
	margin-top:			0px;
}

.right {
	clear:				right;
	float:				right;
}

#container {
	width:				900px;
	margin:				auto;
	background:			url(../img/back-green.jpg) top left repeat-y #FFF;
}

#header {
	height:				206px;
}

#header #logo {
	float:				left;
	width:				232px;
	height:				206px;
	background:			url(../img/logo.png) top left no-repeat;
	cursor:				pointer;
}

#nav ul {
	margin:				0px;
	padding:			0px;
	padding-top:		180px;
}

#nav li {
	display:			inline;
}

#nav li a{
    height:				20px;
    display:			block;
    float:				left;}

#aboutus a {
	background:			url(../img/menu.png) no-repeat scroll 0px 0px;
	width:				57px;
}
#aboutus a:hover {
	background:			url(../img/menu.png) no-repeat scroll 0px -20px;
}

#contact a {
	background:			url(../img/menu.png) no-repeat scroll -57px 0px;
	width:				56px;
}
#contact a:hover {
	background:			url(../img/menu.png) no-repeat scroll -57px -20px;
}

#industry a {
	background:			url(../img/menu.png) no-repeat scroll -113px 0px;
	width:				123px;
}
#industry a:hover {
	background:			url(../img/menu.png) no-repeat scroll -113px -20px;
}

#members a {
	background:			url(../img/menu.png) no-repeat scroll -236px 0px;
	width:				57px;
}
#members a:hover {
	background:			url(../img/menu.png) no-repeat scroll -236px -20px;
}

#newsevents a {
	background:			url(../img/menu.png) no-repeat scroll -293px 0px;
	width:				80px;
}
#newsevents a:hover {
	background:			url(../img/menu.png) no-repeat scroll -293px -20px;
}

#resources a {
	background:			url(../img/menu.png) no-repeat scroll -373px 0px;
	width:				66px;
}
#resources a:hover {
	background:			url(../img/menu.png) no-repeat scroll -373px -20px;
}

#productions a {
	background:			url(../img/menu.png) no-repeat scroll -439px 0px;
	width:				81px;
}
#productions a:hover {
	background:			url(../img/menu.png) no-repeat scroll -439px -20px;
}

#dii a {
	background:			url(../img/menu.png) no-repeat scroll -520px 0px;
	width:				134px;
}
#dii a:hover {
	background:			url(../img/menu.png) no-repeat scroll -520px -20px;
}


#leftNav {
	width:				260px;
	padding-top:		50px;
}

#leftNav ul {
	list-style:			none;
	padding:			0;
	margin:				0;
}

#leftNav li a {
	display:			block;
	width:				236px;
	padding:			8px 12px;
	background-color:	#91AA71;
	text-decoration:	none;
	color:				#FFF;
	font-size:			1.2em;
	font-weight:		bold;
}

#leftNav li .odd {
	background-color:	#9DB788;
}

#leftNav li a:hover {
	color:				#B9CFA8;
}

#content {
	float:				right;
	background:			url(../img/pixels.jpg) top right no-repeat;
	width:				590px;
	padding:			25px 15px 15px 0;
	font-size:			1.0em;
}

#content p {
	line-height:		150%;
}

#content img {
	border:				none;
}

#content h2 {
	color:				#9A9A9A;
	font-size:			2.0em;
}

#content h5 {
	background-color:	#DDD;
	padding:			8px;
	font-size:			0.9em;
	line-height:		160%;
}

#content h6 {
	background-color:	#DDD;
	padding:			8px;
	font-size:			0.9em;
	line-height:		160%;
	font-weight:		normal;
}

#content a:link {
	color: #666;
	text-decoration: none;
}

#content a:active {
	color: #000;
	text-decoration: none;
}

#content a:visited {
	color: #666666;
	text-decoration: none;
}

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

#content table.tbl {
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	background-color: #FFF;
	width: 580px;
	border-collapse:	collapse;
}

#content table.tbl th {
	background-color: #666;
	color: #FFF;
	font-size: 1.2em;
	vertical-align: top;
	padding: 6px;
}

#content table.tbl td {
	padding: 6px;
	vertical-align: top;
}

#content table.tbl tr.odd {
	background-color: #DFDFDF;
	padding: 5px;
	vertical-align: top;
}

#content table.tbl tr.even {
	background-color: #FFF;
	vertical-align: top;
}

#content table.tbl tr.member:hover {
	background-color:	#91AA71;
	color:				#FFF;
	cursor:				pointer;
}

#content #redtext, #content span.redtext a, #content .redtext, #content a.redtext {
	color:				#930;
	font-size:			1.0em;
}

#content #bluetext, #content span.bluetext a, #content .bluetext, #content a.bluetext {
	color:				#06c;
	font-size:			1.0em;
}

#footer {
	clear:				both;
	display:			block;
	text-align:			right;
	padding:			10px;
}

#rss {
	float:				left;
	margin-left:		260px;
}

#rss img {
	border:				none;
}

#footnotes {
	width:				900px;
	margin:				auto;
	text-align:			right;
	padding:			10px;
	color:				#CCC;
	font-size:			0.7em;
}

#footnotes a {
	color:				#CCC;
	text-decoration:	none;
}

#footnotes a:hover {
	text-decoration:	underline;
}

/* Splash Page Styling */
#splash {
	padding:			0px 25px 0 25px;
	clear:				both;
}

#splash h2 {
	color:				#FFF;
}

#splash p, #splash li {
	line-height:		165%;
}

#splash li {
	margin-bottom:		10px;
}

#splash_ad {
	float:				left;
	width:				230px;
	text-align:			center;
	padding-left:		10px;
	padding-top:		20px;
}

#splash_101 {
	width:				225px;
	float:				left;
	background:			url(../img/splash-back-green.jpg) top left no-repeat #FFF;
	padding:			15px;
}

#splash_102 {
	width:				550px;
	float:				right;
	background:			url(../img/splash-back-blue.jpg) top left no-repeat #FFF;
	padding:			15px;
}

#splash_103 {
	width:				550px;
	float:				right;
	background:			url(../img/splash-back-light-blue.jpg) top left no-repeat #FFF;
	padding:			15px;
	margin-top:			20px;
}

#scroll {
	margin:				0 25px;
	margin-bottom:		20px;
	font-weight:		bold;
	cursor:				pointer;
	font-size:			1.1em;
clear: both;
}

/* Trailer Listing Style */
.trailer {
	float:				left;
	text-align:			center;
	margin:				10px;
	width:				156px;
	color:				#666;
}

.trailer img {
	margin-bottom:		10px;
}

/* Online Member Listing Style */
#photo {
	float:				right;
	clear:				right;
	margin-right:		20px;
}

#twitterFeed {
	border:				2px solid #91AA71;
	float:				right;
	width:				240px;
	background:			#7396AB;
	color:				#FFF;
	font-size:			0.8em;
	padding:			5px 2px 5px 10px;

}

#twitterFeed .wrap {
	overflow-y:			scroll;
	overflow-x:			hidden;
	height:				400px;
}

#twitterFeed a {
	color:				#FFF !important;
	text-decoration:	underline !important;
}

div.blogEntry .date {
	font-style: 		italic;
	font-size:			0.8em;
	color:				#9A9A9A;
}
div.blogEntry p {
	margin:0;
}

#shareButtons {
	margin-top:			20px;
}

iframe.twitter-share-button {
	float:				right;
}



div.blogBox {
	width:				135px;
	border:				2px solid #91AA71;
	float:				right;
	clear:				right;
	background:			#7396AB;
	color:				#FFF;
	font-size:			0.9em;
	padding:			5px 15px 5px 10px;
	margin-bottom:		20px;
	margin-left:		10px;
}

div.blogBox h3 {
	margin-bottom:		5px;
}

div.blogBox a {
	color:				#FFF !important;
}

div.blogBox p {
	padding:			0;
	margin:				3px 0;
}

#ditto_pages {
	margin-top:			15px;
	text-align:			center;
}

#ditto_pages .ditto_page, #ditto_pages .ditto_currentpage {
	padding:			0 5px;
}

/*
---> Member Area Styling
*/
ul.memberNav {
	margin:				0;
	margin-bottom:		10px;
	padding:			0;
	clear:				both;
}
ul.memberNav li {
	list-style:			none;
	display:			inline;
	border-left:		1px solid #999;
	
}
ul.memberNav li a {
	margin:				0 10px;
}
ul.memberNav li.first {
	border-left:		0;
}
ul.memberNav li.first a {
	margin:				0;
}

.success {
	background:			url(../img/tick.png) 5px center no-repeat #E6EFC2;
	border:				1px solid #B4CB54;
	padding:			5px;
	padding-left:		25px;
	font-weight:		bold;
	margin-bottom:		10px;
}
.error {
	background:			url(../img/cross.png) 5px center no-repeat #FBC2C4;
	border:				1px solid #F02025;
	padding:			5px;
	padding-left:		25px;
	font-weight:		bold;
	margin-bottom:		10px;
}
.warning {
	background:			url(../img/warning.png) 4px center no-repeat #FFFFBF;
	border:				1px solid #EFC703;
	padding:			7px;
	padding-left:		35px;
	font-weight:		bold;
	margin-bottom:		10px;
}

table.small {
	font-size:			0.8em;
}