@charset "utf-8";
/* CSS Document */
body {
	font-size:10pt;
	font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background:#373e22 url(http://www.mediapeta.com/standalones/trauma/images/MainBG.jpg) top center no-repeat !important;
	background-position: 50% 150px !important;
	height:100%;}
	
a, a:visited {
	color:#770700;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

#header {
	width:980px;
	margin:0 auto;
	height:110px;
	background: url(http://www.mediapeta.com/standalones/trauma/images/header.jpg) top center no-repeat;}

#container {
	width:980px;
	margin:0 auto;
	display:block;
	}
	#containerHeader {float:right; margin: 5px 10px 0px 0px;}
	#containerHeader a {
		color:#fff;
		font-weight:bold;
		text-transform:uppercase;
		display:inline-block;
		height:20px;
	}
	#bigcenter {
		width: 982px;
		float:left;
		text-align:left;
		}
		/*----CONVIO WRAPPER----*/
		#ConviointroText {
			float:left;
			text-align:left;
			background:url(http://www.mediapeta.com/standalones/trauma/images/centerLG.png) top left no-repeat;
			width: 982px;
			height: 1000px;
			margin: -15px 0px 0px 0px;
			padding: 60px 0px 0px 30px;
		}
			#ConviointroText .title {font-size:16px; color:#000; text-transform:uppercase; font-weight:bold;}
			#ConviointroText div.text {width: 900px;}
		/*----CONVIO WRAPPER ENDS----*/	
		/*----Share WRAPPER----*/
		#ShareintroText {
			float:left;
			text-align:left;
			background:url(http://www.mediapeta.com/standalones/trauma/images/centerMDp2.png) top left no-repeat;
			width: 982px;
			height: 770px;
			margin: -15px 0px 0px 0px;
			padding: 60px 30px 0px 30px;
		}
			#ShareintroText .title1 {font-size:16px; color:#000; text-transform:uppercase; font-weight:bold;}
			#ShareintroText .title2 {font-size:12px; color:#000; text-transform:uppercase; font-weight:bold;}
			#ShareintroText div.text1 {width: 450px; float:left;}
			#ShareintroText div.text2 {width: 430px; float:right; margin: -20px 60px 0px 0px; font-size:10pt; font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, Helvetica, sans-serif;}
		/*----Share WRAPPER ENDS----*/
		/*----Thank You WRAPPER----*/
		#TYintroText {
			float:left;
			text-align:left;
			background:url(http://www.mediapeta.com/standalones/trauma/images/centerSM.png) top left no-repeat;
			width: 982px;
			height: 388px;
			margin: -15px 0px 0px 0px;
			padding: 60px 30px 0px 30px;
		}
			#TYintroText .title {font-size:16px; color:#000; text-transform:uppercase; font-weight:bold;}
			#TYintroText div.text {width: 480px;}
		/*----Thank You WRAPPER ENDS----*/
		/*---------101------------*/
		
		/*--------101 ENDS--------*/	
	/*--HOME PAGE--*/
	#leftSide {
		width: 442px;
		float:left;
		text-align:left;
		}
		#introText {
			float:left;
			text-align:left;
			background:url(http://www.mediapeta.com/standalones/trauma/images/intro.png) top left no-repeat;
			width: 442px;
			height: 300px;
			margin: -15px 0px 0px 0px;
			padding: 60px 0px 0px 30px;
		}
			#introText .title {font-size:16px; color:#000; text-transform:uppercase; font-weight:bold;}
			#introText div.text {width: 390px;}
		#RSS {
			float:left;
			text-align:left;
			background:url(http://www.mediapeta.com/standalones/trauma/images/RSS.png) top left no-repeat;
			width: 442px;
			height: 284px;
			margin: 0px 0px 0px 16px;
			padding: 5px 0px 0px 5px;
		}
			#RSS ul {
				list-style:none;
				margin-left: -10px;
				width: 370px;
			}
			#RSS li {
				padding: 0px 0px 20px 15px;
				margin: 0px 0px 0px -20px;
				background-image:url(http://www.mediapeta.com/standalones/trauma/images/star.png);
				background-position:0px 5px;
				background-repeat:no-repeat;
				
			}
			#RSS .more {
				text-align:right;
				float:right;
				margin-top: -20px;
				padding: 0px 45px 0px 0px;
			}
	#slideshow {
		float:right;
		text-align:left;
		background: url(http://www.mediapeta.com/standalones/trauma/images/folder.png) top left no-repeat;
		width: 538px;
		height: 554px;
		margin: 30px 0px 0px 0px;
	}
		#slideshow #show {
			width:500px;
			height:450px;
			margin: 0px 0px 0px 0px;
			padding: 20px 0px 0px 20px;
			float:left;}
			a#learnMore {background:url(http://www.mediapeta.com/standalones/trauma/images/learnMore.jpg) bottom left no-repeat; width:110px; height:19px; display:block;}
			a#learnMore:hover {background:url(http://www.mediapeta.com/standalones/trauma/images/learnMore.jpg) top left no-repeat;}
	#buttons {
		background:url(http://www.mediapeta.com/standalones/trauma/images/buttonBG.png) no-repeat;
		width:980px;
		height: 215px;
		text-align:left;
	}
		#buttonHeader {
			width: 953px;
			height: 33px;
			background-color:#000;
			margin-left:15px;
			text-align:left;
		}
		#buttonBig {
			background:url(http://www.mediapeta.com/standalones/trauma/images/bigButton980Wide.png);
			width:980px;
			height:177px;
			text-align:left;
			float:left;
		}
			#buttonBig .text {
				height: 105px; 
				padding: 30px 0px 0px 35px; 
				color:#251e07;}
			.BigButtonTitle a {
				font-size:18px; 
				font-weight:bold; 
				line-height:18px; 
				text-transform:uppercase; 
				color:#251e07;}
			.BigButtonText {
				font-size:15px; 
				margin: 0;
				width:775px;
				color:#251e07;}
			.BigButtonClick a {
				float:right; 
				display:block; 
				font-size:14px; 
				color:#edc726; 
				text-transform:uppercase; 
				padding: 4px 45px 0px 0px; 
				font-weight:bold;}
			.BigButtonClick a:hover {
				color:#fff; 
				text-decoration:none;}
		#button2 {
			background:url(http://www.mediapeta.com/standalones/trauma/images/button2.png);
			width:196px;
			height:285px;
			text-align:left;
			float:left;
		}
			.text2 {height: 226px; padding: 20px 15px 0px 15px; font-size:12px; color:#251e07;}
			.buttonTitle a {font-size:14px; font-weight:bold; line-height:15px; color:#251e07; text-transform:uppercase;}
			.ButtonClick2 a {float:right; display:block; font-size:12px; color:#edc726; text-transform:uppercase; padding: 8px 30px 0px 0px; font-weight:bold;}
			.ButtonClick2 a:hover {color:#fff; text-decoration:none;}
		#button3 {
			background:url(http://www.mediapeta.com/standalones/trauma/images/button3.png);
			width:196px;
			height:285px;
			text-align:left;
			float:left;
		}
			.ButtonClick3 a {float:right; display:block; font-size:12px; color:#edc726; text-transform:uppercase; padding: 8px 28px 0px 0px; font-weight:bold;}
			.ButtonClick3 a:hover {color:#fff; text-decoration:none;}
		#button4 {
			background:url(http://www.mediapeta.com/standalones/trauma/images/button4.png);
			width:198px;
			height:285px;
			text-align:left;
			float:left;
		}
			.ButtonClick4 {
				padding: 0; margin: 0;
				}
		
			.ButtonClick4 a {float:right; display:block; font-size:12px; color:#edc726; text-transform:uppercase; padding: 4px 32px 0px 0px; font-weight:bold; line-height:12px; text-align:right;}
			.ButtonClick4 a:hover {color:#fff; text-decoration:none;}
		#facebook {
			float:right; 
			margin: -2px 6px 0px -20px;
			padding: 11px 0 0 0;}
			a#facebookButton {
				background:url(Images/facebookbutton.gif) left -166px no-repeat;
				width:395px; 
				height:166px; 
				display:block;}
			a#facebookButton:hover {background:url(Images/facebookbutton.gif) top left no-repeat;
text-decoration:none;}
	/*--HOME PAGE ENDS--*/
/*FOOTER STYLE*/
/*------------------*/

#footershell {width:100%; background-color:#262b18;}
#footer {
	padding: 0 0 30px 1px;
	margin:0 auto;
	text-align:left;
	width:980px;}
	#footerp1 {float:left; width: 180px; color:#FFFFFF; margin: 10px 0px 0px 10px; text-transform:uppercase; font-size:8pt;}
	#footerp2 {float:left; width: 450px; margin: -20px 0px 0px 210px;}
		#footerp2 a {color:#FFFFFF; text-transform:uppercase; font-size:8pt;}
	#footerp3 {float:right; color:#FFFFFF; margin: 0px 10px 0px 0px;}
	.Logo {float:left; margin: 6px 10px 0px 0px;}

/*BRANDING BAR STYLE*/
/*------------------*/
#brandingbarwrapper {
	background: #fff;
	margin: 0 auto;
	text-align: left;
	width: 100%;
}

#branding_bar {
	margin: 0 auto;
	padding:0 !important; 
	width: 980px !important;	
}

#branding_footer {
	margin: 0 auto;
	padding: 18px 0;
	width: 980px !important;	
	color: #666;
	font: 11px Arial, Helvetica, sans-serif;	
}

/* Branding Bar Top Nav */

#topnav {
	background: #fff url('http://mediapeta.com/peta/images/global/branding_logos/peta_logo_branding_gray.gif') no-repeat left bottom;
	width: 956px;
	color: #666;
	font-family: Arial,sans-serif;
	margin: 0 auto;
	font-size: x-small;
	padding: 19px 0px 6px 7px;
	text-transform: uppercase;
}
#topnav a {
	color: #666;
	padding: 0 10px;
	margin-top: 10px;
	text-decoration: none;
}
#topnav a.first {
	padding-left: 32px;
}
#topnav a:hover {
	color: #cc0000;
}

/*-------------SCROLLER-------------*/
div.scrollable {
	position:relative;
	overflow:hidden;	 	
	width: 450px;	
	height:65px;					
}
div.scrollable div.items {
	width:20000em;	
	position:absolute;
	clear:both;		
	margin: 0px 5px 0px 5px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	text-align:center;
	width:65px;
	height:65px;
	font-size:30px;
	background-color: #ddd;
	margin-right: 10px;
}
/*-----------------SCROLLER ENDS----------------------*/