@charset "utf-8";
@import url("reset.css");

body { height: 100%; background: url(images/background.png) top center no-repeat #FFF; font-size: 62.5%; font-family: Verdana, Geneva, sans-serif; }

/* SOCIAL MEDIA LINKS STYLES */
#menu { width: 1024px; margin: 0 auto; height: 70px; }
#logo { height: 70px; width: 512px; float: left; }
#social_links { width: 480px; height: 20px; margin: 25px 32px 25px 0; float: right; text-align: right; }
#social_links > ul > li { list-style: none; display: inline; }
#social_links > ul > li > a { position: relative; padding: 2px 10px 2px 20px; height: 16px; line-height: 16px; vertical-align: middle; text-decoration: none; text-align: left; color: #FFF; font-size: 130%; }
#social_links > ul > li > a:hover { text-decoration: underline; }

.facebook_link { background: url(images/social_media_mini_icons/PNG/facebook.png) left no-repeat; }
.twitter_link { background: url(images/social_media_mini_icons/PNG/twitter.png) left no-repeat; }
.flickr_link { background: url(images/social_media_mini_icons/PNG/flickr.png) left no-repeat; }
.linkedin_link { background: url(images/social_media_mini_icons/PNG/linkedin.png) left no-repeat; }
.contact_link { background: url(images/social_media_mini_icons/PNG/email.png) left no-repeat; }

/* BANNER STYLES */
#imageContainer { background: #111; border: 3px solid #000; height: 294px; width: 954px; margin: 0 auto 20px auto; overflow: hidden; }

/* CONTACT FORM STYLES */
#contact_form { background: rgb(17, 17, 17); background: rgba(17, 17, 17, 0.8); border: 3px solid #000; height: 280px; width: 940px; padding: 7px; margin: 0 auto 20px auto; overflow: hidden; display: none; z-index: 10; position: absolute; top: 0px; left: 0px; color: #FFF; font-weight: bold; font-size: 18px; text-align: center; }
.contact_col1 { float: left; width: 300px; margin-right: 20px; text-align: left; }
.contact_col2 { float: left; width: 300px; margin-right: 20px; text-align: left; }
.contact_col3 { float: left; width: 300px; text-align: left; }

#contact_form > h1 { font-size: 300%; text-align: center; margin-top: 20px; }
#contact_form > h2 { font-size: 100%; text-align: center; margin-top: 40px; }
#contact_form > h3 { font-size: 100%; text-align: center; margin-top: 20px; }
#contact_form > h3 > a { color: #FFF; text-decoration: none; }
#contact_form > h3 > a:hover { text-decoration: underline; }

input { font-size: 18px; width: 96%; font-weight: normal; }
textarea { font-size: 18px; width: 96%; height: 250px; font-family: Candara, Verdana, sans-serif; }

/* CONTENT STYLES */
#content { width: 960px; margin: 0 auto; }
.columns { float: left; width: 300px; margin: 0 10px 30px 10px; }
.columns > p { font-size: 110%; line-height: 120%; padding-bottom: 10px; }
.columns > p.first { margin-bottom: 10px; border-bottom: 1px solid #DDD; }
.columns > h2 { margin-bottom: 5px; padding: 2px 0; font-weight: bold; font-size: 140%; border-bottom: 2px solid #000; }
.divider { clear: both; height: 1px; background: #DDD; margin: 10px 0; }
.photo_icons { float: left; border: 1px solid #000; margin: 10px 0 0 21px ; }
.website_copy { float: left; width: 218px; }
.website_icon { float: left; border: 1px solid #000; margin: 4px 10px 0 0; }

/* FOOTER STYLES */
#footer { clear: both; width: 960px; margin: 10px auto; text-align: center; border-top: 1px solid #DDD; padding-top: 10px; line-height: 150%; }