/*******************************************  BLANK SLATE  ********************************************/

body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img { 
	border: 0;
}
address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after {
	content: '';
}
abbr,acronym { 
	border: 0;
}
.clearContent {
	clear: both;
}

body {
	margin: 0 auto;
	padding: 0;
	font-family: Arial,Trebuchet MS,Tahoma,Verdana,sans-serif;
	font-weight: normal;
	background-image: url(../images/bg-main3.jpg);
	background-repeat: repeat-x;
	background-color: #000000;
}

/**********************************************  HEADER  **********************************************/

#header {
	width: 850px;
	margin: 0 auto;
	margin-top: 20px;
	font-size: .8em;
	height: 68px;
}

#wrapper {
	width: 850px;
	margin: 0 auto;
}

#headerLeft {
	float: left;
	width: 135px;
	height: 68px;
	margin: 0px 0px 0px 0px;
}   
#headerRight {
	float: right;
	margin: 0px 0px 0px 0px;
}

#headerLinks ul {
	text-align: right;
	float: right;
}
    
#headerLinks li {
	text-align: right;
	display: inline;
	padding: 0px 15px 0px 0px;
}

/********************************************** BODY **********************************************/

#mainContent {
	margin: 0 auto;
	margin-top: 40px;
}
#mainContent2 {
	margin: 0 auto;
	margin-left: 150px;
	margin-top: 83px;
}
#flashcontent2 {
	width: 700px;
	margin: 0 auto;
}
#flashcontent {
	width: 775px;
	margin: 0 auto;
}
#contentAbout {
	background-image: url(../images/header-about.jpg);
	background-position: 0px 0px ;
	width: 700px;
	min-height: 360px;
	height: auto !important;
	height: 360px;
	margin: 0 auto;
	margin-left: 150px;
	margin-top: 83px;
	background-repeat: no-repeat;
}
#contentContactus {
	background-image: url(../images/header-contactus.jpg);
	width: 700px;
	min-height: 360px;
	height: auto !important;
	height: 360px;
	margin: 0 auto;
	margin-left: 150px;
	margin-top: 83px;
	background-repeat: no-repeat;
}
#contentServices {
	background-image: url(../images/header-services.jpg);
	width: 700px;
	min-height: 360px;
	height: auto !important;
	height: 360px;
	margin: 0 auto;
	margin-left: 150px;
	margin-top: 83px;
	background-repeat: no-repeat;
}
#contentClients {
	background-image: url(../images/header-clients.jpg);
	width: 700px;
	min-height: 360px;
	height: auto !important;
	height: 360px;
	margin: 0 auto;
	margin-left: 150px;
	margin-top: 83px;
	background-repeat: no-repeat;
}
#contentTheteam {
	background-image: url(../images/header-theteam.jpg);
	width: 700px;
	min-height: 360px;
	height: auto !important;
	height: 360px;
	margin: 0 auto;
	margin-left: 150px;
	margin-top: 83px;
	background-repeat: no-repeat;
}
#contentPortfolio {
	background-image: url(../images/header-portfolio.jpg);
	width: 700px;
	min-height: 360px;
	height: auto !important;
	height: 360px;
	margin: 0 auto;
	margin-left: 150px;
	margin-top: 83px;
	background-repeat: no-repeat;
}
#contentThankyou {
	background-image: url(../images/header-thankyou.jpg);
	width: 700px;
	min-height: 360px;
	height: auto !important;
	height: 360px;
	margin: 0 auto;
	margin-left: 150px;
	margin-top: 83px;
	background-repeat: no-repeat;
}
#contentSitemap {
	background-image: url(../images/header-sitemap.jpg);
	width: 700px;
	min-height: 360px;
	height: auto !important;
	height: 360px;
	margin: 0 auto;
	margin-left: 150px;
	margin-top: 83px;
	background-repeat: no-repeat;
}

a#thankyou {color: #777777;}
a#thankyou:hover {color: #f9f9f9;}

#contentText {
	float:right;
	text-align: left;
	font-family: Trebuchet MS,Arial,Tahoma,Verdana,sans-serif;
	color: #cccccc;
	font-weight: normal;
	font-size: .9em;
	padding-left: 150px;
	width: 500px;
	padding-top: 170px;
}
#clientText1 {
	float:right;
	text-align: left;
	font-family: Trebuchet MS,Arial,Tahoma,Verdana,sans-serif;
	color: #cccccc;
	font-weight: normal;
	font-size: .9em;
	padding-left: 150px;
	width: 500px;
	margin-top: 170px;
}
#clientText2 {
	float:right;
	text-align: left;
	font-family: Trebuchet MS,Arial,Tahoma,Verdana,sans-serif;
	color: #cccccc;
	font-weight: normal;
	font-size: .9em;
	padding-left: 150px;
	width: 500px;
}
#clientFlash {
	position: relative;
	left: 200px;
	float: left;
	top: 40px;
}
#clearContent {
	clear: both;
}
#clientList {
	margin: 0px 0px 0px 16px;
}
#clientList li {
	padding: 0px 0px 5px 0px;
}
#zamels img{
	float: right;
	padding-top: 20px;
}

.small-logo {
	position:relative;
	left:-50px;
	top:34px;
	width:35px;
}

/********************************************** FOOTER **********************************************/

#footer {

	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	font: arial;
	color: #64727f;
	font-size: .8em;
	}
#footer, a{
	text-align: center;
	color: #64727f;
	font-size: .9em;
	text-decoration: none;
	}
	
a:hover {color: #ffffff}

/********************************************** MENU **********************************************/

a#home:hover img {background: url(images/menu/menu-team.gif) top left no-repeat;}
a#links:hover img {background: url(links-hover.gif) top left no-repeat;}
a#about:hover img {background: url(about-hover.gif) top left no-repeat;}


/********************************************** FORM **********************************************/
form {
	border: 1px #27282a solid;
	padding: 20px 30px 30px 30px;
	width: 360px;
	position: relative;
	top: 20px;
}
form label {
	float: left;
	width: 120px;
	margin: 10px 0px 0px 0px;
}
form input {
	margin: 10px 0px 0px 0px;
	width: 230px;
}
form textarea {
	font-family: Arial,Trebuchet MS,Tahoma,Verdana,sans-serif;
	width: 230px;
	margin: 10px 0px 0px 0px;
}
#submitButton {
	width: 85px;
	height: 25px;
	position: relative;
	top: 10px;
	left: 268px;
}
.onError {
	color: #000000;
	background-color: #ffc4bc;
}
.error {
	color: #ff0000;
	margin: 0px 0px 0px 120px;
	font-size: .8em;
}