/*====================================================================*/
/* Interknit - Digital Design & Development - www.interknitdesign.com*/
/* Created on Nov 2011 */
/* Global Screen styles */
/*====================================================================*/
/*
--- COLOURS ---
/*====================================================================*/
/* Background: #FFFFFF */
/* Light Purple: #E9E6F1 */
/* Willow Purple: #3C197F */
/* BUTTON GREY: #CCCCCC */
/* Button Purple: #937FB2 */
/* Text Normal: #333333 */
/*====================================================================*/

/* 
--- CONTENTS ---

1) Reset

Please keep tidy :)

*/
/*------------------------------------*\
  01::RESET::
\*------------------------------------*/

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote, th, td {
  margin: 0px;
  padding: 0px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img {
  border: 0;
}
address, caption, cite, dfn, th, var {
  font-style: normal;
  font-weight: normal;
}
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
}
a {
  color:#3C197F;
}
a:hover { color:#2D73B5; cursor:pointer; }
.clear { clear: both }
.flL { float:left }
.flR { float:right }
.blueText {
	color:#2D73B5;
}

.clear { clear:both	}

label { visibility:hidden; }

/*------------------------------------*\
  01::Main::
\*------------------------------------*/

body {
	width:100%;
	background-color:#FFFFFF;
	font-family:"Myriad Pro", “Lucida Sans”, “Lucida Grande”, “Lucida Sans Unicode”, sans-serif;
	font-size:10pt;
	color:#333333;
	
}

h1 {
	font-size:2.5em;
	font-style:normal;
	font-weight:600;
	color:#3C197F;	
}

h2 {
	font-size:2em;
	font-style:normal;
	font-weight:600;
	color:#3C197F;	
	padding-bottom:20px;
}

h3 {
	font-size:1.8em;
	font-style:normal;
	font-weight:600;
	color:#333333;
}

h4 {
	font-size:1.1em;
	font-style:normal;
	font-weight:600;
	color:#333333;
}

p { padding-bottom:12px; }

.p2 { padding:12px 0px; text-align:center;}

#a2 { padding-top:20px; display:block; text-align:center;}


#frame {
	width:1000px;
	height:100%;
	margin:0px auto;
}
	
#mainContent {
	width:1000px;
}

/*------------------------------------*\
  02::Index page::
\*------------------------------------*/

#topBanner {
	width:1000px;
	height:103px;
	background-image:url('../images/bridge.png');
	background-repeat:no-repeat;
}

#bridge {
	line-height:84px;
	margin-left:30px;
	width:550px;
	float:left;
}


#topBtn {
	background-image:url('../images/rollover.png');
	background-repeat:no-repeat;
	width:420px;
	height:84px;
	display:block;
	float:left;
	background-position: center top;
}

#topBtn:hover{
	background-image:url('../images/rollover.png');
	background-position: center bottom;
	margin-bottom:10px;
}

#leftCol {
		width:525px;
		padding:20px 25px 0px 30px;
		background-color:#FFFFFF;
		float:left;
}

.intro {
	font-size:1.3em;
	line-height:1.3em;
	font-weight:100;
}

.pBold {
	font-weight:600;
}

#leftText {
	width:243px;
	float:left;
	padding:30px 20px 0px 0px;
}

#leftText p { line-height:1.7em;}

#leftText img { line-height:1.7em; padding-top:3px; }

#btmBtn {
	background-image:url('../images/rollover.png');
	background-repeat:no-repeat;
	width:420px;
	height:84px;
	display:block;
	float:left;
	background-position: left top;
	margin-top:40px;
}

#btmBtn:hover{
	background-image:url('../images/rollover.png');
	background-position: left bottom;
}

#postcards {
	float:left;
	padding:0px;
}

#rightCol {
	width:420px;
	height:auto;
	padding-bottom:80px;
	background-color:#E9E6F1;
	float:left;
	background-image:url('../images/arrowBtm.jpg');
	background-repeat:no-repeat;
	background-position: center bottom;
}

.logo {
	display:block;
	margin:0px auto;
}

#rightCol h3 { 	padding:20px 40px 0px 40px;	}

#rightCol h4 { 	padding:60px 40px 10px 40px;	}

#rightCol p { 	line-height:1.7em;	padding:12px 60px 0px 40px; }

#rightCol p.smallText { display:block; width:200px; float:left; padding:0px; padding:12px 0px 0px 40px; }

.smallimg { display:block; width:auto; height:auto; float:left; padding-top:15px; padding-bottom:30px; }

/*------------------------------------*\
  03::Register page::
\*------------------------------------*/

#topBanner2 {
	width:1000px;
	height:103px;
	background-image:url('../images/bridge2.png');
	background-repeat:no-repeat;
}
#topText {
	width:1000px;
	height:200px;
	background-image:url('../images/toptext_bg.png');
	background-repeat:no-repeat;	
}
#registerH2 {
	color:#333333;
	font-weight:100;
	font-size:1.6em;
	padding:30px 60px 0px 60px;
	line-height:1.4em;
}

#leftCol2 { float:left;}

#form {
	float:left;
	margin:0px auto;
	width:420px;
	margin-top:30px;
}

#title{ padding-bottom:20px; color:#3C197F;}

#register{
	margin:0px auto;
	width:342px;
}

.check {
	width:32px;
	height:33px;
	float:left;
}

#nameLabel { 
	width:342px;
	height:33px; 
	background-image:url('../images/name.jpg');
	background-repeat:no-repeat;
	margin-bottom:3px;
}

#telLabel { 
	width:342px;
	height:33px; 
	background-image:url('../images/telephone.jpg');
	background-repeat:no-repeat;
	margin-bottom:3px;
}

#emailLabel { 
	width:342px;
	height:33px; 
	background-image:url('../images/email.jpg');
	background-repeat:no-repeat;
	margin-bottom:3px;
}

#conEmailLabel { 
	width:342px;
	height:33px; 
	background-image:url('../images/conEmail.jpg');
	background-repeat:no-repeat;
	margin-bottom:3px;
}

#comLabel { 
	width:342px;
	height:33px; 
	background-image:url('../images/comments.jpg');
	background-repeat:no-repeat;
	margin-bottom:3px;
}



input { 
	width:300px; 
	height:31px;
	border:1px solid #CCCCCC; 	
	margin-left:3px;
	margin-bottom:20px;
	padding-left:5px;
	line-height:1.5em;
}

textarea { 
	width:300px; 
	height:120px;
	border:1px solid #CCCCCC; 	
	margin-left:3px;
	margin-bottom:20px;
	padding-top:5px;
	padding-left:5px;
	line-height:1.5em;
}

#submit {
	text-indent:-1000px;
	border: 0;
	margin-top:30px;
	background: url('../images/Submit.png') no-repeat;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	width:300px;
	height:76px;
	display:block;
	float:left;
	background-position: center top;
}

#submit:hover {
	background-position: center bottom;
}


#usererror {
	margin:0px auto;
	width:342px;
	padding-bottom:30px;
}

#errorh {
	color:#937FB2;
}


#errorsubh {
	padding-bottom:10px;
}

.errormsg { padding:5px; list-style: none; }

.color {
	color:#937FB2; padding-right:5px;
}

h1#thanks {
	text-align:center;
	margin-top:150px;
	
}
/*------------------------------------*\
  04::Footer::
\*------------------------------------*/

#footer {
	width:1000px;
	height:76px;
	background-image:url('../images/footer.jpg');
	background-repeat:no-repeat;
	margin-top: 100px;
}

.footerText {
	color:#FFFFFF;
	font-size:.7em;
	line-height:1.4em;
	padding:30px 30px 0px 30px;
	width:500px;
	margin-left:200px; 
}