/*  
|engage mc : main stylesheet
|Nicklas Persson Sept 2007
|http://sl33p.com/
|
|Brought to you by the colours #ded4d4 and #464646
|
*/


body
{
	
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-family: Georgia, 'times new roman', serif;
	color: #646464;
	font-size: 18px;
	line-height: 1.5;
	text-align:center;
}

#container
{
	text-align:left;
	width: 630px;
	margin: 0 auto;
	background-image: url(../img/assets/logo.png);
	background-position: 350px 18px;
	background-repeat: no-repeat;
	background-color: #FDFDFD;
	padding: 132px 0 0 9px;
	border: 1px solid #D6CCCC;
	border-top: 9px solid #464646;
}


#content
{
	width: 342px;
	float: left;
	clear: both;
	margin-left: 18px;
}

#content img
{
	margin: 0 auto;
	display: block;
	background-image: url(../img/assets/pic_bg.png);
	padding: 4px 4px 20px 4px;
}

#content ul {padding-left:15px;}

h1
{
	font-size: 54px;
	margin-top: 0;
	line-height: 45px;
	font-weight: normal;
	color: #444444;
}

h2
{

	font-size:36px;
	margin-top: 0;
	line-height: 1;
	font-weight: normal;
}


h3
{

	font-size:24px;
	margin-top: 0;
	line-height: 1;
	font-weight: normal;
}





h4,h5,h6
{

	font-size:18px;
	font-weight: normal;
}

#accordion h2
{
	font-size: 24px;
}

#accordion h3
{
	font-size: 14px;
	text-transform: uppercase;
	font-family: helvetica, arial, sans serif;
	border-width: 1px 0 1px 0;
	border-color: #B4B4B4;
	border-style: solid;
	line-height: 16px;
	padding-top: 2px;
	margin-top: 9px;
	
}

#accordion h3:hover
{
	background-color: #CCC9D0;
	cursor: hand;
	background-image: url(../img/assets/toggler_bg.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.element, .element p
{
	
	
	font-size: 12px;
	line-height: 18px;
}


#content strong,#footer strong
{
	color: #231f20;
	font-weight: normal;
}

#sidebar
{
	width: 270px;
	float: right;
	color: #c0c0c0;
	text-align:left;
}

#sidebar p, #sidebar form
{
	margin-top: 0;
	padding: 0 9px;
	font-size: 10px;
	color: #444;
	line-height: 18px;
	font-family: helvetica, arial, 'sans-serif';
}

 #sidebar form p
 {
 	padding: 9px 0 0 0;
 }

.submit {margin-left:18px;}


.blocklabel 
{
display:block;
}

#sidebar h5
{
	text-transform: uppercase;
	font-size: 11px;
	line-height: 1;
	margin: 40px 0 0 0;
}


#ezine
{
	border-top: 9px solid #464646;
	background-color: #dcdcdc;
	margin: 250px 18px 0 0;
}




#footer
{
	width: 624px;
	margin: 0 auto;
	clear: both;
	background-color: #464646;
	background-image: url(../img/assets/footer_bg.png);
	background-repeat: repeat-x;
	border-top: 1px solid #aaa;
	height: 27px;
	padding:  9px ;
}




 .vcard
 {
 	font-family: helvetica, arial, sans-serif;
 	font-size: 9px;
 	line-height: 1.2;
 	color: #C0C0C0;
 	text-transform: uppercase;
 	text-align: left;
 }

a:link
{
	color: #00baff;
	text-decoration: none;
	
}
	
	a:visited
	{
		color: #00baff;
		text-decoration: none;
	}
	
	a:hover
	{
		color: #00baff;
		text-decoration: underline;
	}
	
	a:active
	{
	text-decoration: underline;
	}
	


#nav
{
	margin: 54px 0 0 0;
	padding: 18px 0 0 0;
	border-top: 18px solid #c6ff00;
/*	background-color: red;*/
}
#nav li
{
	text-align: right;
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 27px;
	width: 270px;
	background-color: blue;
	margin-bottom:18px;
	border-right: 1px solid #D6CCCC;
}


#about,
#services ,
#projects ,
#blog
{
	display: block;
	padding: 27px 0 0 0;
	background-repeat: no-repeat;
	height: 0px !important;
	/**/
	/* for IE5/Win */
	background-position: 113px 0;
	background-color: #FFF;
}


#about
{
	background-image: url(../img/assets/about.png);
}

#services
{
	background-image: url(../img/assets/services.png);
}

#projects
{
	background-image: url(../img/assets/projects.png);
}


#blog
{
	background-image: url(../img/assets/blog.png);
}