/*---------------------------------------

	1. RESET

-----------------------------------------*/

* { margin: 0; padding: 0; }
body { background: #CB7C45; font-size: 62.5%; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding-bottom: 40px; }


/*---------------------------------------

	2. GALLERY STYLES

-----------------------------------------*/

#gallery-wp { position: relative; background: url(../img/gallery-wp-bg-3.png) repeat; padding: 60px 0 0 0; overflow: hidden; }

/* Featured Image */

#gallery-feature { position: relative; margin: 0 auto; width: 940px; height: 340px; z-index: 500; }
#gallery-feature img { display: block; width: 940px; height: 340px; }

/* Thumbnail List */

#gallery-controls-wp {margin: 10px 0 0 0; padding: 14px 0 0 0; width: 100%; background: url(../img/gallery-controls-wp-bg.png) top left repeat-x; z-index: 1000; zoom: 1; }
#gallery-controls { margin: 0 auto; width: 940px; }


#gallery-thumbs-wp { position: relative; margin: 0 auto; width: 940px; height: 0; }
#gallery-controls-wp div { height: 80px; }
#gallery-thumbs { margin: 0 50px; width: 832px; height: 59px; overflow: hidden; padding-left: 8px; }
#gallery-thumbs ul { list-style: none; width: 10000px; height: 59px; }
#gallery-thumbs ul li { float: left; width: 104px; margin-right: 16px; }
#gallery-thumbs ul li a { display: block; width: 100px; padding: 1px; }
#gallery-thumbs ul li a:link, #gallery-thumbs ul li a:visited { border: 1px solid #2B2C34; }
#gallery-thumbs ul li a:hover, #gallery-thumbs ul li a:active { border: 1px solid #666; }
#gallery-thumbs ul li a.activeSlide:link, #gallery-thumbs ul li a.activeSlide:visited, #gallery-thumbs ul li a.activeSlide:hover, #gallery-thumbs ul li a.activeSlide:active { border: 1px solid #E5DFDB; }
#gallery-thumbs ul li a img { display: block; width: 100px; height: 55px; }


#thumbs-left { position: absolute; left: 2px; top: 13px; display: block; width: 30px; height: 30px; }
#thumbs-right { position: absolute; right: 2px; top: 13px; display: block; width: 30px; height: 30px; }

#thumbs-left a { display: block; width: 30px; height: 30px; background: url(../img/thumbs-left-2.png) no-repeat; }
#thumbs-right a { display: block; width: 30px; height: 30px; background: url(../img/thumbs-right-2.png) no-repeat; }

#thumbs-left a.disabled { background: url(../img/thumbs-left-disabled.png) no-repeat; }
#thumbs-right a.disabled { background: url(../img/thumbs-right-disabled.png) no-repeat; }


/*---------------------------------------

	3. HEADER STYLES

-----------------------------------------*/

#hd-wp { background: #FFF; }
#hd { position: relative; margin: 0 auto; width: 940px; height: 100px; background: #FFF url(../img/ornament.png) center center no-repeat; }
#logo { position: absolute; left: 0px; top: 29px; display: block; width: 279px; height: 36px; background: url(../img/logo.png) no-repeat; text-indent: -9999px; }
#contact { position: absolute; right: 0px; top: 22px; width: 400px; text-align: right; }
#contact p { font-size: 1.4em; margin-bottom: 2px;}
#contact p.tel { font-size: 1.8em; margin-bottom: 0; }
#contact p a:link, #contact p a:visited {  color: #AC2C58; text-decoration: none; }
#contact p a:hover, #contact p a:active {  color: #AC2C58; text-decoration: underline; }


/*---------------------------------------

	4. CONTENT STYLES

-----------------------------------------*/

#ct-wp { background: #E5DFDB url(../img/ct-wp-bg.gif) top left repeat-x; padding: 40px 0 50px 0; }
#ct { margin: 0 auto; width: 940px; overflow: hidden; }
#ct-lt { float: left; width: 460px; }
#ct-rt { float: right; width: 460px; overflow: hidden; }

/* Headers, Body */

h1 { color: #2B2C34; font-size: 2em; font-weight: normal; line-height: 130%; margin-bottom: 16px; }
h2 { color: #AC2C58; font-size: 1.8em; font-weight: bold; margin-bottom: 18px; background: url(../img/hz.png) bottom left repeat-x; padding-bottom: 10px; }
h3 { color: #2B2C34; font-size: 1.4em; font-weight: normal; margin-bottom: 10px;}
h3 strong { color: #426134; font-weight: bold; }

#ct p { color: #2B2C34; font-size: 1.4em; line-height: 130%; margin-bottom: 14px; }

/* What People Are Saying */

#people-saying { float: left; width: 280px; padding: 0; background: url(../img/hz.png) bottom left repeat-x; margin-bottom: 20px; }
#people-said { list-style: none; height: 90px; overflow: hidden; }
#people-said li { float: left; width: 280px; }
#ct #people-saying p { margin-bottom: 10px; }
#ct blockquote p { font-size: 1.3em; font-style: italic;}
#people-saying p cite { font-size: 0.9em; font-weight: bold; font-style: normal;}
#people-saying p span { padding-left: 6px; color: #4D6540; font-size: 0.9em; font-weight: normal;}

/* Follow */

#follow { float: right; width: 160px; padding: 0; background: url(../img/hz.png) bottom left repeat-x; margin-bottom: 20px; }
#follow ul { list-style: none; width: 160px; height: 90px; overflow: hidden; }
#follow ul li { float: left; width: 74px; }
#follow ul li a { display: block; width: 74px; text-decoration: none; font-weight: bold; font-size: 1.2em; padding-top: 44px;}
#follow ul li a#facebook-link { background: url(../img/facebook.png) top left no-repeat; }
#follow ul li a#twitter-link { background: url(../img/twitter.png) top left no-repeat; }
#follow ul li a:link, #follow ul li a:visited { color: #878486; }
#follow ul li a:hover, #follow ul li a:active { color: #878486; }

/* Status Update */

#status { clear: both; width: 460px; padding: 0 0 20px 0; background: url(../img/hz.png) bottom left repeat-x; margin-bottom: 20px; overflow: hidden; }
#status-avatar { float: left; display: block; width: 48px; height: 48px; margin-right: 12px; }
#status-avatar img { display: block; width: 48px; height: 48px; }
#status-ct { float: left; width: 370px; padding-top: 2px; }
#ct #status-ct p { color: #2B2C34; font-size: 1.2em; line-height: 130%; margin-bottom: 2px; }
#ct #status-ct p a:link, #ct #status-ct p a:visited { color: #AC2C58; text-decoration: none; font-weight: bold; }
#ct #status-ct p a:hover, #ct #status-ct p a:active { color: #AC2C58; text-decoration: underline; font-weight: bold; }
#ct #status-ct p.status-link a:link, #ct #status-ct p.status-link a:visited { color: #A3A2A2; text-decoration: none; font-weight: normal; }
#ct #status-ct p.status-link a:hover, #ct #status-ct p.status-link a:active { color: #A3A2A2; text-decoration: underline; font-weight: normal; }

/* Newsletter */

#newsletter-form { width: 460px; overflow: hidden; }
#newsletter-email { float: left; width: 400px; }
#newsletter-email input { padding: 7px; border: 1px solid #FFF; width: 384px; background: #E5DFDB; outline: none; font-size: 1.3em; color: #888587; }

#newsletter-submit { float: right; width: 30px; height: 30px; }


/*---------------------------------------

	5. FOOTER STYLES

-----------------------------------------*/

#ft-wp { background: url(../img/ft-wp-bg.png) top left repeat-x; padding: 10px 0 20px 0; }
#ft { margin: 0 auto; width: 940px; overflow: hidden;}

p#copy { float: left; width: 400px; font-size: 1.3em; color: #2B2C34; }
p#credit { float: right; width: 400px; font-size: 1.3em; color: #2B2C34; text-align: right; }
p#credit a:link, p#credit a:visited { color: #2B2C34; text-decoration: none; }
p#credit a:hover, p#credit a:active { color: #2B2C34; text-decoration: underline; }


/*---------------------------------------

	6. MISC

-----------------------------------------*/

img { border: none; }
a { outline: none; }