* { margin:0; padding:0; }

body { background-color:#d6d4d6; color:#000; font:14px Arial, Helvetica, Sans-Serif; }
a:link, a:visited { color:#388fe4; text-decoration:none; }
a:hover, a:active { background-color:#2180e0; color:#fff; }

p { margin-bottom:18px; }

.clear { clear:both; }

/* HEADER */
#headerContainer { float:left; width:100%; border-top:8px solid #3599fe; background:#2c95fe url(images/bg_header.png) no-repeat top left; }
#header { height:150px; padding:30px 0 0 0; width:800px; margin:0px auto; }
#header h1 { font-family:"Century Gothic", Arial, Sans-Serif; color:#fff; font-size:46px; font-weight:normal; text-transform:uppercase; }
#header h1 a:link { color:#fff; }
#header h1 a:hover { background:none; }
#header h2 { font-family:"Century Gothic", Arial, Sans-Serif; color:#2180e0; font-size:30px; letter-spacing:12px; text-transform:uppercase; font-weight:normal; margin-top:-15px; }
#header h3 { font-family:"Century Gothic", Arial, Sans-Serif; color:#fff; font-size:22px; font-weight:normal; }

/* NAVBAR */
#navContainer { float:left; width:100%; border-top:8px solid #4da6ff; background-color:#3599fe; }
#nav { height:20px; padding:10px 0 10px 0; width:800px; margin:0px auto; list-style:none; font-size:16px; }
#nav li { float:left; margin-right:30px; }
#nav a { color:#fff; text-decoration:none; }
#nav a:hover { background-color:#2180e0; }

/* CONTENT */
#contentContainer { float:left; width:100%; background:url(images/bg.jpg); background-repeat: repeat; padding-bottom:10px; }
#content { width:800px; margin:0px auto; margin-top:50px; }
#main { float:left; width:500px; line-height:24px; }
#main h1 { font:italic 28px Georgia, Serif; color:#333; margin-bottom:5px; }
#sidebar { float:right; font-size:16px; font-weight:bold; color:#333; }
#sidebar img { border:0px; }

/* PHOTOS */
#photos { list-style:none; }
#photos li { float:left; margin-right:10px; margin-bottom:10px; height:80px; width:80px; border:1px solid #e7e7e7; background-color:#fff; padding:5px; }
#photos li a:link { float:left; margin-right:10px; height:80px; width:80px; background-color:#e7e7e7; }
#photos li a:hover { background-color:#ccc; }

/* FOOTER */
#footerContainer { float:left; width:100%; height:80px; background:url(images/bg_footer.jpg) repeat-x top left; }
#footer { width:800px; margin:0px auto; padding-top:25px; }
