@import url("reset.css");

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #636363;
	font-size: 9pt;
	line-height: 130%;
}

	body p {
		margin-bottom: 10px;
	}
	
	body p a {
		color: #a20303;
		text-decoration: none;
		border-bottom: 1px dotted white;
	}
	
	body p a:hover {
		color: #a20303;
		border-bottom: 1px dotted #a20303;
	}
	
	body p a:visited {
		color: #a20303;
		border-bottom: 1px dotted white;
	}
	
	body p a:visited:hover {
		color: #a20303;
		border-bottom: 1px dotted #a20303;
	}
	
	body p a:active {
		color: #FC6;
		border-bottom: 1px dotted white;
	}

h3 {
	font-size: 200%;
	line-height: 100%;
	font-weight: normal;
	margin-bottom: 15px;
	color: #a20303;
	height: 30px;
	background: url(../images/hi.gif) no-repeat;
}

	h3 span {
		display: none;	
	}

h4 {
	display: none;	
}

#stalk_box {
	margin-top: 30px;
}

#stalk_box {
	font-size: 100%;
}

#stalk_box a {
	border: none;
}

#stalk_box a:hover {
	border: none;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	margin-top: 50px;
	/*border: 1px solid green;*/
}

#title {
	width: 385px;
	height: 75px;
	background: url(../images/cherylpaulsen.gif) no-repeat;
	/*border: 1px solid red;*/
}

	#title span {
		display: none;	
	}

#sub-title {
	width: 220px;
	height: 40px;
	background: url(../images/graphicdesign.gif) no-repeat;
	float: right;
	position: relative;
	top: -40px;
	/*border: 1px solid blue;*/
}

	#sub-title span {
		display: none;	
	}

#about {
	font-size: 115%;
	line-height: 135%;
	height: 275px;
	width: 215px;
	float: left;
}

	#about_image {
		height: 310px;
		width: 350px;
		float: right;
		background: url(../images/cherylVectorImage.jpg) bottom no-repeat;
		background-position: 0px;
	}
	
	#about_image:hover {
		background: url(../images/cherylVectorImage.jpg) bottom no-repeat;
		background-position: -350px;
	}	

/*  SECTION HEADER IMAGES */
#promo_advertising {
	width: 215px;
	height: 60px;
	background: url(../images/promo_advertising.gif) no-repeat;	
}

#identity_branding {
	width: 215px;
	height: 60px;
	background: url(../images/identity_branding.gif) no-repeat;	
}

#booklets_layout {
	width: 215px;
	height: 60px;
	background: url(../images/booklets_layout.gif) no-repeat;	
}

#package {
	width: 215px;
	height: 60px;
	background: url(../images/package.gif) no-repeat;	
}

#web_media {
	width: 215px;
	height: 60px;
	background: url(../images/web_media.gif) no-repeat;	
}

/*  DESCRIPTION BOX STYLES */
.description {
	height: 275px;
	width: 215px;
	float: left;
}

	.description ul {
		list-style: disc;
		margin-top: 15px;
		margin-left: 30px;
	}
	
	.description ul li {
		font-weight: normal;
		font-size: 125%;
		line-height: 160%;
	}

/*  THUMBNAIL BOX STYLES */
.thumbnails_box {
	height: 275px;
	width: 350px;
	float: right;
	margin-left: 30px;
}

	.thumbnails_box img {
		border: #999 2px solid;
	}
	
	.thumbnails_box img:hover {
		border: #a20303 2px solid;
	}
	
	.thumbnails_box a:hover {
		border-bottom: 1px dotted white;
	}
	
	.prettyphoto a:hover,
	.prettyphoto a:visited:hover {
		border-bottom: 1px dotted white;
	}


/*  FORM STYLES */
form {
	width: 500px;
	margin: 10px 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

	form fieldset {
		border: 1.5px solid black;	
	}
	
	form legend {
		display: block;
		margin-left: 12px;
		font-weight: normal;
		font-size: 200%;
		padding-left: 5px;
		padding-right: 5px;
		color: #a20303;
	}
		
	form ol {
		padding: 25px;
	}
	
	form li {
		margin-top: 10px;	
	}
	
	form label {
		display: inline-block;
		width: 8em;	
		vertical-align: top;
	}
	
	form input {
		color: #a20303;
	}
	
	form textarea {
		color: #a20303;
	}
	
	form .question {
		width: auto;
	}
	
/*  FOOTER STYLES */	
#footer {
	margin-top: 0px;	
}

#twitter_feed {
	margin-top: 10px;
	margin-left: 30px;
	float: left;	
	width: 300px;
	height: 75px;
}

#flickr_feed {
	margin-top: 10px;
	margin-left: 30px;
	float: left;	
	width: 300px;
	height: 75px;
}

#flickr_box {
	margin-top: 4px;
	margin-bottom: 6px;
}

.footer_title {
	color: #1a1a1a;
	font-size: 95%;
	margin-bottom: 2px;
}

.footer_link {
	font-size: 95%;
	margin-top: 2px;
}
	
/* flickr style */

.thumbs { margin: 0; padding: 0; overflow: hidden;}
.thumbs li { list-style: none; float: left; margin-right: 10px; padding: 0px; background: #eee; -moz-box-shadow: 0 0 0px #444; -webkit-box-shadow: 0 0 0px #000;}
.thumbs li a { }
.thumbs li img { display: block; width: 40px; height: 40px;}
.thumbs li a img { border: 2px solid black;}
.thumbs li a img:hover { border: 2px solid #a20303;}