@import url(reset.css);
@import url(default.css);
@import url(menu.css);

body { background: #fff url(../images/bg.png); }

#container { background: #fff; width: 832px; margin: 0 auto; }

#header { position: relative; height: 89px; }
#header h1 { background: #fff url(../images/logo.png) no-repeat; text-indent: -9999px; }
#header h1 a:link, #header h1 a:visited { display: block; height: 89px; }
#header #loginSection {
	position: absolute;
	bottom: 20px;
	right: 40px;
	width: 261px;
}
#header form h3 { text-transform: uppercase; float: left; margin: 3px 5px 0 0; font-size: 1.1em; }
#header form ul { margin: 0; padding: 0; }
#header form ul li { list-style: none outside; float: left; }
#header form ul li.form-item input { color: #808080; width: 60px; padding: 3px; margin: 0 5px 0 0; }
#header form ul li.button input { border: none; padding: 0; }
#header form ul li.links { float: none; clear: left; margin: 0 0 0 45px; }

#hero {  }
#hero .padding { margin-left: 500px; text-align: center; padding: 70px 40px 50px; }
#hero h2 { color: #e31239; font-family: Myriad Pro; font-weight: normal; font-size: 3em; margin: 0 0 .5em; }
#hero a.btn:link, #hero a.btn:visited { background: #fff url(../images/btn_packages.png) no-repeat; display: block; margin: 1em 0; text-indent: -9999px; width: 257px; height: 25px; }
#hero em { color: #7e7e7e; font-style: normal; font-size: 2em; }

#main1 { background-image: url(../images/main1.png); background-position: top left; background-repeat: repeat-y; border-top: 7px solid #eee; clear: both; }
#main2 { background-image: url(../images/main2.png); background-position: top right; background-repeat: repeat-y; border: 1px solid #d1d1d1; }

#colLeft { float: left; width: 256px; margin: 0; padding: 0; }
#colLeft .padding { background: transparent url(../images/content-padding.png) repeat-x; padding: 10px; }

#colRight { float: right; width: 288px; margin: 0; padding: 0; }
#colRight .padding { background: transparent url(../images/content-padding.png) repeat-x; padding: 10px 20px; }

#content { margin: 0 288px 0 256px; }
#content .floatfix { display: table; height: 1%; width: 100%; margin: 0; padding: 0; }
#content .padding { background: transparent url(../images/content-padding.png) repeat-x; padding: 10px 20px; }

form { font-size: 1.2em; }
#header form { font-size: 1em; }

h2.title,#content h1 { color: #413e3f; font-family: Times; font-weight: normal; text-transform: uppercase; margin: 0 0 30px; }

#hero { cursor: pointer; }

#footer { background: #7e7e7e url(../images/footer.png) repeat-x; text-align: center; padding: 2em 0; }
#footer ul { margin: 0; padding: 0; }
#footer li { list-style: none outside; display: inline; border-right: 1px solid #fff; font-family: Georgia,"Nimbus Roman No9 L",serif; }
#footer li a:link, #footer li a:visited { color: #fff; text-decoration: none; padding: 0 4px; }
#footer ul#bottom { margin: 1em 0 0; }
#footer ul#bottom li { color: #5d5d5d; border-right: 1px solid #5d5d5d; padding: 0 4px; }
#footer ul#bottom li a:link, #footer ul#bottom li a:visited { color: #5d5d5d; text-decoration: underline; padding: 0; }
#footer li.last, #footer ul#bottom li.last { border-right: none; }

body.noRight #main2 { background-image: none; }
body.noRight #colRight { display: none; }
body.noRight #content { margin-right: 0; }

body.noLeft #main1 { background-image: none; }
body.noLeft #colLeft { display: none; }
body.noLeft #content { margin-left: 0; }

body.noStructure {}
body.noStructure #colLeft,
body.noStructure #colRight,
body.noStructure #main1,
body.noStructure #main2,
body.noStructure #content,
body.noStructure #header,
body.noStructure #footer,
body.noStructure #menu
{
	display:none;
}
