@charset "UTF-8";
/* 
Author: Mova Hair and Beauty
Date: 18th August 2009
*/

*{padding:0;margin:0;}

body{
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	/*font-family:Georgia,"Times New Roman",Times,serif;*/
	font-size:62.5%;
	line-height:1.8em;
	margin:0 auto;
	color:#FFFFFF;
}

#constraint{
	margin:0 auto;
	width:1150px;
	height:auto;
}

#header{
	width:1150px;
	height:158px;
	background:url(../images/header-background.png) no-repeat black top left;
}

#navigation{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:white none repeat scroll 0 0;
	float:left;
	height:40px;
	padding:0 20px;
	width:1110px;
}

#logo{
	float:left;
}

#contentConstraint{
	background:url(../images/background.png) no-repeat black top left;
	width:1150px;
/*	height:608px;*/
	float:left;
	padding-bottom:20px;	
}

#leftContent{
	float:left;
	overflow:hidden;
	width:400px;
/*background:white;*/
	height:100%;
}

#rightContent{
}

#content{
	float:left;
/*	width:100%;	*/
	margin:3% 7%;
}

#footer{
	float:left;
	background:rgb(66, 66, 66);
	width:1150px;
	height:25px;
}

#portfolioPics{
	overflow:hidden;
	width:520px;
	float:left;
}


/* Styles added 20101126 by Tim - used for homepage image transitions */

#spxPanelTransition {
	position: relative;
	margin: 0;
	width: 692px;
	height: 383px;
	background: #000;
	}

li.spxTransitionPanel {
	display: block;
	position: absolute;
	width: 692px;
	height: 383px;
	left: 0;
	top: 0;
	}

.js .spxTransitionPanel { left: -3000px; top: -3000px; }
.js .spxTransitionPanel.spxPanelJs { left: 0; top: 0; }