/*-
version: 3.0 - 2010
author: matthew dean baker
web: www.matthewdean.com.au
- */


/*--------------------Reset----------------------*/

html { overflow-y:scroll; }  /*Forces Scrollbar */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:12px;font-family: "Helvetica",Arial,sans-serif;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;background: url('../images/bg.gif') repeat;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

h1, h2, h3, h4 {font-family: Arial,"Lucida Grande",Tahoma,"Sans Serif";font-weight:normal;}

/*p {margin-bottom: 14px;}*/

/*--------------------Remove-Mozilla-Linked-Dotted-Borders-------------------*/

a:active, a:focus, input[type="image"] {
	outline: 0;
}

/*------------------Text Indent----------------*/

#header-top h1 {
	text-indent:-8000px;
	margin: 0;
	padding: 0;
}

.hidden {
	display: none;
}

/*--------------------Main Css-------------------*/

#container {background: url('../images/bg-main.jpg') no-repeat center top; min-height:816px; height:auto !important; height: 816px; margin: 0 auto;}

#wrapper {width: 762px; margin: 0 auto; position: relative;}

#header-top {
	 position: relative;
	 height: 82px;
}

#header-top h1 {
	background:url("../images/title.jpg");
	height:82px;
	width:211px;
	position:absolute;
	right:0;
	top:0;
}

#header-top h1 a {
	display:block;
	height:82px;
	width:211px;
	text-decoration: none;
}

#header {
	clear: both;
	position: relative;
	background: url('../images/header.jpg');
	width: 762px;
	height: 236px;
	margin-bottom: 10px;
}

#content {
	float: left;
	overflow: hidden;
	position: relative;
	width: 762px;
	margin: 0 0 106px;
	padding: 0 0 40px;
}

#left-col {
	position: relative;
	background: #000;	
	float: left;
	width: 478px;
	padding: 10px;
	border: 1px solid #121010;
	margin: 0 10px 10px 0;
}

#left-col p {
	font-size: 14px;
	color: #f7eb22;
	margin-top: 14px;
	line-height: 24px;
}

#left-col p.small {
	font-size: 12px;
}

#left-col a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

#left-col a:hover {
	color: #999;
}

.img-float a:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.img-float {
	float: left;
	margin: 0 10px 0 0;
}

#right-col {
	background: url('../images/latest-work.gif') no-repeat top left #000;
	position: relative;
	float: left;
	width: 230px;
	padding: 52px 10px 10px;
	min-height: 42px;
	height: auto !important;
	height: 42px;
	border: 1px solid #121010;
	margin: 0 0 10px;
}

#right-col.places {
	background: url('../images/places.gif') no-repeat top left #000;
}

#right-col p {
	color: #535353;
	font-size: 11px;
	margin: 0 0 14px;
}

#right-col a {
	color: #fff;
	font-size: 11px;
	text-decoration: none;
}

#right-col a:hover, #right-col a.heading:hover  {
	color: #999;
}

#right-col a.heading {
	color: #fff;
	font-size: 14px;
}

#right-col img {
	float: left;
	margin: 0 10px 0 0;
}

.footer {
	bottom: -34px;
	height: 20px;
	position: absolute;
	width: 478px;
	padding: 0;
}

.footer p, .footer a {
	color: #535353 !important;
	font-size: 11px !important;
	margin-top: 0 !important;
}

.footer a {
	text-decoration: underline !important;
}

.footer a:hover {
	color: #fff !important;;
}

/*--------- Img Replacement --------*/

h2.home-msg {width: 478px; height: 183px; position: relative; margin-bottom: 14px;}
h2.home-msg span {
		background: url('../images/home-msg.gif');
		position: absolute;
		width: 100%;
		height: 100%;
}

h2.about-msg {width: 164px; height: 54px; position: relative; margin-bottom: 14px;}
h2.about-msg span {
		background: url('../images/about-title.gif');
		position: absolute;
		width: 100%;
		height: 100%;
}

h2.work-msg {width: 150px; height: 53px; position: relative; margin-bottom: 14px;}
h2.work-msg span {
		background: url('../images/work-title.gif');
		position: absolute;
		width: 100%;
		height: 100%;
}

h2.contact-msg {width: 207px; height: 54px; position: relative; margin-bottom: 14px;}
h2.contact-msg span {
		background: url('../images/contact-title.gif');
		position: absolute;
		width: 100%;
		height: 100%;
}

/*--------- Nav --------*/

#navbar {
	background: url('../images/navbar.jpg');
	width: 762px;
	height: 44px;
	float: left;
}

#navbar li {
	float: left;
	display: block;
	list-style: none;
}

#home-li {
	background: url('../images/nav-sprite.jpg') no-repeat;
	display: block;
	height: 44px;
	width: 97px;
	margin-left: 10px;
}

#home-li:hover, #home-li.active 
{ 
  background-position: 0 -44px;
}

#about-li {
	background: url('../images/nav-sprite.jpg') no-repeat -97px 0;
	display: block;
	height: 44px;
	width: 100px;
}

#about-li:hover, #about-li.active 
{ 
  background-position: -97px -44px;
}

#work-li {
	background: url('../images/nav-sprite.jpg') no-repeat -197px 0;
	display: block;
	height: 44px;
	width: 112px;
}

#work-li:hover, #work-li.active 
{ 
  background-position: -197px -44px;
}

#contact-li {
	background: url('../images/nav-sprite.jpg') no-repeat -309px 0;
	display: block;
	height: 44px;
	width: 114px;
}

#contact-li:hover, #contact-li.active 
{ 
  background-position: -309px -44px;
}


/*------- End Nav ----------*/

/*--------Easy Slide -------*/


#slider-con {
	position: relative;
	width: 257px;;
	overflow: hidden;
	left: 384px;
	height: 54px;
}

/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}
/* // image replacement */

/* Easy Slider */

.slider-fix {
	position: relative;
	width: 257px !important;
}

#slider ul, #slider li,
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	z-index: -9998;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/
	width: 257px;
	height: 129px;
	overflow: hidden; 
}	

#slider {
	position: absolute;
	z-index: 9;
	left: 384px;
	top: 54px;
}

#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display: block;
	width: 30px;
	height: 77px;
	position: absolute;
	left: 0;
	z-index: 1000;
}	

#nextBtn, #slider1next{ 
	top: 114px;
	left:632px;
}		
#prevBtn {
	top: 114px;
	left: 375px;
}

#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:18px;
	height:18px;
	background:url('../images/nav-btns.gif') no-repeat 0 0;	
}	
	
#nextBtn a, #slider1next a{ 
	background:url('../images/nav-btns.gif') no-repeat -18px 0;	
}	
		
#nextBtn a:hover {background:url('../images/nav-btns.gif') no-repeat -18px -18px;	}
#prevBtn a:hover {background:url('../images/nav-btns.gif') no-repeat 0 -18px;	}
		
/*----------------------------------------*/

/*------Contact form-------*/

#contact-form {
	margin-top: 28px;
	width: 478px;
}

#contact-form div {
	margin-bottom: 14px;
}

#contact-form label {
	float: left;
	margin-right: 10px;
	font-size: 14px;
	color: #f7eb22;
	width: 100px;
}

#contact-form input {
	width: 176px;
}

#contact-form #submit-but {
	background: url('../images/submit.gif') 0 0;
	border: 0;
	height: 27px;
	width: 90px;
	cursor: pointer;
	font-style: normal;
	position: relative;
	display: block;
	line-height: 0;
	margin-bottom: 14px;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
}

#contact-form #submit-but:hover {
	background: url('../images/submit.gif') 0 -27px;
}

input, textarea {
	padding: 4px;
	border: solid 1px #999999;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #FFFFFF url('../images/bg-form.gif') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #e3e3e3), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #e3e3e3 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

select {
	width: 187px;
}

textarea {
	width: 300px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	border-color: #999999;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

#left-col p.error {
	color: #e92222;
}