﻿/* CSS Document */
body{padding:0px; margin:0 auto; background-color:#eae2ce; color:#000; font:10px/14px Trebuchet MS, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

a {
text-decoration:none;
color:#FFF;
background-color:inherit;
}

a:hover {
text-decoration:none;
color:#FFF;
background-color:inherit;
}

a img {
border:0;
}
.clear {clear: both; margin: 0px; height:0}

p a{font:10px/14px Trebuchet MS, sans-serif; color:#000; text-decoration:none; list-style-type:none}
p a:hover{ color:#000; text-decoration:none; list-style-type:none}

p span.headline{font:12px/14px Trebuchet MS, sans-serif; color:#2f2f2f; font-weight:bold}

#container{width:1020px; margin:0 auto; position:relative; background:#eae2ce url(../images/background.jpg) 0 0 no-repeat}

ul.bullets li{font:10px/14px Trebuchet MS, sans-serif; background:url(../images/bullet1.gif) 0 4px no-repeat; padding-left:14px; height:16px;}
ul.bullets li a{color:#515151; text-decoration:underline;}
ul.bullets li a:hover{color:#515151; text-decoration:none; background:#f4f6f9}

/* TOP */

#topPan{width:1020px; position:relative; clear:both; height:176px; background:url(../images/menu.png) 0 0 no-repeat;}

#topPan ul.menu{
	position:absolute;
	top:57px;
	left:200px;
	width:813px;
	height: 64px;
}
#topPan ul.menu li{float:left; height:55px; margin-right:5px;}
#topPan ul.menu li a{height:55px; display:block; text-indent:-20000px; }
#topPan ul.menu li a:hover{height:55px;}

#topPan ul.menu li.home a{width:140px; background:url(../images/homeb.png) 0 0 no-repeat; }
#topPan ul.menu li.home a:hover{width:140px; background:url(../images/homebroll.png) 0 0 no-repeat;}
#topPan ul.menu li.home a.active {width:140px; background:url(../images/homebroll.png) 0 0 no-repeat;}

#topPan ul.menu li.story a{width:123px; background:url(../images/storyb.png) 0 0 no-repeat; }
#topPan ul.menu li.story a:hover{width:123px; background:url(../images/storybroll.png) 0 0 no-repeat;}
#topPan ul.menu li.story a.active {width:123px; background:url(../images/storybroll.png) 0 0 no-repeat;}

#topPan ul.menu li.girls a{width:175px; background:url(../images/girlsb.png) 0 0 no-repeat; }
#topPan ul.menu li.girls a:hover{width:175px; background:url(../images/girlsbroll.png) 0 0 no-repeat;}
#topPan ul.menu li.girls a.active {width:175px; background:url(../images/girlsbroll.png) 0 0 no-repeat;}

#topPan ul.menu li.charity a{width:175px; background:url(../images/charityb.png) 0 0 no-repeat; }
#topPan ul.menu li.charity a:hover{width:175px; background:url(../images/charitybroll.png) 0 0 no-repeat;}
#topPan ul.menu li.charity a.active {width:175px; background:url(../images/charitybroll.png) 0 0 no-repeat;}

#topPan ul.menu li.contact a{width:170px; background:url(../images/contactb.png) 0 0 no-repeat; }
#topPan ul.menu li.contact a:hover{width:170px; background:url(../images/contactbroll.png) 0 0 no-repeat;}
#topPan ul.menu li.contact a.active {width:170px; background:url(../images/contactbroll.png) 0 0 no-repeat;}

#hooters{
	position:absolute;
	top:34px;
	left:45px
}

#twitter{
	position:absolute;
	top:19px;
	left:667px
}

#facebook{
	position:absolute;
	top:15px;
	left:843px
}

/* CONTENT */

#content{width:1020px; position:relative; clear:both;}

#logo{
	position:absolute;
	top:-5px;
	left:10px
}

#flag{
	position:fixed;
	top:1px;
	left:7px;
	z-index:0
}

#model{
	position:absolute;
	top:79px;
	left:1px;
}

#paperbkgd{
	position:absolute;
	top:54px;
	left:282px;
}

#paperbkgd1{
	position:absolute;
	top:55px;
	left:536px;
}

#paperbkgd2{
	position:absolute;
	top:55px;
	left:1036px;
}

#cphoto1{
	position:absolute;
	top:54px;
	left:263px;
}

#cphoto2{
	position:absolute;
	top:245px;
	left:263px;
}

#cphoto3{
	position:absolute;
	top:398px;
	left:263px;
}

#cphoto4{
	position:absolute;
	top:527px;
	left:263px;
}

#gphoto1{
	position:absolute;
	top:58px;
	left:516px;
}

#next{
	position:absolute;
	top:699px;
	left:902px;
}

p span.headline{font:16px/22px Trebuchet MS, sans-serif; color:#2f2f2f; font-weight:bold}

#text{
	position:absolute;
	top:73px;
	left:352px;
}

#text #textcol{width:626px; float:left;  margin-bottom:10px}
#text #textcol2{width:313px; float:left; margin-left:20px}
#text p a{font:10px/14px Trebuchet MS, sans-serif; color:#f6013a; text-decoration:underline;}
#text p a:hover{ color:#000; text-decoration:none;}

#text1{
	position:absolute;
	top:87px;
	left:410px;
	height: 365px;
}
#text1 input, #text1 textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#text1 textarea {
	height: 90px;
}

#text1 textarea:focus, #text1 input:focus {
	border: 2px solid #900;
}

#text1 input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}

#text2{
	position:absolute;
	top:80px;
	left:264px;
}

#text3{
	position:absolute;
	top:88px;
	left:643px;
}

#openm{
	position:absolute;
	background: url(images/tooltip1.png) 0 0 no-repeat;
	width:127px;
	height:25px;
	top:370px;
	left:431px;
}

#options{
	position:absolute;
	top:352px;
	left:558px;
}

#oppor{
	position:absolute;
	top:374px;
	left:614px;
}

#optim{
	position:absolute;
	top:353px;
	left:729px;
}

#opin{
	position:absolute;
	top:376px;
	left:803px;
}

#optical{
	position:absolute;
	top:362px;
	left:900px;
}

#incontent{width:1020px; position:relative; padding:475px 0 0 0; margin:0 auto}

#leftPan{width:240px; margin:5px 80px 0 0; float:left; display:inline}
#rightPan{width:400px; float:left;}
#Pan{width:275px; margin:5px 0px 0 0; float:left}


#boss{width:240px; margin-left:10px; margin-bottom:23px}
#boss h2{height:70px; position:relative; margin-bottom:11px}
#boss p{margin-left:7px; margin-bottom:10px}
#boss p span{ height:18px; background:url(../images/calendar.gif) 0 0 no-repeat; padding-left:35px; display:block; margin-bottom:5px; font:12px/14px Trebuchet MS, sans-serif; color:#2f2f2f; font-weight:bold; padding-top:6px}
#boss p a{font:10px/14px Tahoma, sans-serif; color:#848484; text-decoration:none;}
#boss p a:hover{ color:#000; text-decoration:none;}
#boss img{width: 232px; position:relative; top:0; left:5px; border:none}

#tv{width:265px; margin-left:10px; margin-bottom:23px}
#tv h2{height:58px; position:relative; margin-bottom:11px; background:url(../images/orangepride.png) 0 0 no-repeat;
    top: 0px;
    left: 0px;
}
#tv p{margin-left:7px; margin-bottom:10px}
#tv p span{ height:18px; background:url(../images/calendar.gif) 0 0 no-repeat; padding-left:35px; display:block; margin-bottom:5px; font:12px/14px Trebuchet MS, sans-serif; color:#2f2f2f; font-weight:bold; padding-top:6px}
#tv p a{font:10px/14px Tahoma, sans-serif; color:#848484; text-decoration:underline;}
#tv p a:hover{ color:#000; text-decoration:none;}
#tv img{width: 232px; position:relative; top:0; left:10px; border:none}
#tv a{width:232px; height:14px;font:10px/14px Tahoma, sans-serif; list-style-type:none; text-decoration:none;}
#tv a:hover{text-decoration:none;}

#ad{width:189px; height:115px; position:relative; background:url(../images/b_ad.jpg) 0 0 no-repeat}
#ad img{position:absolute; top:15px; left:10px}
#ad ul.btn_ad{width:67px; height:14px; position:absolute; top:65px; left:13px}
#ad ul.btn_ad li{width:67px; height:14px; text-align:center;  background:url(../images/b_btn_ad.gif) 0 0 no-repeat}
#ad ul.btn_ad li a{width:67px; height:14px;font:10px/14px Tahoma, sans-serif; color:#000; text-decoration:none;}
#ad ul.btn_ad li a:hover{color:#c92924}

#fame{
	position:absolute;
	top:60px;
	left:10px;
	border:none
}
#faceb{
	position:absolute;
	top:120px;
	left:10px;
	border:none
}

#welcome{width:400px; height:248px; margin-bottom:25px; background:url(../images/pad.png) 0 40px no-repeat;}
#welcome h2{height:41px; position:relative}
#welcome p.subtitle{clear:both; border:#dadbdd 1px dashed; border-left:none; border-right:none; padding:7px 5px; margin-bottom:13px; font:11px/14px Trebuchet MS, sans-serif; color:#b5b5b5; text-transform:uppercase}
#welcome img{
	position:absolute;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	left: 377px;
	top: 513px;
	width: 205px;
	height: 60px;
}
#welcome #welcomeText{width:275px; float:left;  margin-bottom:10px}
#welcome ul.bullets {margin-left:8px;}

#events{width:215px; margin-right:15px; float:left}
#events h2{height:25px; position:relative; background:url(../images/h_events.gif) 3px 0 no-repeat; margin-bottom:13px}
.eventsTopic{width:210px; margin-bottom:15px;}
.eventsTopic img{float:left; margin-right:12px}

#services{width:190px; float:left}
#services h2{height:25px; position:relative; background:url(../images/h_services.gif) 3px 0 no-repeat; margin-bottom:16px}
#services p{margin-bottom:7px}
#services p span{ min-height:30px; background:url(../images/check.gif) 0 2px no-repeat; padding-left:37px; display:block; margin-bottom:5px; font:12px/14px Trebuchet MS, sans-serif; color:#ea7d1e; }

/* FOOTER */

#footer{height:40px; clear:both; margin:0 auto; width:1020px; margin-top:5px; background:url(../images/footer.png) 80px 0 no-repeat;}
#footer p{padding: 20px 0 0 0; font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; text-align:center; color:#848484;}
#footer p span{font:11px/16px Trebuchet MS, sans-serif; }
#footer p a{font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; color:#848484; text-decoration:none; padding: 0 5px }
#footer p a:hover{text-decoration:none; background:#848484; color:#fff}

