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

/*
a.contactinfo:link{
	font-family: Century Gothic, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	color: #286949;
}

a.contactinfo:hover{
	font-family: Century Gothic, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	color: #286949;
}

a.contactinfo:active{
	font-family: Century Gothic, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	color: #286949;
}
*/


a:link {color: #286949; text-decoration:none}     /* unvisited link */
a:visited {color: #286949; text-decoration:none}  /* visited link */
a:hover {color:#003300; text-decoration:underline;}   /* mouse over link */
a:active {color: #286949; text-decoration:none}   /* selected link */



body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#container {
	position:relative;
	margin:0px auto;
	padding:0px;
	text-align:left;
	width:468px;
	border: #FFF 1px solid;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:18px;
	word-spacing: 1px;
	color:#666666;
}

#front {
	margin-top:275px;
	width:468px;
	height:250px;
	display: none;/*  */
	background: url(images/Colesi_Front.jpg) center no-repeat;
}


#back {
	margin-top:43px;
	width:468px;
	height:250px;
	background: url(images/Colesi_Back.jpg) center no-repeat;
	/* display:none; */
}

#talk {
	position:absolute;
	top:51px;
	left:0px;
	width:468px;
	height:278px;
	background: url(images/Talk_to_Colesi.png) center no-repeat;
	z-index: 99;
	/* display:block; */
	display:none;
}

#hey {
	width:320px;
	margin:0px 0px 0px 69px;
	padding-top: 13px;
}

.heyColesi {
	color:#286949;
	font-family: Century Gothic, Helvetica, Arial, sans-serif;
	font-size: 36px;
	line-height: 36px;
	font-weight: bold;
	margin:0px;
	padding:0px;
}

.talkArea {
	width:315px;
	height:56px;
	color:#666666;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:14px;
	border:1px solid #E9E9E9;
	padding: 2px;
	margin: 0 0 5px 0;
}

.theirContact {
	width:315px;
	height:14px;
	color:#666666;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:14px;
	border:1px solid #E9E9E9;
	padding: 2px;
	margin-bottom: 7px;
}

.divider {
	width:155px;
	margin:0px;
	padding:0px;
	text-align: center;
	float:left;
}

#dividerBorder {
	width:155px;
	border-right: 1px solid #999999;
}

.SubmitStyle {
	cursor:pointer;
	color:#009445;
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height: 14px;
	background:#FFFFFF;
	border:1px solid #E9E9E9;
	padding:1px;
	width:130px;
}


.ClearStyle {
	cursor:pointer;
	color:#EF4136;
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height: 14px;
	background:#FFFFFF;
	border:1px solid #E9E9E9;
	padding:1px;
	width:130px;
}


.SubmitStyle:hover {
	cursor:pointer;
	color:#286949;
	font-weight:bolder;
	border:1px solid #CCCCCC;
}

.ClearStyle:hover {
	cursor:pointer;
	color:#ED1C24;
	font-weight:bolder;
	border:1px solid #CCCCCC;
}


#info {
	width:356px;
	margin:10px 56px 0px 56px;
	padding-top:10px;
	border-top:#B3B3B3 solid 2px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:18px;
	word-spacing: 1px;
	color: #666666;
	z-index:999;
}

.contactinfo{
	position: relative;
	left:80px;
	top: 160px;
	font-family: Century Gothic, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	color: #286949;
	width: 150px;
	margin: 0px;
	padding: 0px;
	float:left;
}

.hiddeninfo{
	display:none;
}

.TopFlash{
	position: relative;
	left:25px;
	top:-20px;
	float:left;
	width:200px;
	height:100px;

}	

.WorkFlash{
	position: relative;
	top:163px;
	left:37px;
	float:left;
	width:200px;
	height:100px;
}	

.BottomFlipIMG{
	padding-top:50px;
}

.obvious {
	position: relative;
	left:70px;
	top:120px;
	width:230px;
	height:90px;
}

.BottomFlash{
	position: relative;
	top:-40px;
	left:160px;
	float:left;
	width:200px;
	height:100px;
}	

#thankingYou {
	position:absolute;
	top:39px;
	width:468px;
	height:278px;
	background: url(images/Talk_to_Colesi.png) center no-repeat;
	z-index: 99;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:20px;
	color: #666666;
}

.formSpace{
	margin: 5px 0 0 0;
	padding:0;
}

/*              */
/*  WORK PAGE   */
/*              */

#workHeader {
	margin-top:0px;
	width:468px;
	height:250px;
	background-image: url(images/Work_of_Ian_Coles.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-bottom: 2px solid #B3B3B3;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:18px;
	word-spacing: 1px;
	color:#666666;
	position:relative;
	/* 	padding-bottom:15px; */
}

#workHeader p {
	color:#636363;
	position: relative;
	top:180px;
	margin:0;
	padding:0;
}

#Behance {
	position:absolute;
	top:50px;
	right:-125px;
	z-index:10;
}

#BehanceBkgrd {
	position:absolute;
	top:50px;
	right:-125px;
	z-index:1;
}

.IndexFlash{
	position: relative;
	left:0px;
	top:0px;
	float:left;
}	

.WorkClose{
	position: absolute;
	top:0px;
	left:-25px;
}