html, li {
margin: 0 auto;
padding: 0;
}
body {
margin: 0px auto;
padding: 0;
text-align: center;
}

img {
	border: 0px;
}


span{
margin:0;
padding:0;
}


#flash_clip{
background:blue;
height:100%;
width:100%;

position:absolute; width:"100%"; height:"100%"; z-index:1; left: 0px; top: 0px;
display:none;
}




#container {
width: 989px;
margin: 0 auto;
padding: 0;
text-align: left;


}


#container_smallwindows
{
width: 100%;
margin: 0 auto;
padding: 0;
text-align: left;

}




.light { 
color: #999999;
}
h1 {
font-family: helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 48px;
margin: 0;
padding: 0 0 0 0px;
line-height: 1.2;
letter-spacing: -0.5px;
color: #999;
}
h1 span {
color: #000;
}
h2 {
font-family: helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 64px;
margin: 0;
padding: 0 0 0 0px;
line-height: 1.2;
letter-spacing: -1px;
color: #999;
}
h3 {
margin:0;
padding:0;
}
p {
font-family: helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 11px;
margin: 0;
padding: 0 0 7px 0;
line-height: 16px;
color: #333;
}



a, a:visited {
color: #7d8792;
text-decoration:none;
}


a:hover {
color: #555f74;
text-decoration: none;
}
.clear {
clear: both;
margin: 0;
padding: 0;


}
#top {
margin: 20px 0 0px 0;
padding: 15px 0px 0px 0px;
height:95px;
}







/*-------------------------------------------------------------NAV---------*/




.logo_tag {

padding: 0px;
margin:0;
display: inline;
float:left;
}



.email {

margin-top:3px;
font-family: helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 11px;
float:right;

text-transform: lowercase;
}
.line {
border-bottom: 1px dotted #ddd;
margin: 1px 0 0 0;
}
.line2 {
border-bottom: 1px dotted #ddd;
margin: 5px 0 20px 0;
}
/*-------------------------------------------------------------HOME---------*/
.row {

margin: 63px 0 0px 0;
padding: 0px 0 0 0;

}

.column {
margin: 0 48px 0 0px;
padding: 0px 0px 0 0px;
width: 211px;
float: left;
background:#f2f6f7;
}





.column_end {
margin: 0 0px 0 0px;
padding: 0px 0px 0 0px;
width: 211px;
float: left;
background:#f2f6f7;
}






.column:hover, .column_end:hover {

background:#9CA3AB;

}





.column:hover span, .column_end:hover span{
color:#fff;

}


/* link hover for IE browsers */
.column a:hover, .column_end a:hover{
color:#dee2e9;

}

/* link hover for all other browsers */
.column:hover span a:hover, .column_end:hover span a:hover{
color:#dee2e9;

}







.column:hover a:link, .column_end:hover a:link{
color:#fff;

}

.column:hover a:hover, .column_end:hover a:hover{
color:yellow;

}




/*for IE browsers*/

.column:hover span a, .column_end:hover span a{
color:#fff;

}






.column h3, .column_end h3 {
margin:0px 0 5px 10px;
font-family: helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 11px;

padding: 0px;


}


.column h3 a, .column_end h3 a {

border-bottom:dotted #9CA3AB 1px;
}




.column:hover h3 a, .column_end:hover h3 a {

border-bottom:dotted #ffffff 1px;
}









.column h4, .column_end h4 {
margin:0px 0 9px 10px;
font-family: helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 10px;
padding: 0px;
color:#9CA3AB;
cursor:default;
}

.column a img, .column_end a img {

height: 120px;
width: 190px;
margin: 10px 10px 13px 10px;
padding: 0px;
}


*html .column a img, *html .column_end a img {

margin: 10px 10px 9px 10px;

}


/*-------------------------------------------------------------PROJECTS---------*/
.project {
margin: 0 0 60px 0;
padding: 5px 0 0 0;
width: 788px;
border-top: 1px dotted #ccc;
}
.description {
margin: 0px 0px 0px 50px;
padding: 0px 0px 0 5px;
/*text-align: justify;*/
float: left;
width: 245px;


}

.description h1 {
margin: 0px 0px 32px 0px;

}

.description a {
text-decoration:underline;

color:#9CA3AB;
}



.description h3 {
font-family: helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 11px;
margin: 0;
padding: 0px;
color: #333;
}
.description p, 
.name p {
font-family: helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 11px;
margin: 0;
padding: 0 0 7px 0;
color: #333;
}
.name {
margin: 0px 0px 0 5px;
padding: 2px 0px 0 0px;
width: 175px;
float: left;
}
.name h4 {
margin: 0px 0px 2px 0px;
padding: 0;
font-family: helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 11px;
color: #333;
}
.images {
margin: 28px 0 0 0;
padding: 0px 0 0 0;
width: 100%;
}
.imagerow {
margin: 0px 0 60px 0;
padding: 5px 0px 0px 0px;
width: 788px;
}
.imagerow2 {
margin: 0px 0 25px 40px;
padding: 0px 0px 0px 0px;
width: 580px;
float:left;
}

*html .imagerow2 {
margin: 0px 0 25px 20px;
padding: 0px 0px 0px 0px;
width: 580px;
float:left;
}



.imagerow3{

margin-bottom:0px;
}



.imagerow4 {
margin:0px 15px 0px 9px; 

float:left;
}





.imagerow p, 
.imagerow2 p {
font-family: helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 11px;
margin: 0;
padding: 0 0 0px 5px;
line-height: 18px;
color: #999;
}
.type {
color:#9CA3AB;
margin: 0 0 0 0px;
}
.lcaption {
float: left;
margin: 0 20px 0 0;
padding: 0;
width: 275px;
}

/*-------------------------------------------------------------FO0TER---------*/
#footer {
margin: 65px 0 150px 0;
padding: 0px 0 0 0;

}

.email{
padding: 0px 0 0 0px;
margin:0;

}

.form_contact
{
color: #999;
font-family: helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 13px;
margin: 20px 0 500px 0;
padding: 7px 0 0 0px;
width: 480px;
display:none;
}


.copyright {
border-top: 2px dotted #6d8788;
margin: 0px 0 30px 0;
padding: 7px 0 0 0px;
width: 989px;


}


.copyright .arrow_up {
text-align:right;
padding-right:5px;


}




.copyright p {
color: #999;
font-family: helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 11px;
}
.copyright img {
border: none;
}

.copyright_and_email{
border-top: 2px dotted #6d8788;
margin-top:75px;
}


.cleft {
float:left;
width:600px;
padding: 0;
margin: 0;

}

.faddress {
margin: 0px 10px 0 0px;
padding: 0px 0 0 0;
float: left;
width: 300px;
}
.up {
margin: 0px 0 0 0px;
padding: 0px 0 0 0;
float: left;
width: 60px;
text-align: right;

}
form {
margin: 8px 0 0 0;
padding: 0;
}
input {
font-family: helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 11px;
margin: 0 5px 0 0;
color: #333;
}

.up a {
border: none;
}
.up a:hover {
border: none;
}



#paginate-slider4{
margin-top:219px;

}


.thumb_row {

padding:0;
position:relative;
margin: 0px;

}



.thumb_row a,
.thumb_row a:hover
.thumb_row a:active{
border:0 !important;

}

.thumb_row_left {
width:100px;
margin-right:10px;
margin-bottom:10px;
float:left;

}


.thumb_row_right {
width:100px;
float:left;
margin-bottom:10px;
}























/* PAGINATION SCRIPT - content slider engine from Dynamic Drive */




.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/


width: 580px; /*width of featured content slider*/
height: 488px;
}







.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/

background: white;
width: 580px; 
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 600px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: navy;
padding: 5px 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}


/*-------------------------------------------------------------About/Contact section---------*/



	

#fragment-25 .column_left {
	float:left;
		margin: 63px 0 0px 0;
	
	width:385px ;
	
	}
	


#fragment-25 .column_right {
	float:right;
		margin: 63px 0 0px 0;
	
	width:385px;
	
	}
	


#fragment-25 .title_left {
	float:left;
		
	
	height:90px;
	
	}
	
#fragment-25 .title_right {
	float:right;
		
	
	height:90px;
	
	}
	

#fragment-25 .bottom_content {
	
	float:left;
	
width: 385px;
font-family: helvetica, Arial, sans-serif;;
color:#414141;
font-size:13px;
	}
	
	
#fragment-25 .bottom_content .email {
clear:none;
float:left;
}
	
	
	
/*-------------------------------------------------------------contact form ---------*/





label, legend { 
}


#contact_form hr { 
color: inherit; 
height: 0; 
margin: 6px 0 6px 0; 
padding: 0; 
background:black; }

/* main form shell*/
#contact_form { 
float:right;
display: block; 
width: 370px;
margin: 0px 0px 35px 0px; 
padding:0px;
font-family:helvetica, Arial, sans-serif;
}


/* title labels */

#contact_form label { 
display: inline-block; 
float: left; 
height: 15px; 
width: 155px; 
color:#527071;
font-size: 14px;
margin-bottom:10px; 
padding:0 !important;
}



/* form fields */
#contact_form input, #contact_form textarea, #contact_form select { 
width: 149px; 
height:17px;
padding: 3px; 
color: #666; 
background: #f5f5f5; 
margin: 0px 0;
font:11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; 
border: 0px solid #ccc !important; 
clear:both !important;
display:block;
}  

/* additional adjustments for the selected fields only - in addition to the above */
#contact_form select { 
width: 155px; 
height:23px;
padding: 3px; 

} 

/* form field - comments */
#contact_form #comments { 
width: 362px; 
height:134px;
}  

/* active form field */
#contact_form input:focus, #contact_form textarea:focus, #contact_form select:focus { 

background-color: #e7eaea; 
color:#333; }



/* submit button */
#contact_form input.submit { 
margin-top:15px;
padding:3px 0 3px 0px;
width: 85px; 
height:23px;
cursor: pointer;  
color:#527071;
font-size: 15px;
float:right;
position:relative;
right:-5px;
text-align:right !important;
background:transparent;
}


#contact_form input.submit:hover { 
background:transparent;
color:white;}


#contact_form input[type="submit"][disabled] { 
background:transparent; }


#contact_form fieldset { 

border:0px;
padding:0px;
margin:0px;
}


#contact_form legend { 
padding:0px; 
font-weight:bold; 
color:#000;  
margin-bottom:0 !important; margin-bottom:20px; 

background:orange;}

#contact_form span.required{ 
font-size: 13px; 
color: #ff0000; } /* Select the colour of the * if the field is required. */



#contact_form #success_page h1 { 

background: url('javascript/javascript_ajax_contact_form/assets/success.gif') left no-repeat; 
color:#527071;
margin-bottom: 15px ; 
font-size: 15px;
padding-left:22px; }


#contact_form #message { 


}





#contact_form #message p { 
color:#4141411;
font-size:12px;
height:20px;
padding-left:22px; 
}



#contact_form .error_message { 
display: block; 
height: 22px; 
line-height: 22px; 
background: #cad6d8 url('javascript/javascript_ajax_contact_form/assets/error.gif') no-repeat 0px center; 
padding: 3px 10px 3px 25px; 

color:#4141411;
font-size:12px;
border: 0px solid #FBC2C4; 
}



/* ajax-loader.gif image */
#contact_form .loader { padding: 0 10px; margin-top:17px;}


#contact_form acronym { 
border-bottom:1px dotted #ccc; }




#column_left  {float:left;  width:156px; margin:0px 56px 12px 0;}

#column_right  {float:left; width:156px; margin:0px 0 12px 0; padding:0;}
#row_message2 {float:left; width:370px; height:164px; margin:0px 0 5px 0; padding:0;}


/* math input field part 1 - basic */
#contact_form #are_you_human input {float:left; clear:none !important;}

/* math input field part 2 */
#contact_form #verify  {float:left !important; width:23px !important; height:13px !important; }

/* math question */
#contact_form #verify_math {float:left !important; color:#527071;
font-size: 12px !important; }


/* are you human question */
#contact_form #are_you_human_question {
	
	color:#527071;
font-size: 12px;
margin-bottom:10px;
	}

/* bottom section with question/field and button */
#contact_form #are_you_human {float:right; width:127px; display:none !important;}