@import url(../reset.css);
@import url(base.css);
@import url(typography.css);

/*
Main styles and different imported style sheets follow the order of the markup code (page, branding, search, etc.) within the pages followed by specific styles.
In order to see how all the base html elements are styled to default please refer to the html_template.html page as needed.
Global Saluting Women styles to specific html tags should be placed in this file.
*/

/* begin -- set color of links for whole site */
a:link { color: #004276; text-decoration: none }
a:visited { color: #004276; text-decoration: none }
a:hover { color: #1968A7; text-decoration: underline }
a:active { color: #004276; text-decoration: none }
/* end -- set color of links for whole site */

a:link abbr { border-color: #3196CC }
a:visited abbr{ border-color: #3196CC }
a:hover abbr { border-color: #4DB2E8 }
a:active abbr { border-color: #3196CC }

/* begin - classes for styling as needed
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.bold { font-weight: bold }
.italic { font-style: italic }
.underline { text-decoration: underline }
.overline { text-decoration: overline }
.strike { text-decoration: overline }
.fltlft { float: left }
.fltrgt { float: right }
.clrbth { clear: both }
.clrlft { clear: left }
.clrrgt { clear: right }

.nobrder { border: 0px !important }

.ovrflw_hdn { overflow: hidden }

.hide_ADA { position: absolute; left: -999999em } /* hide but remain usable for text readers */

/* end - classes for styling needed
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* begin - font-size adjustments
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fsize200p { font-size: 200% }
.fsize190p { font-size: 190% }
.fsize180p { font-size: 180% }
.fsize170p { font-size: 170% }
.fsize160p { font-size: 160% }
.fsize150p { font-size: 150% }
.fsize140p { font-size: 140% }
.fsize130p { font-size: 130% }
.fsize120p { font-size: 120% }
.fsize110p { font-size: 110% }
.fsize100p { font-size: 100% }
.fsize90p { font-size: 90% }
.fsize80p { font-size: 80% }
.fsize70p { font-size: 70% }
.fsize60p { font-size: 60% }
.fsize50p { font-size: 50% }
.fsize40p { font-size: 40% }
.fsize30p { font-size: 30% }
.fsize20p { font-size: 20% }

/* end - font-size adjustments
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* begin - width class settings as needed
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* by pixel */
.w900px { width: 900px }
.w850px { width: 850px }
.w800px { width: 800px }
.w750px { width: 750px }
.w650px { width: 650px }
.w600px { width: 600px }
.w550px { width: 550px }
.w500px { width: 500px }
.w450px { width: 450px }
.w400px { width: 400px }
.w350px { width: 350px }
.w300px { width: 300px }
.w250px { width: 250px }
.w200px { width: 200px }
.w150px { width: 150px }
.w100px { width: 100px }
.w50px { width: 50px }

/* by percent */
.w100p { width: 100% }
.w95p { width: 95% }
.w90p { width: 90% }
.w85p { width: 85% }
.w80p { width: 80% }
.w75p { width: 75% }
.w70p { width: 70% }
.w65p { width: 65% }
.w60p { width: 60% }
.w55p { width: 55% }
.w50p { width: 50% }
.w45p { width: 45% }
.w40p { width: 40% }
.w35p { width: 35% }
.w30p { width: 30% }
.w25p { width: 25% }
.w20p { width: 20% }
.w15p { width: 15% }
.w10p { width: 10% }

/* end - width settings
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* begin - banner classes
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.banner_180x150 { }
.banner_250x250 { }
.banner_780x90 { }

/* end - banner classes
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#home {
	border-top:#d0e7eb solid 20px;
	background:url(../../images/home_bg.jpg) repeat-x right;
	height:350px;
	width:auto;
}

.pointer {
	height:100%;
	width:100%;
	cursor:pointer;
}
#title_left {
	position:absolute;
	background:url(../../images/background_left.jpg) repeat-x;
	height:133px;
	width:50%;
	margin: 20px auto 0px auto;
}
#title_right {
	position:absolute;
	background:url(../../images/background_right.jpg) repeat-x;
	height:133px;
	width:50%;
	right:0px;
	margin: 20px auto 0px auto;
}
#title_home {
	position:relative;
	margin: 0px auto 0px auto;
	padding:0px 0px 0px 13px;
	width:947px;
	height:133px;
}

#main_content_home {
	width:350px;
	margin:auto;
}

#main_content {
	width:960px;
	margin: auto;
}


#page {
	float:right;
	margin: 20px auto 0px auto;
	background: url(../../images/background.gif) repeat-y right;
}

#title {
	float:right;
	margin: 0px 0px 30px 0px;
	width:947px;
	height:133px;
	clear:float;
}

#enter {
	position:fixed;
	left:50%;
	top:30%;
	padding:0px 0px 0px 13px;	
	z-index:100;
}
#enter a {
	color:#5e5e5e; 
	font: 13px/1.231; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 15pt;
	text-decoration:none;
	text-align:center;
	line-height:52px;
	background:url(../../images/buttonoff.png);
	width:181px;
	height:55px;
	position:absolute;
}
#enter a:hover {
	color:#5e5e5e; 
	font: 13px/1.231; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 15pt;
	text-decoration:none;
	text-align:center;
	line-height:52px;
	background:url(../../images/buttonon.png);
}

#buttons {
	float:left;
	width:208px;
	height:700px;
}
#buttons ul {
	margin:0px;
}
#buttons li {
	float:left;
	list-style-type:none;
	height:55px;
	width:181px;
	margin:0px 0px 15px 0px;
}
#buttons li a.on{
	color:#5e5e5e; 
	font: 13px/1.231; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 15pt;
	text-align:center;
	line-height:52px;
	background:url(../../images/buttonon.png);
	margin:0px 0px 20px 30px;
}
#buttons li a {
	color:#5e5e5e; 
	font: 13px/1.231; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 15pt;
	text-decoration:none;
	text-align:center;
	line-height:52px;
	background:url(../../images/buttonoff.png);
	width:181px;
	height:55px;
	position:absolute;
}
#buttons li a:hover {
	color:#5e5e5e; 
	font: 13px/1.231; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 15pt;
	text-decoration:none;
	text-align:center;
	line-height:52px;
	background:url(../../images/buttonon.png);
}
#buttons li a:on { 
	background:url(../../images/buttonon.png);
}
#buttons li.last {
	margin:0px 0px 50px 0px;
}
#about {
	padding:20px 0px 0px 0px;
}

#main_container {
	float:right;
	width:750px;
}

#about_content {
	padding:20px 85px 0px 85px;
}
#about_content img {
	padding:0px 10px;
	float:left;
}

.header {
	color:#5e5e5e; 
	font: 13px/1.231; 
	font-size: 15pt;
}
#copy {
	padding:10px 100px 30px 100px;
}

#thumbnails {
	height:199px;
	width:600px;
	overflow:auto;
	margin:0px auto;
}
#thumbnails ul {
	margin:0px;
}
#thumbnails li {
	list-style-type:none;
	width:87px;
	height:87px;
	float:left;
	margin:10px 0px 0px 10px;
}
	

#images {
	width:677px;
	margin:20px auto 20px auto;
	clear:float;
}
.caption {
	display:inline;
	text-align:center;
	margin:10px 0px 0px 0px;
}
.caption h2 {
	text-align:center;
	line-height:2px;
}
.caption h3 {
	text-align:center;
}


/*Illustration*/
#self_portrait {
	width:625px;
	margin:0px auto;
}
#lion {
	width:382px;
	margin:0px auto;
	display:none;
}
#giraffe {
	width:370px;
	margin:0px auto;
	display:none;
}
#gus {
	width:370px;
	margin:0px auto;
	display:none;
}
#duck {
	width:607px;
	margin:0px auto;
	display:none;
}
#owl {
	width:604px;
	margin:0px auto;
	display:none;
}
#tiger {
	width:604px;
	margin:0px auto;
	display:none;
}
#dolphin {
	width:604px;
	margin:0px auto;
	display:none;
}
#turtle {
	width:604px;
	margin:0px auto;
	display:none;
}
#monkey {
	width:604px;
	margin:0px auto;
	display:none;
}
#monkey_tile {
	width:622px;
	margin:0px auto;
	display:none;
}
#untitled_1 {
	width:355px;
	margin:0px auto;
	display:none;
}
#cat_skeleton {
	width:677px;
	margin:0px auto;
	display:none;
}
#beatles {
	width:604px;
	margin:0px auto;
	display:none;
}
#jimi_hendrix {
	width:604px;
	margin:0px auto;
	display:none;
}
#jim_morrison {
	width:604px;
	margin:0px auto;
	display:none;
}
#celtic_design {
	width:677px;
	margin:0px auto;
	display:none;
}
#fox {
	width:401px;
	margin:0px auto;
	display:none;
}
#old_man {
	width:246px;
	margin:0px auto;
	display:none;
}


/*Restoration*/
#harv_and_janelle {
	width:382px;
	height:472px;
	margin:0px auto 55px auto;
}
#harv_and_janelle a {
	position:absolute;
	background:url(../../images/restoration/harv_and_janelle.jpg);
	width:382px;
	height:472px;
}
#harv_and_janelle a:hover {
	background-position:-382px;
}

#harry {
	width:382px;
	height:472px;
	margin:0px auto 55px auto;
	display:none;
}
#harry a {
	position:absolute;
	background:url(../../images/restoration/harry.jpg);
	width:382px;
	height:472px;
}
#harry a:hover {
	background-position:-382px;
}

#flo {
	width:382px;
	height:472px;
	margin:0px auto 55px auto;
	display:none;	
}
#flo a {
	position:absolute;
	background:url(../../images/restoration/flo.jpg);
	width:382px;
	height:472px;
}
#flo a:hover {
	background-position:-382px;
}

#in_love {
	width:335px;
	height:472px;
	margin:0px auto 55px auto;
	display:none;
}
#in_love a {
	position:absolute;
	background:url(../../images/restoration/in_love.jpg);
	width:335px;
	height:472px;
}
#in_love a:hover {
	background-position:-335px;
}

#sitting_lady {
	width:329px;
	height:472px;
	margin:0px auto 55px auto;
	display:none;
}
#sitting_lady a {
	position:absolute;
	background:url(../../images/restoration/sitting_lady.jpg);
	width:329px;
	height:472px;
}
#sitting_lady a:hover {
	background-position:-329px;
}

#val_and_jack {
	width:360px;
	height:472px;
	margin:0px auto 55px auto;
	display:none;
}
#val_and_jack a {
	position:absolute;
	background:url(../../images/restoration/val_and_jack.jpg);
	width:360px;
	height:472px;
}
#val_and_jack a:hover {
	background-position:-360px;
}

#church {
	width:677px;
	height:447px;
	margin:0px auto 55px auto;
	display:none;
}
#church a {
	position:absolute;
	background:url(../../images/restoration/church.jpg);
	width:677px;
	height:447px;
}
#church a:hover {
	background-position:-677px;
}

#kaylee_and_jason {
	width:611px;
	height:472px;
	margin:0px auto 55px auto;
	display:none;
}
#kaylee_and_jason a {
	position:absolute;
	background:url(../../images/restoration/kaylee_and_jason.jpg);
	width:382px;
	height:472px;
	margin:0px 0px 0px 117px;

}
#kaylee_and_jason a:hover {
	position:absolute;
	width:611px;
	background-position:-382px;
	margin:0px
	
}

/*Production*/
#diary {
	width:449px;
	margin:0px auto;
}
#bags {
	width:471px;
	margin:0px auto;
	display:none;
}
#wood_box {
	width:420px;
	margin:0px auto;
	display:none;
}
#red_box {
	width:485px;
	margin:0px auto;
	display:none;
}
#card_set {
	width:677px;
	margin:0px auto;
	display:none;
}

/*Graphic Design*/
#coffee {
	width:677px;
	margin:0px auto;
}
#db_coffee_logo {
	width:408px;
	margin:0px auto;
	display:none;
}
#misty_business_card {
	width:677px;
	margin:0px auto;
	display:none;
}
#misty_logo {
	width:677px;
	margin:0px auto;
	display:none;
}
#butterfly {
	width:405px;
	margin:0px auto;
	display:none;
}
#jen_jewelry_business_card {
	width:286px;
	margin:0px auto;
	display:none;
}
#jen_photo_business_card {
	width:677px;
	margin:0px auto;
	display:none;
}
#world_loop {
	width:610px;
	margin:0px auto;
	display:none;
}
#ellen_wasserman_business_card {
	width:677px;
	margin:0px auto;
	display:none;
}
#chatting_about_books_business_card {
	width:677px;
	margin:0px auto;
	display:none;
}
#cool_invites {
	width:376px;
	margin:0px auto;
	display:none;
}
#ilhd {
	width:677px;
	margin:0px auto;
	display:none;
}

#email {
	color:#505050;
}


#self_portrait_bottom {
	bottom:0px;
	position:absolute;
	margin:auto;
}

#bottom {
	float:right;
	width:947px;
	padding:0px;
	margin: -6px auto 20px auto;
}

#copyright {
	float:right;
	width:960px;
	text-align:center;
	font-size:10pt;
	margin:-20px auto 0px auto;
}
#click_anywhere {
	bottom:0px;
	position:absolute;
	float:left;
	font-size:10pt;
	margin:0px auto 0px 20px;
}
#copyright_home {
	bottom:0px;
	right:0px;
	position:absolute;
	font-size:10pt;
	margin:0px 20px 0px 0px;
}

	
/* Safari FOUC */
body { display: block !important }