/* CSS Styles Kew Creative v2010 */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 27, 2010 05:38:47 AM America/New_York */
@font-face {
	font-family: JournalRegular;
	src: url('fonts/journal-webfont.eot');
	src: local('?'), url('fonts/journal-webfont.woff') format('woff'), url('fonts/journal-webfont.ttf') format('truetype'), url('fonts/journal-webfont.svg#webfontxNXoptyW') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: ColaborateLightRegular;
	src: url('fonts/ColabLig-webfont.eot');
	src: local('?'), url('fonts/ColabLig-webfont.woff') format('woff'), url('fonts/ColabLig-webfont.ttf') format('truetype'), url('fonts/ColabLig-webfont.svg#webfontgciz0ufw') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {position: relative; margin: 0; padding: 0; font:62.5% "Georgia", serif; color: #606060; background-color: #fff;}

h1 {font-family: "ColaborateLightRegular", sans-serif; font-size:2em; font-weight:normal; color:#d00062; text-align:justify; padding:0;  margin:-5px 0 -5px 0;}
h2 {font-family: "JournalRegular", sans-serif; font-size: 5em; font-weight:bold; color:#33211f; text-align:justify; letter-spacing:2px; padding:0; margin:-10px 0 -5px 0;}
h3 {font-family: "ColaborateLightRegular", sans-serif; font-size:2.1em; font-weight:normal;color:#d00062; text-align:justify; padding:0 2px 0 0;  margin:-15px 0 0 0 ;}
p {font-family: "ColaborateLightRegular", sans-serif; font-size:1.7em; font-weight:normal; color:#d00062; text-align:left; padding:0 5px 5px 0px;}
p.contact {font: normal 1.6em  "ColaborateLightRegular", sans-serif; color:#d00062; text-align:left; padding:0 5px 5px 0px; line-height:25px; }
a:link, h3 a {color:#d00062; text-decoration:none; font-weight:normal; }
a:hover {text-decoration:underline; }
.pink{color:#d00062;}

#wrapper { width: 960px; margin:0 auto; padding:150px 0 0 0; }
#header { width:960px; padding: 0; }
#logo { width:480px; padding: 0 35px 0 20px; float:left; border-right: 2px solid #33211f; }
#coming_soon { width:270px; padding:10px 0 0 70px; float:left; text-align:justify; }



/************ CampaignAway Form Styles ********************************/
#form {padding:3px 0 0 0; }
.input {width:210px; float:left; background-color:#d00062; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #fff; font-size:145%; padding:2px 0 2px 5px;}  
.button {padding:2px 5px 0 0; float:right;} 
/*********************************************************************/
#container {width:960px; margin: 0; }
#contact {float:left; width: 480px; padding:60px 0 0 20px; } 
#socials {float:left; width:330px; margin:50px 0 10px 70px; }
#twitter {width:240px; padding: 0 0 0px 35px; }
#socials ul {list-style:none;}
#socials li { float: left; margin-right: 5px; font: normal 1.6em  "ColaborateLightRegular", sans-serif; color:#d00062; }
#socials li a { float: left; line-height: 16px; color:#333; opacity: 0.60; filter: alpha(opacity=60); }
#socials li a:hover { color: #333; opacity: 1; filter: alpha(opacity=100); }
#socials img { float: left;  padding-top:4px; border:none; vertical-align:middle; }
#socialin a, #socialf a, #socialsky a, #socialdig a, #socialst a, #socialdel a, #socialw a { padding-left: 10px; }
#footer { width: 960px; margin:0 auto; }
#footer p { margin:0px auto 0 auto; display:block; width:960px; height:40px; }

/*** Slideshow style rules.*/

#pageContainer {
  float:left;
  width:960px;
  height:320px;
  margin: 10px 0 0 0;
  background-color: #fff;
  border-top: 2px solid #33211f;
}
#pageContainer h1 {
  width:960px;
  margin:5px 0 0 20px;
  font: 600 25px "JournalRegular", Times, serif;
  color: #33211f;
}
#slideshow {
	margin:0 auto ;
	width:809px;
	height:275px;
	background:#fff;
	position:relative;
}

#slideshow #slidesContainer {
  margin:0 auto;
  width:729px;
  height:275px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  background:#fff;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:709px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:275px;
}

/** * Slideshow controls style rules.*/
.control {
  display:block;
  width:39px;
  height:275px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(img/control-left.gif) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(img/control-right.gif) no-repeat 0 0;
}

.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 25px "JournalRegular", sans-serif;
  color:#33211f;
}
.slide img { float:right; border:5px solid #33211f; }

a {
  color: #d00062;
  font-weight:bold;
  text-decoration:none;
}


