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

/* ------------------------------  Reset  ----------------------------- */

body { margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; background-image:url(../images/cork-background.jpg); background-repeat:repeat-x repeat-y; }
 
body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
 
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
 
address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }
 
ol, ul { list-style: none; margin: 0; padding: 0; }
 
table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }
 
acronym, abbr, fieldset, img { border: 0;}
 
:focus { outline: 0; }

a {color:#d00964; text-decoration:none;}

.strong { font-weight:bold;}

.brainstrust {font-weight:bold; font-style:italic;}



/* ------------------------------  Container  ----------------------------- */

#container {}





/* ------------------------------  Header  ----------------------------- */

#header {margin:0px auto; width:100%; background-image:url(../images/background-fade.jpg); background-repeat:repeat-x; height:350px; background-color:#FFFFFF; text-align:left; position:absolute; top:0;}

#header-content {margin:0px auto; width:980px;}


#logo { padding:10px 0px 0px 0px; float:left; width:700px;}

#logo img {float:left;}

#logo h1 {font-size:27px; padding:20px 0px 10px 0px; color:#67757d;}

#contact {margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; width:275px; float:right; text-align:right; font-size:16px; color:#d00964; line-height:22px;}

#contact img {padding:5px 0px 0px 5px;}


#pinboard-top { background-image:url(../images/pinboard-top.png); height:45px; margin:350px 0px 0px 0px;}

#intro {clear:both; padding:10px 0px 0px 0px;}

#intro-image { float:left; width:270px;}

#intro-text {font-size:14px; color:#67757d; width:710px; float:left; margin:0px 0px 0px 130px;}

#intro-text p {padding:0px 0px 15px 0px; line-height: 16px;}

#intro-text h1 {font-size:27px; padding:0px 0px 10px 0px;}


/* ------------------------------  Content  ----------------------------- */


#content { background-color:#918f90; width:906px; float:left; background-image:url(../images/content-background.jpg); background-repeat:no-repeat; text-align:left; padding:0px 30px;}

p.note-text {font-family: 'Open Sans', sans-serif; font-weight:400; font-size:20px; color:#7e7e7e; text-indent:-5px}

p.note-author1 {font-family: 'Open Sans', sans-serif; font-size:20px; color:#d3176d; font-weight:400; height:26px;}
p.note-author2 {font-family: 'Open Sans', sans-serif; font-size:20px; color:#d3176d; font-weight:400; height:26px;}
p.note-author3 {font-family: 'Open Sans', sans-serif; font-size:20px; color:#d3176d; font-weight:400; height:26px;}


#notes {margin:0px auto;}



#notes li { text-align:left; margin:0px auto; display:inline-block; padding:72px 75px 78px 60px;}

#notes li.note1 { background-image:url(../images/notes1.png);  width:338px; height:340px;  }

#notes li.note2 { background-image:url(../images/notes2.png); width:338px; height:340px; }

#notes li.note3 { background-image:url(../images/notes3.png);  width:338px; height:340px;  }

#notes li.note4 { background-image:url(../images/notes4.png);  width:338px; height:340px;  }

.note-text-area {margin:0px 0px 25px 0px; width:330px; height:180px;}

.bottom-left-note {float:left; width:200px; padding:0px 10px 0px 20px;}

.note-social {padding:10px 0 0 0 ;}

.note-social img {margin:0px 0px -4px 0px;}






/* ------------------------------  Footer  ----------------------------- */




/* ------------------------------  Sliding box  ----------------------------- */







/* ------------------------------  top bar  ----------------------------- */