/* CSS Reset ------------------------------------- */
body,div,dl,dt,dd,li,pre,form,fieldset,input,textarea,p,blockquote,th,td,button{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%;font-weight:normal;}
address,caption,cite,code,dfn,em,strong,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;font-style:normal;}
acronym,abbr,fieldset,img{border:0;}
:focus{outline:0;}

/* general tag styling --------------------------- */
a {color:rgb(228,0,0);}
a:hover { 
	background-color: rgb(228,0,0); 
	color: #fff; 
	}
a:active {  outline: none; }
body { width: 100%; }
h1 { 
	color: rgb(228,0,0);
	font: normal 18px/18px futura, helvetica,"gill sans", arial, sans-serif; 
	text-transform: lowercase; 
	}
h3 { 
	color: #000; 
	font: normal 15px/15px futura, helvetica,"gill sans", arial, sans-serif; 
	text-transform: lowercase; 
	}
h4 { 
	color: #666; 
	font: normal 15px/15px futura,helvetica,'gill sans',arial,sans-serif; 
	text-transform: lowercase; 
	}
html {
	min-height: 100%; 
	min-width: 100%; 
	}
body { background: transparent url(/images/new/ullabgpattern.jpg) top left repeat; }
p { 
	color:#333;
	font: 12px/14px futura,helvetica,"gill sans",arial,sans-serif;
	}

/* index page styling ---------------------------- */
#logo {  
	display: block;
	height: 198px;
	left: 50%;
	margin: 0 0 0 -410px;
	padding: 0;
	position: absolute;
	top: 0;
	width: 221px; 
	z-index: -1; 
	}
#girl_illustration { 
	height: 400px; 
	position: absolute;
	right: 0; 
	top: 0; 
	width: 307px; 
	z-index: 100;
	}
#content { 
	background: transparent url(/images/new/ulla-content-middle.png) top right repeat-y;
	height: auto;
	margin: 0 auto;
	padding: 20px 0 15px 0;
	position: relative;
	width: 828px;
	}
#content h1 { 
	border-bottom: 1px solid #e30101; 
	margin-bottom: 15px;
	padding-right: 21px;
	color: #e30101 !important;
	}
#about,
#news,
#links,
#events,
#frames {
	height: auto;
	margin: 0 0 0 35px;
	padding: 0;
	width: 70%;
	}
#about h1,
#about p,
#about img,
#news h1,
#news p,
#links h1,
#links p,
#events h1,
#events p,
#frames p,
#frames h1 { 
	display: block; 
	width: 95%; 
	z-index: 1; 
	color: #666;
	letter-spacing: 0.5pt;
	}		
#news a img,
#frames a img { 
	height: auto;
	width: auto; 
	}
#news h1 { padding-top: 20px; }
#news p a,
#frames p a { z-index: -1; }
#frames p a { font-size: 12px; line-height: 150%; text-decoration: none; }
#news p a img,
#frames img { z-index: 2; }
#frames img { max-height: 175px; max-width: 550px;}
#news p,
#links p,
#events p,
#frames p { text-align: left !important; }
#news,
#links,
#events,
#frames { min-height: 375px; }
#frames .frames_container { width: 550px; margin-bottom: 50px; padding-bottom: 10px; border-bottom: 1px dotted #aaa; }
#frames .frames_container:hover { border-bottom: 1px dotted #e30101; }
#frames h2 { font-size: 12pt; margin-bottom: 3px;  }
#frames p.description { margin-bottom: 10px;}
#menu { 
	background: transparent url(/images/new/ulla-content-top.png) top right no-repeat;
	border: 0px solid blue;
	height: 50px;
	margin: 165px auto 0 auto; 
	padding-left: 35px;
	width: 793px;
	z-index: 5;
	}
#menu ul { 
	background: transparent url(/images/new/menu.link.bg.png) top left repeat-x; 
	display: block; 
	height: 50px; 
	margin-left: -30px; 
	width: 793px; 
	}
#menu a { 
	background: transparent url(/images/new/menu.link.transition.png) 0 7px no-repeat;
	color: #666;
	display: block;
	float: left;
	font-family: futura, helvetica,"gill sans", arial, sans-serif;
	height: 16px;
	letter-spacing: 0.5pt;
	padding: 12px 20px 12px 25px;
	text-decoration: none;
	z-index: 9999;
	}
#menu #button_home { 
	background: transparent url(/images/new/menu.far.left.edge.png) 0 1px no-repeat; 
	margin-left: -13px; 
	padding-left: 20px; 
	}
#menu a:hover { color: #e30101; }
#footer {
	background: transparent url(/images/new/ulla-content-bottom.png) top right no-repeat;
	border: 0px solid #fff;
	height: 50px;
	margin: 0 auto;
	padding: 0 0 50px 0;
	text-align: center;
	width: 828px;
	}
#footer p { display: inline; }
#copyright { color: #666; }
#design { color: #ccc; }
#contact_info { 
	border: 0px solid purple;
	height: auto;
	margin: 0; 
	width: auto;
	}
a#email { 
	background: transparent url('images/ulla-contact-info.jpg') no-repeat 0 0;
	display: block; 
	height: 30px; 
	position: absolute; 
	right: 33px; 
	top: 200px;
	width: 170px; 
	z-index: 200;
	}
a#email:hover { background: transparent url('images/ulla-email-over.jpg') 0 0 no-repeat; }
a#hilldale_map { 
	background: transparent url('images/ulla-contact-info.jpg') no-repeat -170px 0;
	display: block; 
	height: 86px; 
	position: absolute; 
	right: 13px; 
	top: 250px;
	width: 207px; 
	z-index: 200;
	}
a#hilldale_map:hover { background: transparent url('images/ulla-hilldale-map.jpg') 0 0 no-repeat; }
#links p,
#links p p { 
	margin: 0px; 
	padding: 0px; 
	}
#page-mask {
	height: 400px; 
	position: absolute;
	right: 0;
	display: none;
	top: 0;
	width: 100%;
	z-index: -1;
	}