/* ------> COLOUR INDEX <-----------/

pink:			#EC008C;
light-grey:		#D1D3D4;
dark grey:		#32363F;

----------------------------------- */


/* -------- RESET CSS <---------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
	text-decoration: none;
	font-size: 100%;
	padding: 0;
	margin: 0; }

h1,h2,h3,h4,h5,h6 {
	font-weight: normal; }

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit; }

input,textarea,select {
	*font-size: 100%; }

ul li, ol li, dl li {
	list-style: none outside; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0; }

caption,th {
	text-align: left; }



/* ------> ~GENERAL STYLES <----------- */

body {
	font: 0.75em/1.4em Helvetica, Arial, Verdana, sans-serif;
	border-top: 4px solid #EC008C;
	background: url(../images/bgCol2.png) repeat-x #32363f;
	color: #32363F; }

.clear {
	clear: both; }

#mainContainer {
	overflow: hidden;
	width: 1220px;
	margin: 0; }

h1, h2, h3, h4 {
	clear: both;
	font-family: Palatino, Georgia, "Times New Roman", serif;
	color: #EC008C; }

h1 {
	font-weight: bold;
	font-size: 2em;
	line-height: 1em;
	margin-bottom: .5em;
	text-transform: capitalize; }

h2 {
	font-size: 1.2em; }

h3 {
	font-size: 1.2em; }

p {
	display: block;
	line-height: 1.6em;
	margin-bottom: 15px; }

a {
	color: #D1D3D4; }

img.border {
		border: 1px solid #e9bdd0;
		background-color: #e8e8e8;
		padding: 4px;
		margin-bottom: 15px; }

#alert {
	text-transform: uppercase;
	font-size: 1.1em;
	color: #FF0000;
	padding-bottom: 15px; }



/* ------> ~HEADER + ~NAV <----------- */

#logo {
	display: block;
	clear: both;
	width: 130px;
	margin-bottom: 65px; }

#nav {
	display: block;
	padding-top: 50px;
	margin-bottom: 50px; }

	#nav li {
		display: block;
		margin-bottom: 15px;  }

	#nav li#last-child {
		margin-right: 0;  }

	#nav li a {
		font-size: 3em;
		font-weight: 100;
		color: #D1D3D4; }

	#nav li a:hover { }



/* ------> ~FOOTER <----------- */

#footer {
	float: left;
	clear: both;
	display: inline;
	font-size: 0.9em;
	margin: -250px 0 0 720px; }
	
	#contact #footer {
		margin-top: -150px; }

	#footer ul {
		width: 400px; }
	
	#footer ul.contact {
		padding-top: 100px; }

	#footer ul li {
		float: left;
		display: inline;
		padding-right: 15px; }

	#footer ul li.copywrite {
		text-align: right;
		color: #EC008C;
		padding-left: 30px; }

	#footer ul li.copywrite span {
		color: #D1D3D4; }

	#footer ul li a:hover {
		border-bottom: 1px solid #EC008C; }

	#footer ul li.copywrite span a:hover {
		border: none;
		color: #c50084; }



/* ------> ~CONTENT <----------- */

.col1 {
	float: left;
	display: inline;
	width: 610px;
	height: 756px;
	background-color: #fff;
	padding: 40px 0 155px 90px; }
	
	.col1 #textCol1, .col1 #textCol2 {
		float: left;
		display: inline;
		width: 285px;
		font-size: 0.9em;
		margin-right: 20px; }
	
		#about .col1 p {
		text-align: justify; }

.col2 {
	float: left;
	display: inline;
	width: 500px;
	height: 656px;
	color: #D1D3D4;
	padding: 40px 0 255px 20px; }
	
	.col2 p {
		color: #fff; }

#homeTitle {
	line-height: 1.3em;
	font-weight: 100;
	text-transform: uppercase;
	padding: 210px 0 20px 0; }

	#about #homeTitle {
		font-size: 1.3em; }
		
.scrollWrapper {
	width: 100%;
	height: 450px;
	margin-bottom: 30px; }

#portfolio {
	display: block;
	width: 330px; }

	#portfolio li {
		float: left;
		display: inline;
		width: 109px;
		height: 109px;
		margin: 0 0 1px 1px; }
	
	#portfolio li img {
		display: block;
		cursor: pointer; }

#galleryContainer {
	position: relative; }

#galleryContainer .kaleerayBox.absolute {
	position: absolute; }

	#galleryContainer .kaleerayBox img {
		display: block; }

	#galleryContainer .kaleerayBox div {
		clear: both;
		width: 400px; }

	#galleryContainer .kaleerayBox p {
		font-size: 0.85em; }

#contactDetails .tel {
	padding-top: 15px; }



/* ------> ~FORMS <----------- */

#quickContact {
	display: block;
	overflow: hidden;
	width: 400px; }
		
	#quickContact h2 {
		padding: 0 0 5px 0; }

	#quickContact div#name, #quickContact div#tel, #quickContact div#email, #quickContact div#submit {
		position: relative;
		float: left;
		display: inline;
		margin: 0 10px 10px 0; }

	#quickContact #nameField, #quickContact #telField, #quickContact #emailField {
  		width: 165px;
		border: none;
		background-color: #717272;
		color: #D1D3D4;
		padding: 5px 2px 4px 5px; }

	#quickContact label {
		color: #fff; }

	#quickContact .overlabelApply {
		position: absolute;
		top: 3px;
		left: 5px;
		z-index: 1; }

	#quickContact #submit input {
		border: 1px solid #f4f4f4;
		background: url(../images/quick-contact-button2.png) no-repeat;
		color: #EC008C;
		padding: 3px 0 1px 0;
		margin-bottom: 10px; }


#contactForm {
	overflow: hidden;
	width: 450px;
	padding: 0 0 0 0;
	margin-bottom: 10px; }

	#contactForm p {
		width: 410px;
		text-transform: uppercase;
		font-size: 0.9em;
		padding-bottom: 25px; }

	#contactForm b {
		font-size: 1.2em;
		color: #EC008C; }

	#contactForm fieldset {
		padding-bottom: 25px; }

	#contactForm label {
		float: left;
		clear: left;
		width: 100px;
		line-height: 1em;
		text-transform: uppercase;
		font-size: 0.9em;
		padding: 4px 20px 0 0; }

	#contactForm label em {
		float: left;
		clear: both;
		text-transform: none;
		color: #ADADAD;
		font-size: 0.9em; }

	#contactForm label.error {
		width: 405px;
		text-align: right;
		font-size: 0.65em;
		font-style: italic;
		color: #EC008C;
		padding: 0;
		margin-top: -18px; }

	#contactForm input {
		float: left;
		width: 277px;
		background-color: #f9eff6;
		border: 1px solid #f1d0e3;
		padding: 4px 3px;
		margin-bottom: 23px; }

	#contactForm textarea {
		float: left;
		width: 277px;
		height: 140px;
		line-height: 1.4em;
		background-color: #f9eff6;
		border: 1px solid #f1d0e3;
		padding: 3px;
		margin-bottom: 23px; }

	#contactForm input#submit {
		float: left;
		display: inline;
		clear: both;
		width: 75px;
		color: #EC008C;
		font-size: 0.8em;
		padding-top: 5px;
		margin: -45px 0 0 0; }