*{margin:0; padding:0;}
header, footer, article, section, hgroup, nav, figure {display:block;}
body {height:100%; font-family: Arial, Helvetica, sans-serif; font-size:0.825em; color:#fff;}
html>body { min-height:100%; height:auto; }
body#homepage {background:url(../images/bg.jpg) top center;}
.bgDefault {background:transparent url(../images/bg-top.jpg) no-repeat top center; width:100%; height:544px;}

a, a:visited {color:#E5C2F8; text-decoration:none; outline:none;}
a:hover {text-decoration:underline; text-shadow: none}
a img {border:none;}

h1, h2, h3 {font-family:"Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif; text-shadow:0 1px 1px black;}
h1 {font-size:3.5em; padding:0.5em 0 0;  text-transform:uppercase;}
h3 {font-family:forte,"Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif; font-size:2em; font-weight:normal; margin:0 0 1em;}
h2 {font-size:2.2em; font-weight:normal; letter-spacing:0.01em; text-transform:uppercase;}

p {line-height:1.5em; padding-bottom:1em;}

.line {height:1px; background-color:#602C8F; border-bottom:1px solid #8C53BF; margin:1em 0; overflow:hidden;}

header {height:250px}
header h1 {position:absolute; display:block; background:url(../images/logo.png) no-repeat; width:230px; height:230px; top:0px; left:0px; text-indent:-9999em; overflow:hidden;}
header h3 {position:absolute; top:2px; left:3px; z-index:999}

article .line {background-color:/*#8317AB*/#23003F; border-bottom-color:/*#BF6FDF*/#69279F; margin:1.3em 0;}
footer .line {margin:2em 0;}
nav {background:url(../images/gradient_light.jpg) repeat-x 50% 50% #f8f8f8; padding:0 5px; position:absolute; right:0; top:4em; border:1px solid #EAE0EF; -moz-box-shadow:0 1px 1px #333333;
	-webkit-box-shadow:0 1px 1px #333333; box-shadow:0 1px 1px #333333;}

/* The clearfix hack to clear the floats: */
.clear:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}

nav ul li {display:inline;}

nav ul li a, nav ul li a:visited {color:#3c026d; display:block;	float:left; font-size:1.25em; font-weight:bold; margin:5px 2px; padding:7px 10px 4px; text-shadow:0 1px 1px white; text-transform:uppercase;
}
nav ul li a:hover {text-decoration:none; background-color:/*#EAE0EF*/#F4DFFF;}
nav, article, nav ul li a,figure {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

#page {width:960px; margin:0 auto; position:relative;}
article {background-color:#3B006A; margin:3em 0; padding:20px; text-shadow:0 2px 0 black;}

figure {border:3px solid #142830; float:right; height:300px; margin-left:15px; overflow:hidden; width:500px;}
figure2:hover {-moz-box-shadow:0 0 2px #4D7788; -webkit-box-shadow:0 0 2px #4D7788; box-shadow:0 0 2px #4D7788;}
figure img {margin-left:-60px;}

footer {margin-bottom:30px; text-align:center; font-size:0.825em;}
footer p {margin-bottom:-2.5em; position:relative;}
footer a, footer a:visited {color:#3c026d; background-color:#E2B5FA; display:block; padding:2px 4px; z-index:100; position:relative;}
footer a:hover {text-decoration:none; background-color:#E6C9F7;}
footer a.by {float:left;}
footer a.up {float:right;}