/* Reset all

------------- */

* {

border:0;

margin:0;

padding:0;

}



/* Page settings

-----------------*/

body {
	background-image:url(../images/bgr.jpg);
	background-repeat:repeat-x;
}



/* Main content settings

-------------------------*/

#maincontent {
	width:1000px;
	margin:0px auto 0 auto;
	background-image: url(../images/headerpage.jpg);
	background-repeat:no-repeat;

}

#maincontentindex {
	width:1000px;
	margin:0px auto 0 auto;
	background-image: url(../images/header.jpg);
	background-repeat:no-repeat;

}

#maincontentfolio {
	width:1000px;
	margin:0px auto 0 auto;
	background-image: url(../images/headerfolio.jpg);
	background-repeat:no-repeat;
	text-align: center;

}

#menux{
	width:110px;
	padding: 0px;
	float: left;
	text-align:center;

  }

/* Typography

--------------*/

p,a,pre,label,input,textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	;
	color:#666666;

}



a.otherlink {
	color:#CC0000;
	text-decoration:none;
	font-weight:bold;
}



/* Links

---------*/



a:link.otherlink {

color:#262626;

}



a:visited.otherlink {
	color:#CC0000;

}



a:hover.otherlink {
	color:#FF9900;
}



a:active.otherlink {
	color:#CC0000;

}



a:focus.otherlink {

outline:none;

}



/* Main menu settings

-----------------*/

ul {

padding:0 0px 0 0px;

}



li {

display:inline;

padding:0 20px 0 0;

}



li a,#current,li {

font-family: Helvetica, Arial, sans-serif;

font-size: 13px;;

text-decoration:none;

color:#444;

}



#current {

font-weight:bold;

}



li a:link {

color:#444;

}



li a:visited {

color:#444;

}



li a:hover {

color:#444;

font-weight:bold;

}



li a:active {

color:#444;

}



li a:focus {

outline:none;

}



/* Image div settings

-----------------*/

#image {
	float:left;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 2px;

}



#image2 {
	float:left;
	margin:36px -20px 0 0px;

}



/* Text div settings

-----------------*/

#text {
	width:1000px;
	float:left;

}

#textmid {
	width:1000px;
	float:left;
	text-align:center;

}

#text3 {
	width:310px;
	float:left;
	margin-right: 20px;
	margin-top: 30px;

}

#text4 {
	width:330px;
	float:left;
	margin-top: 30px;

}

#text2 {
	width:600px;
	white-space:nowrap;
	overflow:visible;
	margin:65px 0 0 0;

}



/* Bottom divs settings

-----------------*/

#bottom1,#bottom1p {

clear:left;

}



#bottom1,#bottom1p,#bottom2,#bottom3 {
	width:230px;
	float:left;
	height: 260px;
}

#bottom1x {
	width:250px;
	float:left;
	height: 330px;
	padding-right: 120px;
}

#bottomx {
	width:230px;
	float:left;
	padding:0 0 48px 12px;
	margin-left: 237px;

}

#bottom4,#bottom4p,#bottom5,#bottom6 {
	width:237px;
	float:left;
	padding:0 0 08px 12px;
	height: 200px;
}


#bottom1p {

margin-top:-309px;

width:300px;

}



#bottom1 p,#bottom2 p,#bottom3 p,pre {

padding:0 0 0 32px;
	font-size:11px;
	color:#333333;

}

#tr, td {

}

/* Contact form styling

------------------------*/



#contact-area {

width: 500px;

}



#contact-area input, #contact-area textarea {

padding: 5px;

width: 200px;

margin: 0 0 5px 0;

border: 2px solid #ccc;

}



#contact-area textarea {

height:114px;

float:left;

margin:-132px 0 0 232px;



}



#contact-area textarea:focus, #contact-area input:focus {

border: 2px solid #999;

}





#contact-area input.submit-button {

width: 100px;

margin-left:338px;

}



/* Footer settings

-----------------*/

#footer {
	clear:both;
	width:100%;
	height:52px;
	margin:0 auto 8px auto;
	background-image: url(../images/footer.jpg);
	background-repeat:repeat-x;
	text-align:center;

}



.left {

float:left;

padding:20px 0 20px 40px;

}



.right {

float:right;

padding:20px 40px 20px 0;

}

.center {


padding:20px 40px 20px 0;

}

/* Menu

-----------------*/

#menu {
	width:550px;
	height:88px;
	margin: 20px auto 0px 450px;
	padding: 0px;
	text-align: justified;

  }

 .boxlogo {

position:relative;

float:left; 

width:248px;

height:51px;

  }

  

.boxmain {

position:relative;

float:left; 

width:110px;

height:51px;

  }

.boxmain a {

	background-image: url(../images/menu/main-page.gif);

	background-repeat: no-repeat;

	background-position: 0 0;

}

.boxmain a:hover {

background: url(../images/menu/main-page.gif) 0 100% no-repeat;

}



.boxabout {

position:relative;

float:left; 

width:106px;

height:51px;

  }

.boxabout a {

background: url(../images/menu/about-us.gif) 0 0 no-repeat;

}

.boxabout a:hover {

background: url(../images/menu/about-us.gif) 0 100% no-repeat;

}



.boxportfolio {

position:relative;

float:left; 

width:97px;

height:51px;

  }

.boxportfolio a {

background: url(../images/menu/portfolio.gif) 0 0 no-repeat;

}

.boxportfolio a:hover {

background: url(../images/menu/portfolio.gif) 0 100% no-repeat;

}



.boxservices {

position:relative;

float:left; 

width:109px;

height:51px;

  }

.boxservices a {

background: url(../images/menu/services.gif) 0 0 no-repeat;

}

.boxservices a:hover {

background: url(../images/menu/services.gif) 0 100% no-repeat;

}

#alignleftx {
	width: 50px;
	float: left;
	}


.boxcontacts {

position:relative;

float:left; 

width:109px;

height:51px;

  }

.boxcontacts a {

background: url(../images/menu/contacts.gif) 0 0 no-repeat;

}

.boxcontacts a:hover {

background: url(../images/menu/contacts.gif) 0 100% no-repeat;

}


.style6 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 20px;
}
#indexbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 300px;
}