/*
Created July 26th 2010
by Mohamed Iqbal Pallipurath
*/


* { 
	margin:0;
	padding:0;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
	border: none;
}
html { 
	background: #fe4100;
}
body { 

}
h1, h1 a { 
	font-size: 46px;
    letter-spacing: -1px;
}
h1 a:hover  {

}
h2 	{
	font-size: 46px;
    letter-spacing: -1px;
}
ul,li   { 
	margin: 0;
	padding: 0;
	list-style-type:none;
}
a { 
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
input, textarea {
	border: none;
}



.wrapper {
	margin: 0 auto;
	width: 950px;
}



#header {
	background: transparent url(../images/headerBG.jpg) repeat-x top left;
}
	#header .wrapper {
		position: relative;
		height: 478px;
		background: transparent url(../images/logo.jpg) no-repeat bottom left;

	}
	#header #stripeLeft {
		position: absolute;
		top: 89px;
		left: -950px;
		height: 105px;
		width: 100%;
		background: transparent url(../images/stripeLeft.gif) repeat-x top left;
	}
	#header #dot {
		position: absolute;
		top: 59px;
		left: -29px;
		display: block;
		width: 24px;
		height: 24px;
		background: transparent url(../images/dot.gif) no-repeat top left;
	}
	#header h1 {
		text-indent: -9000px;
		position: relative;
		top: 89px;	
		width: 320px;
		height: 137px;
	}
		#header h1 a {
			display: block;
			width: 292px;
			height: 105px;
		}
		#header h1 span {
			display: block;
			text-indent: -9000px;
		}
	#header #headcopy {
		position: absolute;
		top: 268px;
		top : 231px\9;
		right: 16px;
		width: 545px;
		font-size: 46px;
		letter-spacing: -2px;
	}
		#header #headcopy div {
			margin: -42px 0 0 0;
			margin : 2px\9;
			padding: 0;
			font-size: 46px;
			color: #360e01;

		}
		#header #headcopy div.white {
			color: #fff;
			margin-bottom: -10px\9;;
		}
			#header #headcopy div.white span {
				padding: 0 2px;
				font-size: 46px;
			}
	#header h3 {
		margin: 162px 0 1px 2px;
		font-size: 17px;
	}
	#header p {
		margin: 0 0 0 2px;
		width: 240px;
		font-size: 15px;
		line-height: 20px;
	}
	#header a.like {
		margin: 17px 0 0 0;
		text-indent: -9000px;
		display: block;
		width: 119px;
		height: 36px;
		background: #000 url(../images/likeBtn.gif) no-repeat center left;
	}
	
	
	
#project {
	position: relative;
	height: 688px;
	background: transparent url(../images/stripes.jpg) repeat-x top left;
}
	#project .wrapper {
		position: relative;
	}
	#project #projectNav, #project h4 {
	
	}
	#project h4 {
		width: 950px;
		position: absolute;
		top: -22px;
		padding: 0 0 8px 0 ;
		text-align: center;
		text-indent: -9000px;
		background: transparent url(../images/projectNavBorderTop.gif) repeat-x bottom left;
	}
	#project #projectNav {
		position: relative;
		text-align: center;
	}
		#project #projectNav a.prev, #project #projectNav a.next {
			top: 13px;
			position: absolute;
			font-size: 18px;
			font-weight: bold;
			color: #fff;
		}
		#project #projectNav a.prev {
			left: 9px;
			padding: 0 0 0 23px;
			background: transparent url(../images/leftArrow.png) no-repeat center left;
		}
		#project #projectNav a.next {
			right: 9px;
			padding: 0  23px 0 0;
			background: transparent url(../images/rightArrow.png) no-repeat center right;
		}
		#project #projectNav div {
			width: 130px;
			text-align: center;
			margin: 0 auto;
			padding: 15px 0 0 0;
		}
			#project #projectNav div a {

				float: left;
				text-indent: -9000px;
				display: block;
				width: 12px;
				line-height: 18px;
				padding: 0 7px;
				background: transparent url(../images/paginationDots.png) no-repeat bottom center;
			}
			#project #projectNav div a:hover {
				background: transparent url(../images/paginationDots.png) no-repeat center center;
			}
			#project #projectNav div a.activeSlide {
				background: transparent url(../images/paginationDots.png) no-repeat top center;	
			}
	#project #btm {
		position: absolute;
		top: 46px;
		width: 950px;
		height: 7px;
		background: transparent url(../images/projectNavBorderBtm.gif) repeat-x bottom left;
	}
	#project #detail {
		text-indent: -9000px;
		margin: 90px 0 0 0;
		width: 950px;
		height: 528px;
	}



#footer {
	height: 391px;
	background: transparent url(../images/footerBG.jpg) repeat-x top left;
}
#footer .wrapper {
	background: none;
}	
	#footer h3 {
		margin: 0 0 24px -2px;
		font-size: 27px;
		color: #fff;
	}
	#footer h4 {
		margin: 15px 0 0 0;
		font-size: 17px;
		color: #fff;
	}
		#footer h3 span {
			font-size: 27px;
			color: #ff4200;
		}
	#footer #info, #footer #form {
		margin: 48px 0 46px 0;
		float: left;
		font-size: 15px;
		line-height: 25px;
		color: #ff4d0b;
	}
	#footer #info {
		width: 360px;
	}
		#footer #info a {
			font-size: 15px;
			line-height: 25px;
			color: #ff4d0b;
		}
	#footer #form {
		margin-left: 15px;
		width: 560px;
	}
		#footer #form h3 {
			margin: 0 0 13px -2px;
		}
		#footer #form p {
			position: relative;
			margin: 8px 0 0 0;
			float: left;
			width: 560px;
			
		}
		#footer #form p.email {	
			line-height: 32px;
			background: transparent url(../images/emailField.gif) no-repeat top left;
		}
		#footer #form p.message {
			height: 112px;
			background: transparent url(../images/messageField.gif) no-repeat top left;
		}
		#footer #form p.clear {
			margin: 0;
			float: none;
			clear: both;
		}
		#footer #form label {
			text-indent: -9000px;
			float: left;
			display: block;
			width: 135px;
			font-size: 16px;
			font-weight: bold;
			color: #000;
		}
		#footer #form #email {
			width: 406px;
			padding: 0px 9px;
			font-size: 15px;
			font-weight: bold;
			height: 32px;
		}
		#footer #form #message {
			padding: 7px 9px;
			width: 406px;
			height: 96px;
			font-size: 15px;
		}
		#footer #form #sendBtn {
			margin: 12px 0 0 0;
		}
	#footer #copy {
		clear: both;
		padding: 16px 0 0 0;
		color: #9fb4c3;
		font-size: 14px;
		background: transparent url(../images/redBorder.gif) repeat-x top left;
	}
	

/* Form Validation */
.error {
	background: red;
}
.valid {
	background: yellow;
}
body #footer #form label.error {
	padding: 7px 9px;
	width: 406px;
	float: none;
	text-indent: 0 !important;
	display: block;
	position: absolute;
	top: 0;
	right: 0;	
	color: #fff;
	background: none;
}
#contactForm {
	position: relative;	
}
div#status {
	display: none;
	position: absolute;
	bottom: -1px;
	left: 135px;
	width: 426px;
	font-size: 18px;
	color: #ff4200;
	font-weight: bold;
}
	
	
	
/* project scroller */
#motioncontainer a img{ /*image border color*/
border: 1px solid #ccc;
}

#motioncontainer a:hover img{ /*image border hover color*/
border: 1px solid navy;
}

#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}

#statusdiv{
position: absolute;
background-color: yellow;
border: 1px solid gray;
visibility: hidden;
}


#projectFull {
	z-index: 25;
	position: absolute;
	top: 105px;
	visibility: hidden;
	background: #000;
}
/* custom cursor */
#detail, #projectFull {
	cursor: url(./blank.cur), none;
}
#cursorOpen, #cursorClose {
     cursor: none;
     width: 31px;
     height: 30px;
     background: url("../images/openCursor.png") no-repeat left top;
     position: absolute;
     display: none;
     top: 0;
     left: 0;
     z-index: 10000;
}
#cursorClose {
     background: url("../images/closeCursor.png") no-repeat left top;
}