@charset "utf-8";
/* CSS Document */
/*//////////////////////////////////
 -- Feraco Design || CSS  
 //////////////////////////////////*/


@media all {
/* =The above @media rule hides this stylesheet from the 
discontinued Microsoft Internet Explorer for Mac. */

/* =universals 
/* neutralize browser styles */
body, html {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 101%;
}
/* neutralize browser spacing for vertical elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}
a:link, a:active, a:hover, a:visited {
	outline: none;
	border: none;
}
/*a:focus {
	-moz-outline-style: none;
}*/
/*//////////////////////////////////
      Generic Layout Styles
 //////////////////////////////////*/

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size:12px;
	line-height:1.54em;
	color: #a1a1a1;
}
p, h3 {
	text-align:left;
	padding: 1em 0em 0em 50px;
	font-weight:normal;
	margin:0px;
}
h3 {
	font-size:12px;
	padding-top: 40px;
}
a:link, a:visited {
	color: #a1a1a1;
	padding: 0;
	font-weight:normal;
	margin-left: 15px;
	text-decoration: underline;
}
a:hover, a:active {
	text-decoration: none;
}
#header {
	background: #fff;
	padding: 0px;
	margin:0;
	position: relative;
}
#headerLock {
	position:fixed;
	z-index:4;
}
#header #headerCap {
	position: absolute;
	width:4000px;
	top:0px;
	left: -1200px;
	height: 11px;
	margin:0;
	padding:0;
	background:#fff;
}
#header #headerHomeCap {
	position:absolute;
	height: 377px;
	width: 511px;
	top:0;
	background: url(../images/feraco_backgndsm.png) top right no-repeat;
	left: 657px;
}
#header #headerHomeCapSm {
	position:absolute;
	height: 104px;
	width: 104px;
	top:0px;
	background: url(../images/feraco_backgndmini.png) top right no-repeat;
	left: -21px;
	z-index: 2;
}
#innerheaderBack {
	position: absolute;
	background: #34b5d0;
	width:4000px;
	top:11px;
	left: -1200px;
	height:36px;
	z-index: 3;
}
#innerheader {
	width: 1000px;
	margin: 0 auto;
	padding: 0px;
	position: absolute;
	z-index: 4;
	height: 36px;
	left: 1px;
	top: 11px;
}
#innerheader h1 {
	position: absolute;
	width: 192px;
	height: 25px;
	margin: 11px 0 0 0;
	padding: 0px;
	background:url(../images/lauraFeraco.png) top left no-repeat;
	text-indent:-999em;
	left: 49px;
}
#innerheader h2 {
	width: 165px;
	height: 20px;
	margin: 0px;
	padding: 0;
	color: #fff;
	position:absolute;
	top:14px;
	right: 34px;
	font-size:12px;
	font-weight:normal;
}
#spiralMini {
	left: -82px;
	top: -11px;
}
#spiralMiniTOP {
	width:129px;
	height:11px;
	background:url(../images/feraco_backgndminiTOP.png) top left no-repeat;
	position:absolute;
	margin:0;
	padding:0;
	left: -32px;
	top: 0px;
}
#headCap {
	width: 900px;
	background:#fff;
	height:11px;
	margin: -11px 0 0 0;
}
#spiralMiniBASE {
	width:129px;
	height:52px;
	background:url(../images/feraco_backgndminiBASE.png) top left no-repeat;
	position:absolute;
	margin:0;
	padding:0;
	left: -33px;
	top: 47px;
}
/*************************/
/* Navigation - Top */
#navcontainer {
	margin: 0;
	padding: 8px 0 2px;
	width: 2087px;
	height: 30px;
	list-style-type: none;
	background-color:#fff;
	position:absolute;
	line-height: 0.75em;
	left: -1265px;
	top: 47px;
}
#navcontainer2 {
	margin: 0;
	padding: 8px 0 2px;
	width: 2175px;
	height: 42px;
	list-style-type: none;
	background-color:#fff;
	position:absolute;
	line-height: 0.75em;
	left: -1265px;
	top: 47px;
	z-index: 1;
}
/*thank you page */
#navcontainer3 {
	margin: 0;
	padding: 8px 0 2px;
	width: 2116px;
	height: 48px;
	list-style-type: none;
	background-color:#fff;
	position:absolute;
	line-height: 0.75em;
	left: -1265px;
	top: 47px;
}
#navlist {
	list-style: none;
	white-space: nowrap;
	padding: 0;
	margin:0 0 0 1537px;
	height:25px;
}
#subnavlist {
	list-style: none;
	white-space: nowrap;
	padding: 0;
	margin:-3px 0 0 1585px;
	height:25px;
}
#subnavlist.about {
	margin-left: 1625px;
}
#navlist li, #subnavlist li {
	border:0;
	float:left;
	padding:0 0 2px;
	margin: 1px 15px 1px 0;
	text-align: left;
	display:block;
	/*height:25px;*/
	}
#navlist li a, #subnavlist li a {
	border:none;
	height:25px;
	padding:0;
	margin:0;
	font-size:12px;
	text-decoration:none;
	padding:0;
	color:#a1a1a1;
	display:inline;
}
#subnavlist li a {
	padding-bottom:0px;
	height:14px;
	margin-bottom:-6px;
	border-bottom: none;
	line-height:1em;
}
#subnavlist li a:link, #subnavlist li a:hover, #subnavlist li a:visited, #subnavlist li a:active {
	border: none;
	outline: none;
	text-decoration:none;
}
#navlist li.current a, #subnavlist li a.current {
	color:#464b4d;
}
#subnavlist li a.off {
	color:#a1a1a1;
}
#navlist li a:hover {
	color:#464b4d;
}
#subnavlist li a:hover {
	border-bottom: dotted 1px #a1a1a1;
}
#container {
	width: 1000px;
	margin: 0 auto 40px;
	border: 0px solid #000000;
	text-align: left;
	padding-top:0px;
	z-index: 0;
}
#mainContent {
	padding: 0px;
	margin-top: 0px;
}
/*///////////////////////////////////////
 Page Specific Layout  & Format Styles
 ///////////////////////////////////////*/
#mainContent, .thanks#mainContent {
	/*	padding-top:60px;
	margin-top:100px;
	 clear:both; */
	z-index:6;
	padding-top:98px;
}
.work#mainContent {
	padding-top:0px;
}
.profile h3 {
	color:#a1a1a1;
	display:block;
	width:61px;
	text-align:right;
	float:left;
	padding:5px 0 0 0;
	margin:0;
	line-height: 1em;
}
.home p {
	width: 475px;
}
.thanks p {
	width: 515px;
}
.work p {
	width: 555px;
	text-transform:lowercase;
}
.profile a, .thanks a {
	padding:0px;
	margin:0;
	display: inline;
}
.projectBreak {
	width: 790px;
	height:44px;
	background:url(../images/workLine.png) repeat-x top left;
	margin:0;
	padding:0;
}
.list ul {
	float: left;
	margin:0px 0px 22px 35px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	line-height: 1.75em;
}
/*********************/
/* Home Page */
#homeLinkPanel {
	width: 565px;
	height: 188px;
	margin-top: 40px;
	position:relative;
}
#homeLinkPanel li {
	float:left;
	text-indent:-999em;
	list-style-type:none;
}
#homeLinkPanel li a {
	border:0;
	display:block;
	text-decoration:none;
	text-indent:-999em;
	width: 136px;
	height: 188px;
	margin: 0 5px 0 0;
	padding:0;
}
#homeLinkPanel li#p1 {
	background:#34b5d0;
	width: 108px;
	margin: 0 5px 0 0;
	padding:0;
}
#homeLoc {
	display:block;
	cursor:default;
}
#homeTopTrigger {
	position:relative;
	width: 1000px;
	padding: 0px;
	margin: 0px 0 0 0;
}
#p1blank {
	height:188px;
	width:2000px;
	background:#34b5d0;
	margin-left: -1892px;
}
#homeLinkPanel li#p2work a:link, #homeLinkPanel li#p2work a:visited {
	background: url(../images/feracoHlinks.jpg) -111px top no-repeat;
}
#homeLinkPanel li#p3profile a:link, #homeLinkPanel li#p3profile a:visited {
	background: url(../images/feracoHlinks.jpg) -251px top no-repeat;
}
#homeLinkPanel li#p4contact a:link, #homeLinkPanel li#p4contact a:visited {
	background:url(../images/feracoHlinks.jpg) -391px top no-repeat;
}
#homeLinkPanel li#p2work a:hover {
	background: url(../images/feracoHlinks.jpg) -111px -192px no-repeat;
}
#homeLinkPanel li#p3profile a:hover {
	background: url(../images/feracoHlinks.jpg) -251px -192px no-repeat;
}
#homeLinkPanel li#p4contact a:hover {
	background:url(../images/feracoHlinks.jpg) -391px -192px no-repeat;
}
/*signature*/
p#lf {
	background: url(../images/lauraFeraco_lf.gif) top left no-repeat;
	display:block;
	height:20px;
	padding: 27px 0 0 0px;
	margin:7px 0 0 50px;
}
/* home feature */

#homeFeature {
	margin-top: 100px;
	background:url(../images/feracoHhighlight.jpg) 110px 50px no-repeat;
	height: 500px;
}
#inspiration, #happythings {
	height: 200px;
}
#inspiration h3, #happythings h3 {
	display:block;
	width: 90px;
	text-align:right;
}
#inspiration .list, #happythings .list {
	padding: 0;
	margin: -18px 0 0 120px;
	width: 650px;
	float:left;
	display:block;
}
/*********************/
/* Portfolio Page */

.projectType {
	margin-left: 18px;
}
.projectImgs {
	margin: 20px 0 0px 82px;
	width: 776px;
	min-height:200px;/**/
}
/*#feather */
#featherLight {
	padding-top: 70px;
	padding-bottom: 0px;
}
/*********************/
/* About Page */

#mainContent.profile {
	padding:0;
	margin:0;
}
#clients {
	padding-top: 117px;
	padding-bottom: 0px;
	min-height: 120px;
	margin: 0;
	padding-left:82px;
}
#t13, #printBook, #bike2work, #ignite, #redLotus, #bento {
	margin: 0px;
	padding:30px 0 0;
	margin-top: 30px;
	margin-bottom: 0px;
}
#education, #experience, #resume, #connect, #affiliations, #languages, #quirks {
	padding-left:82px;
}
#experience {
	margin-top: -50px;
	padding-top: 91px;
	margin-bottom: 0px;
	min-height:360px;
}
#expTable {
	margin-left:28px;
	float:left;
	width:650px;
	line-height:1.2em;
}
#expTable td.c1 {
	width: 150px;
}
#expTable td.c2 {
	width: 200px;
}
#expTable td.c3 {
	width: 125px;
}
#education {
	margin-top: -50px;
	padding-top: 91px;
	margin-bottom: 0px;
	min-height:75px;
}
#resume {
	margin-top: -50px;
	padding-top: 91px;
	margin-bottom: 0px;
	min-height:30px;
}
#connect {
	z-index: 1;
	margin-top: -50px;
	padding-top: 91px;
	margin-bottom: 0px;
	min-height:300px;
}
#affiliations {
	z-index:2;
	margin-top: -50px;
	padding-top: 91px;
	margin-bottom: 0px;
	min-height:70px;
}
#languages {
	margin-top: -50px;
	padding-top: 91px;
	;
	margin-bottom: 0px;
	min-height:30px;
}
#quirks {
	margin-top: -50px;
	padding-top: 91px;
	margin-bottom: 0px;
	min-height:300px;
}
#education p, #resume p, #connect p, #affiliations p, #languages p, #quirks p {
	padding:2px 0 0 0;
	margin:0;
	margin-left:35px;
	width: 650px;
	float:left;
	display:block;
}
#mainContent.profile .projectBreak {
	margin:0px 0 10px -82px;
	clear: both;
	height: 15px;
}
.profile .list ul {
	margin: 2px 17px 20px 35px;
}
/*********************/
/* Peek-a-Boo Page */
/* Plane Home/top */
#planeBox-outer {
	overflow: hidden;
	height:164px;
	margin:0;
	padding:0;
	padding-bottom:0px;
	width:200px;
	margin-left:0px;
	position: absolute;
	left: 778px;
	top: 47px;
}
#planeBox {
	padding: 10px 0 0 0;
	height:64px;
	width: 182px;
	background:url(../images/planePeek.png) bottom center no-repeat;
}
/* Anters Drop at base */
#antlersBox-outer {
	overflow: hidden;
	height:264px;
	margin:0;
	padding:0;
	padding-bottom:0px;
	width:200px;
	margin-left:0px;
	position: absolute;
	left: 784px;
	top: 43px;
}
#antlersBox {
	padding: 100px 0 0 0;
	height:64px;
	width: 200px;
	background:url(../images/antlerPeek.png) bottom center no-repeat;
}
/* SushiBox at base */

#sushiBox-outer {
	width: 100px;
	margin-left: 00px;
	position:absolute;
	top: -50px;
	left: 305px;
	overflow: hidden;
	height: 43px;
	padding-top:70px;
}
#sushiBox {
	background:url(../images/sushiPeek.png) top center no-repeat;
	height:95px;
	padding: 25px 0 0 0;
	width: 100px;
}
/*********************/
/* Thanks Page */

#thanksPanel {
	width: 900px;
	height: 188px;
	margin-top: 40px;
	position:relative;
	margin-bottom: 300px;
}
#thanksPanel li {
	border:0;
	float:left;
	display:block;
	margin-right: 5px;
	text-indent:-999em;
	text-decoration:none;
	width: 99px;
	margin-left:0;
	height: 188px;
	padding-left:0;
}
#thanksPanel #tyimg {
	background:url(../images/feracoThanks.jpg) top left no-repeat;
	width: 718px;
}
#ty1blank {
	height:188px;
	width:2020px;
	background:#34b5d0;
	margin-left: -1922px;
}
/*********************/
/* Page Footers */
#linksPanel {
	position:relative;
	width:1000px;
	margin: 0 auto;
	padding:0;
	position:relative;
	z-index:0;
	height: 20px;
	clear: both;
}
#pageFoot {
	width:100%;
	background-color: #e0ecef;
	height:53px;
	position:relative;
	padding:0;
	margin:0;
	z-index: 3;
}
#footer {
	width: 1000px;
	margin: 0 auto;
}
#footlist {
	list-style: none;
	font-size:12px;
	white-space: nowrap;
	padding: 0;
	margin: 0 0 0 50px;
	height:18px;
	position:relative;
	z-index:3;
	padding: 18px 0px;
}
#footlist li {
	border:0;
	float:left;
	display:block;
	height:12px;
	text-decoration:none;
	color:#616769;
	padding:0;
	margin-left: 0;
	margin-right: 25px;
	margin-bottom:-5px;
	line-height:.9em;
}
#footlist li a {
	color:#616769;
	text-decoration:none;
	padding-bottom:0px;
}
#footlist li a:hover, #footlist li a:active {
	border-bottom: dotted 1px #616769;
}
/* contact form */

#formWrap {
	margin:0;
	margin-top:0px;
	margin-bottom: 10px;
	width: 472px;
	clear: both;
	padding: 15px 0 0 0;
}
#formWrap #contactForm {
	padding:0;
	margin:0;
}
#formWrap #formButtons {
	margin: 5px 0px 0px 30px;
	clear:both;
	text-align:right;
	color:#fff;
}
#formWrap #formButtons input.btn {
	color:#fff;
	text-align:center;
	background-color:#b1c0c3;
	border: 1px solid;
	border-color: #fff #2a2a20 #2a2a20 #fff;
	font-size: 0.9em;
	width: 70px;
	margin-right:47px;
	height:1.75em;
	padding-bottom:2px;
}
#formWrap #formButtons input.btnhov {
	border-color:#2a2a20;
	background-color:#fff;
	cursor:pointer;
	color:#b1c0c3;
}
#formWrap #formButtons input.btnhov:active {
	border-color:#8d1212;
	background-color:#2a2a20;
	color:#fff;
	cursor:pointer;
}
fieldset input {
	float : left;
	width : 206px;
	background: #e7eef0;
	margin-left:5px;
}
fieldset textarea {
	float : left;
	width : 261px;
	background: #e7eef0;
	height: 100px;
	margin-left:5px;
}
fieldset input:hover, fieldset select:hover, fieldset textarea:hover {
	background: #fff;
}
fieldset input:active, input:focus {
	border-color : #b1c0c3;
}
fieldset select:active, select:focus {
	border-color : #b1c0c3;
}
fieldset textarea:active, textarea:focus {
	border-color : #b1c0c3;
}
/* label and labelspan */
label, label span {
	display : block;
	padding-bottom : .25em;
}
label {
	float : left;
	width : 100%;
	font-size:12px;
}
label span {
	float : left;
	width : 17%;
	text-align : right;
}
fieldset {
	width: 350px;
	margin: 0px 0px 10px 96px;
	padding : 0px;
	overflow : hidden;
	font-style: normal;
	border:none;
	float: left;
}
} /* =end media hide */