@charset "utf-8";
/* CSS Document */

@import url("thickbox.css");
@import "reset.css";
@import "footer.css";

html {
	background:#F4F0E7 url(../images/html.gif) repeat-x fixed left top;
	border-right:10px solid #dfd9c9;
	border-bottom:10px solid #dfd9c9;
	border-left:10px solid #dfd9c9
}
body {
	background-attachment: scroll;
	background-image: url(../images/bg_beige2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/* 	Basic layout */
div.wrapper {
	margin:0 auto;
	padding:200px 0 0 0;
	width:960px;
	z-index:2
}
ul.nav {
	position:absolute;
	top:0;
	left:430px;
	padding:120px 0 0 0
}
ul.nav li {
	display:inline;
	margin:0 10px 0 0
}
div.column {
	float:left;
	margin:0 70px 0 0;
	padding:0 0 0 70px;
	width:340px
}
div.column_left {
	float:left;
	margin:0 70px 0 0;
	padding:0 0 0 70px;
	width:340px
}
div.column_right {
	float:left;
	margin:0 70px 0 0;
	padding:0 0 0 70px;
	width:340px
}
div.st_wrapper {
	margin:0 0 40px 0;
	padding:0 0 40px 0;
	background-image: url(../images/hr_blue.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
div.wrapper img, div.wrapper a img {
	background:#DFD9C9;
	padding:10px;
	border:1px solid #999
}
div.wrapper a:hover img {
	background:#fff
}
div.flash1 {
	width:1000px;
	height: 667;
	background-color: #000000;
	background-image: url(../images/7172c_z.jpg);
	background-repeat: no-repeat;
	border: thick solid #333333;
}

/* 4	Home */
div.intro {
	height:100px;
	margin:40px 0 0 0;
	background:#fff
}
body.home ul.featured {
	margin:40px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
div.column_right h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	line-height: 25px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
img.illustration {
	margin:10px 0 10px -70px
}

/* 	Portfolio */
div.st_wrapper.portfolio {
	margin:10px 0 0 0;
	padding:0
}
div.st_wrapper.portfolio_inner h2 {
	position:relative
}
div.st_wrapper.portfolio_inner h2 span {
	position:absolute;
	top:0;
	right:70px
}
ul.featured {
	margin:40px 0 0 0
}
ul.featured li {
	float:left
}
ul.featured li a {
	position:relative;
	width:200px; 
}
ul.featured li a span {
	padding:10px;
	background:#fff;
	color:#000;
	display:block;
	margin:0;
	position:absolute;
	top:-50px;
	left:30px
}
ul.featured li a:hover span {
	background:#333333;
	color:#fff;
	border: thin solid #D9CFB5;
}
ul.featured li a img {
	width:200px;
	margin:0 9px 40px 9px
} 
.portfolio_faqs {
	background: url(../images/hr_blue.png) bottom;
	padding: 20px;
	border: thick dotted #00FF00;
}
div.portfolio_faqs p {
	margin:0 70px 0 0;
	top:0;
	left:490px;
	position: absolute;
}
div.portfolio_intro {
	background:url(../images/hr_blue.png) no-repeat center bottom;
	margin:0 0 50px 0;
	padding:0 0 50px 0
}
div.portfolio_intro p {
	margin:0 70px 0 0;
	position:absolute;
	top:0;
	left:490px
}
div.column.focus {
	margin:20px 0 0 -50px;
	padding:0
}
ul.magazines li {
	background:url(../images/hr_short_1.png) bottom left no-repeat;
	padding:20px 0;
	margin:0 70px;
	min-height:160px
}

/* 	About */
.help {
	margin-top: -70px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #99CCCC;
}
.help ul li { display:inline }

.column_right ul li  {
	list-style:url(../images/disc.png) inside
}

div.bio {
	margin:22px 0 0 -10px
}
div.bio div {
	background:url(../images/400_cynthia_upper.png) no-repeat;
	width:400px;
	height:400px;
	position:absolute;
	bottom:-153px;
	left:70px
}
div.st_wrapper.faqs {
	background:none;
	margin:0;
	padding:0
}
ul.faqs {
	margin:0 60px
}
/*	Contact */
div#more_info {
	background:#fff url(../images/water.jpg);
	border:1px solid #006699;
	padding:30px 40px 10px 40px;
	margin:40px 130px;
}

body {
	color:#003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	background-color: #F1EFE0;
}
h2, input {
	margin:40px 0 0 70px;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 30px;
	line-height: 40px;
}
h3, h1 a:hover span, ul.nav li, div#more_info a {
	margin:40px 10px 30px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	line-height: 25px;
}

p, cite {
	margin:10px 0;
}
a {
	color:#006699
}
a:hover {
	color:#CC9933;
	border-bottom:2px solid #006699
}
a:active {
	border-bottom:4px solid #0066CC
}
a:focus {
	outline:none
}

.me blockquote {
	font:italic 19px/25px Georgia, Times, 'Times New Roman', serif;
	background:url(../images/quote-open.png) no-repeat 0 0px;
	padding:0 0 20px 0;
	border-top:0px solid #999;
	border-bottom:0px solid #999
}
.me blockquote p {
	padding:0 40px;
	background:url(../images/quote-close.png) bottom right no-repeat;
	color:#369
}

blockquote {
	font:italic 19px/25px Georgia, Times, 'Times New Roman', serif;
	background:url(../images/quote-open.png) 0 20px no-repeat;
	padding:0 0 20px 0;
	border-top:0px solid #999;
	border-bottom:0px solid #999
}
blockquote p {
	padding:0 60px;
	background:url(../images/quote-close.png) bottom right no-repeat;
	color:#369
}
blockquote cite {
	font:12px/20px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	color:#369;
	padding:0 0 0 60px
}
input {
	margin:0
}
abbr {
	border:none;
	outline:none
}
code {
	color:#000;
	background:#ccc
}
/*	Specifics: h2 */
body.home h2 em {
	font-size:18px;
	line-height:40px;
	color:#999
}
h2.second {
	margin:-40px 0 0 70px
}

h2 span {
	color:#999;
	font-style:italic
}

h3.sub {
	margin:0;
	position:absolute;
	top:12px;
	left:490px
}

h3.standout {
	margin-right: 20px;
	margin-left: -60px;
}

div.footer h3 {
	margin:20px 0 20px 0;
	color: #CC9933;
}

div.selected_posts h3 {
	margin:0 0 30px 10px
}

div.portfolio_intro h3 {
	margin:0 570px 0 70px
}
div.portfolio_faqs h3 {
	margin:0 570px 0 70px
}

ul.faqs h3 {
	margin:60px 0 0 10px
}

div#more_info h3 {
	margin:0 0 20px 0
}
ul.magazines li h3 {
	margin:0 0 10px 0
}
ul.magazines li h3 span {
	color:#999;
	font-style:italic
}
div.other_books h3 {
	margin:40px 0 30px 10px
}
/* 	Specifics: h4 */
div.column_left h4 {
	margin:-30px 0 20px 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #996633;
	font-style: italic;
}

/* 	Specifics: a */

ul.nav li a:hover, h2 a:hover, h3 a:hover {
	border-bottom:4px solid #006699
}
ul.nav li a:active, h2 a:active, h3 a:active {
	border-bottom:6px solid #006699
}
body.home h2 em a {
	color:#666
}
body.home h2 em a:hover {
	border-bottom:2px solid #666
}
body.home h2 em a:active {
	border-bottom:4px solid #666
}
blockquote a {
	color:#000
}
blockquote a:hover {
	border-bottom:2px solid #000
}
blockquote a:active {
	border-bottom:4px solid #000
}
a.has_image:hover, div.recent_comments ul li a:hover, div.innerfoot ul li a:hover {
	border:none
}
a.has_image:active, div.recent_comments ul li a:active, div.innerfoot ul li a:hover {
	border:none
}
div.recent_comments ul li a {
	color:#000
}
div.recent_comments ul li a strong {
	color:#900
}
div#more_info a {
	margin:0
}
ul.faqs p {
	padding:0 70px
}
ul.magazines li p {
	position:absolute;
	top:0;
	left:540px
}
p.back {
	width:340px
}

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

ul#nav li a:hover, h2 a:hover, h3 a:hover { border-bottom:4px solid #900 }
ul#nav li a:active, h2 a:active, h3 a:active { border-bottom:6px solid #900 }
/*
blockquote a { color:#000 }
blockquote a:hover { border-bottom:2px solid #000 }
blockquote a:active { border-bottom:4px solid #000 }*/
ul#nav li.current a { color:#000; border-bottom:4px solid #900; font-weight:bold }
a.has_image:hover, div.full_archives div.article_illustration_mini a:hover, div.recent_comments ul li a:hover, div.flickr ul li a:hover { border:none }
a.has_image:active, div.full_archives div.article_illustration_mini a:active, div.recent_comments ul li a:active, div.flickr ul li a:hover { border:none }/*
div#more_info a { margin:0 }*/
div.flickr h3 { margin:50px 0 10px 0 }

/* 	Image replacement */
h1 a {
	background:url(../images/cbLogo.png);
	display:block;
	text-indent:-9999px;
	width:280px;
	height:104px;
	position:absolute;
	top:70px;
	left:70px
}
h1 a:hover span {
	display:block;
	text-indent:0;
	margin:0;
	color:#fff;
	position:absolute;
	bottom:-6px;
	left:0
}
h1 a:active span {
	color:#000
}
/* 1	Border radius */
img, a img, ul.featured li a span, #TB_window, p.top  {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
div#more_info, div#cancellation_policy {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}

/* 	Webkit transition */

 div.wrapper a img, ul.featured li a span {
	-webkit-transition-property: background-color, color;
-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: ease-in
}
div.wrapper a:hover img, ul.featured li a:hover span {
	-webkit-transition-timing-function: ease-out
}


#faceBook {
	background: url(../images/facebook.png) no-repeat;
	width: 72px;
	height: 80px;
	position: fixed;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 1;
}

.current {
	color: #006699;
	text-decoration: underline;
}

#slideshow {
	background-color: #000000;
	height: 600px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
}
#show2 {
	background-color: #000000;
	height: 600px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
}
#show2a {
	background-color: #000000;
	height: 600px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
}
#show3 {
	background-color: #000000;
	height: 600px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
}
#slideshow_w {
	background-color: #006699;
	height: 550px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
}

.quote500 {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}
.portfolio #top .st_wrapper portfolio_inner #slideshow #show2a {
}
.gallery {
	background-color: #000000;
}
.contact .footer .wrapper .container .twitter_etc .twitter #tweet {

}