/* CSS Document */

body { background: #222; margin: 20px 0 40px 0; }

p { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; }

div#container { width: 880px; background: white url(gfx/bg-top.gif) top no-repeat; margin: 0 auto; padding: 40px 40px 0 40px; border: 0; }




/* NAVIGATION STYLES */

div#navigation { width: 220px; border: 0; margin: 0; padding: 0; float: left; }

div#logo { text-align: center; margin-bottom: 30px; }


#navigation ul { margin: 0 0 30px 0; padding: 0; list-style: none; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; }
#navigation ul li { width: 220px; text-align: left; margin: 0; background: white url(gfx/bg-editorial-item.gif) bottom repeat-x; }
#navigation ul li a { width: 200px; display: block; margin: 0; color: black; text-decoration: none; padding: 10px 10px 12px 10px; }
#navigation ul li a:hover { color: #F38DA3; }
#navigation .bottom { background: white; }


#navigation .boxey1 { width: 220px; margin: 0 0 30px 0; }



/* Main Photo Area */


div#photoelements-pink, div#photoelements-grey, div#photoelements-beige, div#photoelements-green { width: 620px; border: 0; padding: 0; margin: 0; margin-bottom: 30px; }

div#photoelements-pink { background: #F38DA3; }
div#photoelements-grey { background: #262626; }
div#photoelements-beige { background: #998F81; }
div#photoelements-green { background: #A0B68F; }




.largeimage { width: 620px; border: 0; padding: 0; margin: 0; }

div#boxleft1 { width: 310px; border: 0; padding: 0; margin: 0; float: left; }

div#boxright1 { width: 310px; border: 0; padding: 0px; margin: 0; float: right; }

div#main { width: 620px; background: #fff; border: 0; margin: 0; padding: 0; float: right; }

#main p { font: 11px Tahoma, Arial, Helvetica, sans-serif; line-height: 18px; margin-bottom: 20px; margin-top: 0px; padding-left: 20px; padding-right: 20px; color: #262626; text-align: justify; }
#main p a { color: #F38DA3; text-decoration: none; }
#main p a:hover { color: #F38DA3; text-decoration: underline; }

#main ul { font: normal 11px Tahoma, Arial, Helvetica, sans; margin: 20px 0 20px 20px;	border: 0; padding: 0; }
#main ul li { list-style-type: none; line-height: 18px; margin-bottom: 5px; padding-left: 20px; background: url(gfx/bg-main-li.gif) top left no-repeat; }
#main ul li a { color: #F38DA3; text-decoration: none; }
#main ul li a:hover { color: #F38DA3; text-decoration: underline; }

#boxright1 p { color: white; }
#boxright1 p a { color: pink; text-decoration: none; }
#boxright1 p a:hover { color: white; text-decoration: underline; }
#boxright1 h1 { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; letter-spacing: 3px; text-transform: uppercase; padding: 25px 20px 20px 20px; margin: 0; line-height: 18px; color: pink; }
#boxright1 .p-grey { background: #262626; color: pink; }


div#visitingthesite { background: pink; padding-top: 20px; padding-bottom: 20px; margin-bottom: 0px;  }
#visitingthesite h3 { color: #262626; }
#visitingthesite ul { font: normal 11px Tahoma, Arial, Helvetica, sans; margin: 10px 10px 0px 20px; border: 0; padding: 0; }
#visitingthesite ul li { color: #262626; list-style-type: none; line-height: 18px; margin-bottom: 5px; padding-left: 20px; background: url(gfx/bg-main-li.gif) top left no-repeat; }
#visitingthesite ul li a { color: #F38DA3; text-decoration: none; }
#visitingthesite ul li a:hover { color: #F38DA3; text-decoration: underline; }

div#registeryourinterest { background: #262626; padding-top: 20px; padding-bottom: 5px; margin-bottom: 20px;  }
#registeryourinterest h3 { color: pink; }
#registeryourinterest p { color: white;  }
#registeryourinterest p a { color: pink; text-decoration: none; }
#registeryourinterest p a:hover { color: pink; text-decoration: underline; }
#registeryourinterest ul { font: normal 11px Tahoma, Arial, Helvetica, sans; margin: 10px 10px 15px 20px; border: 0; padding: 0; }
#registeryourinterest ul li { color: white; list-style-type: none; line-height: 18px; margin-bottom: 5px; padding-left: 20px; background: url(gfx/bg-main-li.gif) top left no-repeat; }
#registeryourinterest ul li a { color: pink; text-decoration: none; }
#registeryourinterest ul li a:hover { color: pink; text-decoration: underline; }



/* EDITORIAL ELEMENTS */

.editorial-item-top { padding-left: 20px; margin-bottom: 20px !important; margin-bottom: 60px; background: #fff; padding-top: 20px; }
.editorial-item { padding-left: 20px; margin-bottom: 20px !important; margin-bottom: 60px; background: white url(gfx/bg-editorial-item.gif) top repeat-x; padding-top: 20px; }

.img-editorial { float: left; margin-right: 20px; }

#editorial a img { border: 1px solid #262626;  }
#editorial a:hover img { border: 1px solid #F38DA3; }


#editorial-featured { background: #262626 url(gfx/bg-featured-new.gif) top right no-repeat; padding-top: 20px; padding-bottom: 20px;  }
#editorial-featured p { color: white; margin-bottom: 15px; }
#editorial-featured p a { color: pink; text-decoration: none; }
#editorial-featured p a:hover { color: pink; text-decoration: underline; }
#editorial-featured h1 { color: white; }

#editorial-featured .featured-header { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 15px; letter-spacing: 3px; text-transform: uppercase; }

.p-pink { background: pink; color: #262626; padding: 3px; }
.p-bggrey { background: #262626; color: pink; padding: 6px; letter-spacing: 1px; }

.img-editorial-featured { float: left; margin-left: 20px; margin-right: 20px; }

.editorial-float { background: #fff; padding: 10px; border: 1px solid #ccc; width: 200px; float: right; margin-bottom: 10px; margin-right: 20px !important; margin-right: 10px; margin-left: 20px; color: pink; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; }

.editorial-float-text { background: #262626; padding: 10px; border: 0; margin: 0px; color: white; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; line-height: 15px; }

div#article { background: #262626; padding-top: 25px; padding-bottom: 22px; margin-bottom: 20px; margin-top: 0; }
#article p { color: white; margin: 0;  }
#article p a { color: pink; text-decoration: none; }
#article p a:hover { color: pink; text-decoration: underline; }
#article h1 { color: white; margin: 0 20px 10px 20px; }
#article h1 a { color: white; text-decoration: none; }
#article h1 a:hover { color: white; text-decoration: none; }


/* TWO COLUMN STYLE */

div#two-column { width: 620px; padding: 0; margin-bottom: 20px;  }
div#two-left { float: left; width: 310px; } 
div#two-right { float: right; width: 310px; }

#two-column ul { font: normal 11px Tahoma, Arial, Helvetica, sans; margin: 0px 0 20px 20px; border: 0; padding: 0; }
#two-column ul li { list-style-type: none; line-height: 18px; margin-bottom: 5px; padding-left: 20px; background: url(gfx/bg-main-li.gif) top left no-repeat; }
#two-column ul li a { color: #F38DA3; text-decoration: none; }
#two-column ul li a:hover { color: #F38DA3; text-decoration: underline; }



/* BOTTOM NAVIGATION */

div#links { background: pink; padding-top: 20px; padding-bottom: 10px; margin-bottom: 20px;  }

#links p { color: #F38DA3; margin-bottom: 15px; }
#links p a { color: white; text-decoration: none; }
#links p a:hover { color: white; text-decoration: underline; }
#links h3 { color: white; margin: 0 0px 5px 20px; padding: 0; }
#links h3 a { color: white; text-decoration: none; }
#links h3 a:hover { color: white; text-decoration: underline; }


div#nav-bottom { background: white url(gfx/bg-editorial-item.gif) top repeat-x; margin: 0; padding: 20px 0 0 0; }

#nav-bottom p { color: #ccc; line-height: 11px; }


/* Footer */

div#footer { width: 960px; height: 40px; background: white url(gfx/bg-bottom.gif) bottom no-repeat; margin: 0 auto; border: 0; padding: 0; }


/* Clear Floated Elements */

.clear { clear: both; margin: 0; height: 0; }



/* Text Styles */

h1 { font: normal 22px Arial, Helvetica, sans-serif; margin: 0 20px 20px 20px; line-height: 18px; color: #262626; text-transform: uppercase; }

h2 { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; letter-spacing: 3px; text-transform: uppercase; padding: 5px 20px 20px 20px; margin: 0; line-height: 18px; color: #262626; }

h3 { font: normal 11px Arial, Helvetica, sans-serif; letter-spacing: 3px; margin: 0 20px 10px 20px; line-height: 18px; color: #262626; text-transform: uppercase; }
h3 a { color: #F38DA3; text-decoration: none; }
h3 a:hover { color: #262626;}

h4 { font: bold 14px Arial, Helvetica, sans-serif; letter-spacing: -1px; background: url(gfx/bg-editorial-item.gif) bottom repeat-x; margin: 0px 20px 10px 20px;  padding: 0 0 5px 0; color: #262626; text-transform: uppercase; }
h4 a { color: #262626; text-decoration: none; }
h4 a:hover { color: #F38DA3;}


.spacedtext { letter-spacing: 5px; }