* { margin: 0px; padding: 0px; }
.clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; }
body { margin: 0px; padding: 0px; text-align: left; }


#background_swirls { background: url('images/pink_swirls.png') no-repeat; height:  500px; width: 1215px; margin: auto }
#frame { width: 921px; margin: auto; position: relative; }
#container { background: url('images/content_slice.png') repeat-y; min-height: 500px; display: block; position: relative; }

#logo { padding: 10px 10px 10px 25px; }
#disco_ball { position: absolute; top: -4px; right: -80px; z-index: 1000 }
#dancing_girl { position: absolute; top: 95px; right: -160px; }

#contact_box { background: url('images/contact_bg.png') repeat-y; float: right; min-height: 50px; width: 313px; margin-right: 61px; padding: 10px; color: #ffffff; font-size: 11px; }
#contact_box ul { list-style: none; padding: 0px; }
#contact_box ul li { padding: 10px 3px 0px 0px; }


#contact_bottom { margin-right: 61px; }

#content_frame { padding: 55px; }
#left_col { width: 380px; float: left; }
#right_col { width: 380px; float: left; padding-left: 50px; }

#photo { padding: 10px;}

#footer {padding: 8px 55px 10px 55px; color: #ffffff; }
#footer a { text-decoration: underline; color: #fff; }


/*navigation*/

#navigation { padding: 10px 10px 10px 20px; position: absolute; top: 10px; left: 0px; }
#navigation ul { list-style: none; padding-left: 15px; padding-top: 6px; }
#navigation ul li {display: block; float: left; padding: 7px 36px 0px 11px; background: url('images/star.png') no-repeat right; }

#navigation ul li.last { background: none; }

/*classes*/
.contact_logo { margin-right: 5px; }

.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.no_padding { padding: 0px; display: block; }
.block { display: block}


body { font-family: arial, "Bitstream Vera Sans", sans-serif; font-size: 12px; background: #10134a url('images/background_slice.jpg') repeat-x; }
h1, h3 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 18px; font-weight: bold; }
h2, h4 { margin: 0px 0px 3px 0px; padding: 0px; font-size: 13px; font-weight: bold; }
a { text-decoration: none; font-weight: bold; }
p { margin: 0px; padding: 0px; line-height: 18px; }
a img { margin: 0px; padding: 0px; border: 0px; }
img { border: 0px; margin: 0px; padding: 0px; position: relative; }
ul, ol { margin: 0px; padding: 10px 0px 10px 30px; line-height: 18px; }
li { margin: 0px; padding: 0px; }

body { color: #666666; }

/*this is where typography styles should go*/
a:hover { cursor: pointer; }
a { color: #10134a; }
h1, h2, h3, h4 { color: #10134a; }
