/* Media Lantern Home Page Styles */

html * {margin: 0; padding: 0;}

body {font-family: Tahoma, Verdana, sans-serif; font-size: 11px; color: #666666;}

.clear {clear: both;}

#wrapper {width: 1000px; margin: 0 auto;}
#navigation {
	position: absolute;
	clear: both;
	cursor: pointer;
}

#logoSpace {text-align: center; padding: 100px 0;}
#portfolioContent {width: 1600px;}
.portfolioMagenta {border: 2px solid #FF0099;}
.portfolioRed {border: 2px solid #FF3333;}
.portfolioOrange {border: 2px solid #FF9933;}
.portfolioYellow {border: 2px solid #FFCC33;}
.portfolioBlue {border: 2px solid #00AEFF;}
#portfolioItem {width: 187px; float: left; display: inline; margin: 0; padding: 0; height: 197px; margin-right: 9px;}
#portfolioItem img {margin: 0; padding: 0; border: none;}
#footer {}
#footer img {border: none; float: right; padding-right: 10px;}

/* Drop Downs */


#panel1 {display: none;}
#panel1 p {margin-top: 5px; font-size: .95em;}
#panel2 {display: none;}
#panel2 p {margin-top: 5px; font-size: .95em;}
#panel3 {display: none;}
#panel3 p {margin-top: 5px; font-size: .95em;}
#panel4 {display: none;}
#panel4 p {margin-top: 5px; font-size: .95em;}
#panel5 {display: none;}
#panel5 p {margin-top: 5px; font-size: .95em;}

.menu {padding-top: 5px;}

#whoWeAre {background: #FF0099; color: #FFFFFF; width: 190px; float: left; display: inline; margin-right: 10px; }
#whatWeDo {background: #FF3333; color: #FFFFFF; width: 190px; float: left; display: inline; margin-right: 10px; }
a.btn-slide1, a.btn-slide2, a.btn-slide3, a.btn-slide4, a.btn-slide5, p.slide {background: #FFFFFF; color: #666666; margin: 5px 0 0 0; width: 100%; text-decoration: none; font-size: 12px; }
#howWeDoIt {background: #FF9933; color: #FFFFFF; width: 190px; float: left; display: inline; margin-right: 10px; }
#contactUs {background: #FFCC33; color: #666666; width: 190px; float: left; display: inline; margin-right: 10px;}
#twitter {background: #00AEEF; color: #FFFFFF; width: 190px; float: left; display: inline; }

.whoWeAreText {padding: 5px 8px; text-align: justify; height: 310px; color: #ffffff; font-weight: bold; font-size: 12px; }
.whatWeDoText {padding: 5px 8px; text-align: justify; height: 310px; color: #ffffff;font-weight: bold; font-size: 12px; }
.howWeDoItText {padding: 5px 8px; text-align: justify; height: 310px;font-weight: bold; font-size: 12px; }
.contactUsText {padding: 5px 8px; text-align: justify; height: 310px;font-weight: bold; font-size: 12px; }
.twitterText {padding: 5px 8px; text-align: justify;  height: 310px;}
.contactUsText p {background: #FFCC33 !important; line-height: 1.5em;font-weight: bold; font-size: 12px; }
.contactUsText form {padding: 10px 0 0 0;}
.contactUsText input.info {width: 175px; font-family: Tahoma, Verdana, sans-serif; font-size: 11px; color: #666666; border: 1px #ff9933 solid; margin: 3px 0;}
.contactUsText textarea {width: 175px; height: 100px; font-family: Tahoma, Verdana, sans-serif; font-size: 11px; color: #666666; border: 1px #ff9933 solid;}
.contactUsText input.submit {font-family: Tahoma, Verdana, sans-serif; font-size: 11px; color: #666666; float: right; border: 1px #ff9933 solid; background: #FFFFFF; margin: 2px 3px 0 0;}


#twitter_div ul {margin: 0; padding: 0;}
#twitter_div li {list-style: none; padding: 5px 0;}
#twitter_div a {color: #FFCC33;}

/* Scrollbar styles */

.holder {
	margin: 0;
	display: block;
	/* TEMP */
	margin-bottom: 20px;
}
.scroll-pane {
	width: 800px;
	background: #ffffff;
	float: left;
	padding: 0;
}

#pane5 {
	height: 220px;
	width: 1000px;
	padding: 0;
	display: block;
	_overflow: hidden;
}