/* ========================================================================== *\
	CLIENT: 	RUNNINGROOM
	BUILT BY: 	COMMERCIAL DESIGN & MULTIMEDIA
	AUTHOR:		mrmenellis
\* ========================================================================== */

/* // DOMAIN HEADER STYLESHEET // */
@import url(styl_domainHeader.css);

body
{
margin: 0;
padding: 0;
background: white url(../img/home/backgrounds/background-red_stripe.gif) repeat-x 0 297px;
font: 62.5%/1.5 "Myriad Pro", Myriad, "Lucida Grande", "Lucida Sans", Lucida, "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333;
}

img
{
border: none;
}

a,
#domainFooter p.builtBy a
{
color: rgb(191,0,24);
text-decoration: none;
}

a:hover
{
color: rgb(181,181,181);
text-decoration: underline;
}

/* ORDERS THINGS */
object,
embed
{
z-index: 10;
}

#tupperware
{
width: 958px;
margin: 0 auto;
}

#headlines
{
height: 250px;
margin: 25px 0 6px 0;
padding: 15px 17px 14px 17px;
background: transparent url(../img/home/backgrounds/W3C/background-picture_frame-TA.png) no-repeat 0 0;
}

#headlines h1,
#headlines p,
#section1 p,
#section1 h1,
#section2 p,
#section2 h1,
#section3 p,
#section3 h1,
#section4 p,
#section4 h1,
#section5 p,
#section5 h1
{
margin: 0 0 0px;
padding: 5px 5px 0 5px;
background: rgb(223,223,223);
}

#headlines p,
#section1 p,
#section2 p,
#section3 p,
#section4 p,
#section5 p
{
background: none;
line-height: 1.1;
}

#headlines h1,
#section1 h1,
#section2 h1,
#section3 h1,
#section4 h1,
#section5 h1
{
font-size: 1.4em;
}

#headlineAd
{
	width: 300px;
	height: 250px;
}

#headlineAd img,
#newsReader,
#section1,
#section2,
#section3,
#section4,
#section5
{
border: 1px solid rgb(181,181,181);
}

#headlineAd img:hover
{
border: 1px solid rgb(191,0,24);
}

#newsReader
{
float: right;
width: 609px;
height: 250px;
clear: right;
}


#sectionNav
{
margin: 0 6px 25px;
padding: 5px;
background: transparent url(../img/home/backgrounds/W3C/background-photo_reflection.png) repeat-x 0 0;
}

#section1,
#section2,
#section3,
#section4,
#section5
{
float: left;
margin: 0 6px;
background: white;
width: 173px;
height: 249px;
overflow: hidden;
position:relative;
}

#domainFooter
{
padding: 0 6px 10px;
border-top: 1px solid rgb(181,181,181);
}

#domainFooter p
{
margin: 5px 0 2px;
color: rgb(120,120,120);
}

#domainFooter a,
#domainFooter p.builtBy a
{
color: rgb(110,110,110);
}

#domainFooter a:hover,
#domainFooter p.builtBy a:hover
{
color: rgb(191,0,24);
}

#domainFooter p.builtBy
{
margin: 5px 0;
padding: 0 5px 0 0;
background: rgb(235,235,235);
line-height: 1.75;
text-align: right;
}

#domainFooter p.builtBy img
{
margin: 2px 2px 0;
float: left;
}

.clearLeft
{
clear: left;
}

.clearRight
{
clear: right;
}

/* INTERIOR OVER RIDES */
body.interior
{
background: white url(../img/interior/backgrounds/background-interior.gif) repeat-y 0 0;
}

#tupperware.interior
{
width: auto;
margin: 0 auto 0 208px;
padding: 0 20px 0 14px;
background: white url(../img/interior/backgrounds/background-interior_red_str.gif) repeat-x 0 53px;
}

#tupperware.interior-basic
{
width: auto;
margin: 0 auto 0 0;
padding: 0 20px 0 14px;
background: white url(../img/interior/backgrounds/background-interior_red_str.gif) repeat-x 0 53px;
}


/* INTERIROR */
#internalNav
{
position: absolute;
left: 0;
top: 160px;
width: 207px;
min-height: 768px;
height: 100%;
}

#tupperware.interior h1
{
margin: 0 6px 15px 6px;
font-size: 1.8em;
line-height: 1.1;
}

#tupperware.interior p
{
margin: 0 6px;
font-size: 1.2em;
}

#titleBlock
{
width: 692px;
height: 124px;
margin: 22px 0 45px;
padding: 17px;
background: transparent url(../img/interior/backgrounds/W3C/background-interior_photo.png) no-repeat 0 0;
}

#imageBlock
{
float: right;
margin: 0 0 40px 30px;
}

#tupperware.interior #domainFooter
{
margin-top: 20px;

}

#tupperware.interior #domainFooter p
{
margin: 5px 0 2px;
font-size: 1em;
line-height: 1.75;
}

/* section nav */


#sectionNav h1, #internalNav h1{
	padding:0 10px;
	margin:0;
	line-height:23px;
	height:23px;
	overflow:hidden;
	text-transform:uppercase;
	font-weight:normal;
	font-size:12px;
	letter-spacing:.02em;
	}
#internalNav h1{color:#fff;}	
#sectionNav ul, #sectionNav li,
#internalNav ul, #internalNav li{
	margin:0;
	padding:0;
	list-style:none;
	}
#sectionNav ul{background:#ebebeb;border-top:1px solid #b5b5b5;min-height:249px;}	

#sectionNav li{display:none;}	
#sectionNav li a, #internalNav li a{
	display:block;
	line-height:20px;
	height:20px;
	overflow:hidden;
	padding:0 10px;
	border-bottom:1px solid #b5b5b5;
	background:#ebebeb;
	text-transform:uppercase;
	color:#000;
	font-weight:normal;
	font-size:10px;
	}	
#sectionNav li a:hover, #internalNav li a:hover{background:#ad0014;color:#fff;text-decoration:none;}

#sectionNav .controls{
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	width:173px;
	height:17px;
	line-height:17px;
	background:#ad0014;
	color:#fff;
	margin:0;
	padding:0;
	}
#sectionNav .next, #sectionNav .prev, #sectionNav .close{
	float:left;
	width:50%;
	text-indent:-8000px;
	cursor:pointer;
	height:17px;
	line-height:17px;
	background:url(../hm/img/home/menuImages/menu-next.gif) no-repeat 50% 50%;
	}
#sectionNav .prev{	
	background:url(../hm/img/home/menuImages/menu-prev.gif) no-repeat 50% 50%;
	}	
#sectionNav .close{	
	background:url(../hm/img/home/menuImages/menu-close.gif) no-repeat 50% 50%;
	}		
#sectionNav .mobile{
	height:37px !important;
	line-height:37px !important;
	}	
#sectionNav .prev.mobile, #sectionNav .next.mobile, #sectionNav .close{width:33%;}

#sectionNav .iscroll{}

#internalNav .nav, #internalNav h1{display:none;}
#internalNav .buttons{padding:14px 0;}
#internalNav .buttons li{
	float:left;
	width:80px;
	height:80px;
	border:1px solid #b5b5b5;
	margin-left:14px;
	margin-bottom:14px;
	overflow:hidden;
	cursor:pointer;
	}
#internalNav .buttons li span{
	display:block;
	line-height:22px;
	height:22px;
	margin-top:58px;
	color:#000;
	text-transform:uppercase;
	background:#eee;
	text-indent:5px;
	font-size:11px;
	}	
#internalNav .buttons li:hover span{color:#fff;background:#ad0014;}
#internalNav .button1{background:url(../hm/img/home/menuThumbs/thumb-about_us.jpg) no-repeat 0 0;}
#internalNav .button2{background:url(../hm/img/home/menuThumbs/thumb-event_info.jpg) no-repeat 0 0;}
#internalNav .button3{background:url(../hm/img/home/menuThumbs/thumb-run_with_us.jpg) no-repeat 0 0;}
#internalNav .button4{background:url(../hm/img/home/menuThumbs/thumb-gear_guide.jpg) no-repeat 0 0;}
#internalNav .button5{background:url(../hm/img/home/menuThumbs/thumb-resources.jpg) no-repeat 0 0;}
#internalNav .button6{background:url(../hm/img/home/menuThumbs/thumb-home.jpg) no-repeat 0 0;}