/* CSS Document */

body {
	margin:0;
	padding:0;
	background:url(../images/bg.jpg) no-repeat top center #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.clear { 
	clear:both;
}

.clear-gap { 
	clear:both;
	height:8px;
}

p { 
	text-align:justify;
	margin:0;
}

/** 
Layout Containers 
**/

#container { 
	background: #fff url(../images/bg-top-home.jpg) no-repeat top left;
	width:881px;
	margin:0 auto;
}

#container-inner { 
	background:url(../images/bg-bottom.jpg) no-repeat bottom left;
	padding:73px 0 0 27px;
}


/**
Navigation
**/

#fancymenu { 
	width:841px;
	background:url(../images/bg-nav.gif) repeat-x top;
	font-size:12px;
	text-transform:uppercase;
	position: relative;
	font-weight:bold;
	overflow:hidden;
}
	
#fancymenu h1 { 

	color:#f1c8de;
	font-size:12px;
	margin:0;
	padding:5px 20px 7px 7px;
	float:left;
	width:160px;
}

#fancymenu ul{
	padding: 0;
	margin: 0;
	float:left;
	position:relative;
}

/* Don't apply padding here (offsetWidth will differ in IE)
If you need padding add it to the child anchor */
#fancymenu ul li{
	float: left;
	list-style: none;			
}

#fancymenu ul li a {
	z-index: 10;
	float: left;
	position: relative;
	text-decoration:none;
	color:#fff;
	padding:5px 0 7px 0;
	margin:0px 9px;
}

#fancymenu li.background {
	background: url('../images/menu-selected.gif') repeat-x top right;
	z-index: 8;
	position: absolute;
	visibility: hidden;
}

#fancymenu .background .left {
	height: 27px;
}

/** 
Left Nav
**/

#left-nav { 
	float:left;
	width:161px;
	margin-right:36px;
	margin-top:34px;
}

#nav-content { 
	float:left;
	width:161px;
	background:url(../images/nav-bg.png);

}

#nav-header { 
	background:#352a57;
	height:21px;
}

#nav-content ul { 
	margin:1px 0 5px 0;
	padding:0;
	list-style:none;
}

#nav-content ul li a {
	background:#fff;
	display:block;
	width:132px;
	color:#352a57;
	text-decoration:none;
	margin:4px 0 0 5px;
	padding:3px 9px;
	font-size:12px;
	text-transform:uppercase;
	line-height:1;
}

#nav-content ul li a:hover { 
	background:#cc003d;
	color:#fff;
}

#nav-content ul li.selected a { 
	background:#9f0432;
	color:#fff;
}

/** 
Content
**/

#content { 
	margin: 34px 0 20px 0;
	width:546px;
	line-height:1.5;
	float:left;
}

#content p a { 
	text-decoration:none;
	color:#000;
	border-bottom:1px solid #cc0033;
}

#content p a:hover { 
	text-decoration:none;
	color:#000;
	border-bottom:1px solid #000;
}

#content a.skype,
#content a.skype:hover {
	border-bottom:0;
}




#content h1 { 
	color:#352a57;
	font-size:16px;
	font-weight:bold;
	padding:0;
	margin:0 0 12px 0;
	line-height:1.3;
	text-align:justify;
}

#content h1.margin10 { 
	margin-top:10px;
}

#content h2 { 
	font-weight:bold;
	font-size:14px;
	color:#352a57;
	text-transform:uppercase;
}

#content h1 a { 

	color:#352a57;
	text-decoration:none;
}

div.header { 
	margin:15px 0 6px 0;
}





/** 
Footer
**/

#footer  {
	margin-left:-16px;
	width:856px;
	background:#352a57;
	font-size:12px;
	font-size:12px;
	padding:8px 0 8px;
	font-weight:bold;
	color:#fff;
	margin-bottom:13px;
	float:left;

}


#footer h1 { 
	display:inline;
	color:#9a94ab;
	font-size:12px;
	padding-left:7px;
	text-transform:none;
}

#footer a { 
	color:#ffffff;
	text-decoration:none;
	padding-left:18px;
}

#bottom-space { 
	height:13px;
	color:#fff;
}

div.prop { 
	width:1px;
	float:right;
	height:500px;
}

#latest-work-container { 
	width:650px;
	margin-left:-6px;
}
		
div.latest-work { 
	background:url(../images/latest-work-bg.gif);
	width:194px;
	float:left;
	margin-right:10px;
	padding: 8px 8px 9px 8px;
}

div.latest-work a img { 
	opacity:0.8;
	filter:alpha(opacity=80);
}

div.latest-work a:hover img { 
	opacity:1;
	filter:alpha(opacity=100);
}

div.end { 
	margin-right:0;
}

/* for forms */

/* for forms */

form div { 
	margin-bottom:5px;
}
fieldset
{
border: 2px solid #efefef;
margin-top:10px;
}

legend {
	font-size:13px;
	text-transform:uppercase;
	color:#352a57;
}

label { 
	width:120px;
	float:left;
}

input.textbox, textarea { 
	background:#fff!important;
	border: 1px solid #9e9e9e;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
}

textarea { 
	width:300px;
}

/* portfolio container */
#portfolio-container { 
	width:657px;
}



/* large top items */
div.portfolio-item-large img { 
	float:left;
	margin-right:20px;
}

	

/* portfolio items */
div.portfolio-item { 
	background:url(../images/portfolio-bg.gif) no-repeat;	
	padding:13px 15px 11px 9px;
	float:left;
	width:289px;
	margin-top:22px;
}


div.pitem-left {  
	margin-right:20px;
}

div.portfolio-break { 
	clear:both;
	height:20px;
}

div.portfolio-item h1 {
	font-weight:normal; 
	text-transform:uppercase;
}

div.portfolio-item h1 span.click { 
	font-size:12px;
	text-transform:lowercase;
}

div.portfolio-divider { 
	clear:both;
	padding-top:22px;
	border-bottom:1px solid #cccccc;
	width:640px;
}

#portfolio-container ul { 
	margin:0;
	padding:0;
	float:left;
}

#portfolio-container  ul li { 
	background:url(../portfolio/images/tick.gif) no-repeat left;
	list-style: none;
	line-height:1.5;
	padding-left:15px;
}

div.portfolio-item-large { 
	width:630px;
}

div.portfolio-item-large h1 {
	font-weight:normal; 
	text-transform:uppercase;
}