body
{
	/*ie nedds these*/
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	/*align center for IE*/
	text-align:left;
	background-color: #EEE;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	color: #000;
}
/*
	make text more visible
*/
div
{
	text-align:left;
	line-height:1.2em;
}

/*we use container DIV  to center #content and #navigation in the page*/
#container
{
	/*our page width*/
	width:900px;
	/*make space for the header*/
	margin-top:260px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	color: #000000;
	background-color: #FFFFFF;
	padding: 0px;
}
#content
{
	/*  we substracted navigation width from page width and got 800px*/
	width:675px;
	height:auto;
	/* have a minimum height, this does not work in IE*/
	min-height:300px;
	/* use float to inverse position with navigation DIV*/
	float:right;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	font-family: "Trebuchet MS";
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
}
#content .main-content {
	margin-right: 10px;
	margin-left: 10px;
	text-align: justify;
	margin-top: 20px;
	margin-bottom: 20px;
}

#content .main-content li {
	padding-top: 4px;
	padding-bottom: 4px;
	list-style-type: none;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 8px;
}
#content  .main-content  li.hd {
	font-weight: bold;
	background-image: none;
	color: #A52A2A;
	font-size: 14px;
}


.main-content .p {
	text-align: justify;
}

.main-content li a{
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}


.main-content li a:hover{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}


.hd    {
	font-weight: bold;
	background-image: none;
	color: #A52A2A;
	font-size: 14px;
}

#content .main-content ul {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
/*
	internet explorer min-height fix 
	can be removed if you don't need a minimum height
	in this way your CSS will be clean from hacks
*/
* html #content
{
	height:300px;
}


h1 {
	font-size: 18px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	padding-bottom: 2px;
}

h2, h3, h4, h5, h6, pre {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	font-family: "Trebuchet MS";
	margin: 0px;
	padding: 0px;
}

/*h5{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	font-family: "Trebuchet MS";
	margin: 0px;
	padding: 0px;
}

h6 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	font-family: "Trebuchet MS";
	margin: 0px;
	padding: 0px;
}

pre{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	font-family: "Trebuchet MS";
}*/

#navigation
{
	/* set margin top to header height*/
	float:left;
	height:auto;
	/* have a minimum height, this does not work in IE*/
	min-height:300px;
	width:224px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DDDDDD;
	color: #F8F9FD;
	background-color: #FFFFFF;
}

/*
	internet explorer min-height fix 
	can be removed if you don't need a minimum height
	in this way your CSS will be clean from hacks
*/	
* html #navigation
{
	height:300px;
}

.testimonials{
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	height: 600px;
	text-align: left;
}

.up-test{
	width: 300px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
.up-test   p{
	text-align: justify;
}

.up-test ul{
	margin: 0px;
	padding: 0px;
}

.up-test li {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.comp-info{
	width: 280px;
	margin-right: 20px;
	margin-left: auto;
	height: 100px;
	text-align: left;
}

.comp-img {
	float: right;
	height: 100px;
	width: 100px;
	margin-left: 10px;
}

.comp-name {
	float: left;
	width: 160px;
	margin-left: 10px;
	height: 100px;
}

.down-test{
	width: 640px;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
}

.down-test p{
	text-align: justify;
}

.test-img{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	width: 100%;
}

.test-name{
	font-size: 13px;
	font-weight: bold;
	color: #663300;
	text-align: left;
}
.test-url{
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}


.services{
	width: 350px;
	margin-right: auto;
	margin-left: auto;
	height: 280px;
}

.service-box{
	float: left;
	height: 106px;
	width: 100px;
	margin-top: 17px;
	margin-right: 35px;
	margin-bottom: 17px;
	margin-left: 35px;
}

.portfoliobox {
	background-color: #FFFFFF;
	width: 606px;
	margin-right: auto;
	margin-left: auto;
	padding: 4px;
	clear: both;

}
.portfoliobox .main {
	width: 100%;
	height: 120px;
}

.port-img-box {
	background-color: #FFFFFF;
	height: 90px;
	width: 220px;
	float: left;
	text-align: center;


	padding-top: 12
.px;
	border: thin double #000000;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 1px;
	margin-right: 25px;
	margin-bottom: 2px;
	margin-left: 25px;
	padding-top: 12px;
}

.port-img {
	border: thin solid #333333;

}
.port-img-box  .img {
	position: relative;
	top: 50%;
	margin-top: -50px;
	clear: none;
}



.thank-u{
	font-weight: bold;
	text-align: center;
}

/* MENU LIST  box left*/
	
	#left-nav {
	margin: 0px;
	vertical-align: top;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
	padding-right: 7px;
	height: 100%;
	width: 210px;

	
	}
	
	#left-nav ul {
	list-style-type: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;
	padding: 0px;
	margin: 0px;

	}
	
	#left-nav li{
	color:#000000;
	text-decoration:none;
	border-bottom: 2px solid #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 19px;
	background-color: #FFFFFF;
	background-image: url(../images/1.jpg);
	background-repeat: no-repeat;
	background-position: 2px;
	}
#left-nav  li.img{
	background-image: none;
	text-align: center;
	margin: 0px;
	padding: 20px 0px 20px 0px;

}
	#left-nav li#l1{
	background-image: url(../images/1.jpg);
	background-repeat: no-repeat;
	
	}
	
	#left-nav li#l2{
	background-image: url(../images/2.jpg);
	background-repeat: no-repeat;
}
	#left-nav li#l3{
	background-image: url(../images/3.jpg);
	background-repeat: no-repeat;
}
	#left-nav li#l4{
	background-image: url(../images/4.jpg);
	background-repeat: no-repeat;
}
	#left-nav li#l5{
	background-image: url(../images/5.jpg);
	background-repeat: no-repeat;
}
	
	
	#left-nav li a {
	text-decoration:none;
	color: #006666;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	
	}

	#left-nav li a:hover {
	color:#006666;
	text-decoration:underline;
	display: block;
		}

/*--- Menu End ---*/












#header
{
	/* postion absolute so we can place our div anywhere on the page, in this case the first div*/
	position:absolute;
	/*our page width*/
	width:900px;
	/*center absolute  div*/
	/*put div on the center of the page*/
	left:50%;
	/*move div 50% right to put it in the center of the page*/
	margin-left:-450px;
	/*pu the div fist on the page*/
	top:0px;
	text-align: left;
	height: 260px;
	color: #000000;
	padding: 0px;
	background-color: #FFFFFF;
}
.flash  {
	width: 900px;
	padding: 0px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #BF000C;
	bottom: 0px;
	clip: rect(auto,auto,auto,auto);
	float: left;
	background-color: #FFFFFF;
	top: 0px;
	text-align: center;
	margin: 0px;
}

#top-box  {
	height: 100px;
	float: left;
	width: 900px;
	margin: 0px;
	padding: 0px;
}
#top-box .menu-box {
	height: 100px;
}
.logo  {
	height: 100px;
	width: 160px;
	position: absolute;
	float: left;
	right: 0px;
	bottom: 0px;
	left: 20px;
	top: 0px;
}


#bot-nav-box-main {
}
#bot-nav-box
{
	width:900px;
	clear:both;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	color: #000;
	background-color: #FFF;
}
#bot-nav-box .resources {
	float: left;
	background-color: #FFF;
	width: 100%;
	margin: 0px;
	padding: 0px;
}




.res-box {
	width: 260px;
	padding: 5px;
	float: left;
	background-color: #F5F5F5;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 17px;
	background-image: url(../images/bot-gr.png);
	background-repeat: repeat-x;
}

.res-box UL {
	padding: 0px;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 6px;
}
.res-box  Li {
	list-style-type: none;
	padding-top: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align: left;
	margin: 0px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 0px;
}

.res-box  Li a {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	text-decoration: none;
}

.res-box  Li a:hover {
	background-color: #EBEBEB;
	display: block;
	font-size: 12px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	text-decoration: none;
}

.res-box li.dec {
	list-style-type: none;
	padding-top: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align: left;
	margin: 0px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 0px;
	font-size: 11px;
}
.res-hd {
	font-weight: bold;
	font-size: 14px;
	background-color: #A52A2A;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 3px;
	padding-left: 6px;
	clear: both;
	float: none;
	text-align: center;
}
.lab-hd {
	font-size: 14px;
	font-weight: bold;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #A52A2A;
	float: left;
	width: 885px;
	text-align: left;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 12px;
	background-color: #FFF;
}

.lab-hd a {
	color: #000000;
	text-decoration: none;
}

.lab-hd a:hover {
	color: #666666;
}  



#footer
{
	width:900px;
	clear:both;
	height: 80px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	color: #000000;
	background-color: #FFFFFF;
}
#footer .nav {
	background-color: #990000;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 30px;
	padding: 0px;
	margin: 0px;
	float: none;
	clear: both;
	height: 30px;
}

#footer .nav li {
	display: inline;
	padding-right: 3px;
	padding-left: 3px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

#footer .nav li a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
}

#footer .nav li a:hover {
	text-decoration: underline;
}

#footer .nav ul {
	margin: 0px;
	padding: 0px;
	float: none;
	text-align: center;
}
#footer .credits {
	line-height: 20px;
	height: 20px;
	font-size: 11px;
	color: #000000;
	margin-top: 12px;
	text-align: center;
}
#footer .credits a {
	color: #333333;
}

#footer .credits a:hover {}




/*form css*/




.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel */

* html .threepxfix{
margin-left: 3px;
}

.eml{
	font-size: 12px;
	color: #FF0000;
}




.form-box-contact {
	text-align: left;
	height: 400px;
	width: 500px;
	border: 1px solid #F9F9F9;
	margin-top: 10px;
	padding-top: 15px;
}
.contact-f {
	float: left;
	width: 400px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.contact-d-box {
	float: left;
	width: 500px;
	margin-top: 5px;
	margin-bottom: 5px;
}


.contact-label {
	font-weight: bold;
	color: #000000;
	height: 30px;
	float: left;
	clear: both;
	margin: 0px;
	display: block;
	font-size: 11px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	width: 100px;
	text-align: right;
	line-height: 30px;
}
.contact-label-code {
	font-weight: bold;
	color: #000000;
	height: 20px;
	float: left;
	clear: both;
	margin: 0px;
	display: block;
	font-size: 11px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	width: 150px;
}


.contact-right {
	MIN-HEIGHT: 24px;
	margin: 0px;
	text-align: left;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.contact-text {
	border: 2px solid #BF000C;
	padding: 3px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	width: 200px;
	height: 20px;
	line-height: 20px;
	color: #000000;
}


.contact-acsses-code {
	border: 2px solid #BF000C;
	padding: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	float: left;
	width: 40px;
	line-height: 20px;
	color: #000000;
	margin: 0px;
	height: 40px;
	}
.contact-details {
	width: 300px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
	border: 2px solid #BF000C;
	margin-left: 10px;
	font-size: 13px;
	color: #000000;
}

.contact-code {
	height: 50px;
	width: 400px;
	float: left;
}

.contact-btn {
	height: 20px;
	width: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	background-color: #FFFF99;
	cursor:pointer;
	border: 1px solid #FF9900;
	margin-right: auto;
	margin-left: auto;
}

#quote
{
	background-color: #A52A2A;
	color: #FFF;
	width: 343px;
	font-size: 15px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: bottom;
	margin: 0px;
}


#seo-form
{
	margin: 0px;
	padding: 0px;

	
}

#seo-form .field
{
	background-color: #EAEAEA;
	padding-left: 10px;
	margin-bottom: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	
}
.errors 
{
	color: #F00;
	font-size: 14px;
	margin-top: 2px;
	font-weight: bold;
}


#seo-form #access
{
	text-transform: uppercase;	
}

#disp-error
{
	color: #A52A2A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	background-image: url(../images/alert.gif);
	background-repeat: no-repeat;
	background-position: left -3px;
	padding-left: 33px;
	height: 35px;
	padding-top: 5px;
}