/*---------------------------------------------------------------------*
 * CLASSES 
 *---------------------------------------------------------------------*/

*  {
margin : 0;
padding : 0;
}
body {
background-color : #eeeeee;
font-family : Georgia, "Times New Roman", Times, serif;
color : #333333;
font-size : 12px;
line-height : 18px;
}
img {
display : block;
border : 0;
}
p {
font-size : 12px;
}
p.footer {
font-size : 10px;
}
p.menu {
font-size : 12px;
margin : 20px 0 0 0;
}
p.more {
font-size : 12px;
margin : 20px 0 0 0;
}
p.form {
font-size : 12px;
margin : 0px 0 0 0;
}
p.next {
font-size : 12px;
margin : 0px 0px 0px 0px;
font-weight:bold;
}
a {
outline : none;
color : #333333;
text-decoration : none;
}
a:link {
text-decoration : none;
}
a:visited {
text-decoration : none;
color : #333333;
}
a:hover {
text-decoration : none;
color : #940f04;
}
a:active {
color : #940f04;
text-decoration : none;
}
a img {
border : none;
} 
span.c1 {color: #940F04;
}

/*---------------------------------------------------------------------*
 * Headers
 *---------------------------------------------------------------------*/

h1  {
font-size : 14px;
margin : 0 0 0 25px;
padding : 30px 0 10px 0;
font-style : italic;
}
h2 {
font-size : 16px;
margin : 0 0 0 25px;
padding : 0 0 15px 0;
font-style : italic;
}
h3 {
font-size : 13px;
margin : 0 0 0 25px;
padding-bottom : 10px;
font-style : italic;
}
h4 {
font-size : 12px;
}

h5 {
font-size : 12px;
margin : 0 0 0 25px;
padding : 0 0 0px 0;
}
h5 a {
outline : none;
color : #940f04;
text-decoration : none;
}
h5 a:hover {
text-decoration : none;
color : #333333;
}

h6 {
font-size : 12px;
margin :  -5px 0 10px 25px;
padding : 0 0 4px 0;
}

/*---------------------------------------------------------------------*
 * menu box 
 *---------------------------------------------------------------------*/

#box  {
width : 190px;
top : 0px;
left : 20px;
overflow : auto;
position : fixed;
padding : 7px 10px 7px 20px;
background-color : #eeeeee;
z-index:1;
}
.menu {
position : relative;
width : 190px;
padding-top : 25px;
}
.menu ul {
list-style-type : none;
padding-top : 6px;
padding-bottom : 11px;
}
.menu ul li {
padding-bottom : 2px;
}
.logo {
position : relative;
padding : 0 0 0 0;
width : 180px;
height : 180px;
top : 15px;
}
#icon  {
width : 111px;
bottom : 10px;
left : 20px;
padding : 7px 10px 7px 20px;
position : fixed;
} 


/*---------------------------------------------------------------------*
 * main site
 *---------------------------------------------------------------------*/

#content  {
position : relative;
top : 0px;
left : 240px;
width : 750px;
height : 100%;
background-color : #eeeeee;
}
#content p {
margin : 0 0 20px 25px;
}
#content p.head {
margin : 0 0 5px 25px;
}
#content img {
margin : 0 1px 15px 25px;
padding-bottom : 20px;
border-bottom : 2px dotted #9f9f9f;
}
#content2 {
position : relative;
top : 0px;
left : 240px;
width : 750px;
height : 100%;
background-color : #eeeeee;
}
#content2 p {
margin : 0 0 20px 25px;
}
#content2 p.head {
margin : 0 0 5px 25px;
}
#content2 img {
margin : 0 1px 10px 25px;
padding-bottom : 10px;
}
.info {
width : 750px;
overflow : hidden;
}
.left_column {
float : left;
width : 450px;
margin-right : 35px;
}
.left_column2 {
float : left;
width : 450px;
margin-right : 12px;
}
#about {
float : left;
width : 205px;
margin-right : 24px;
}
.about2 {
float : left;
width : 205px;
margin : 0 0 10px 0;
}
#client {
float : left;
width : 205px;
margin-right : 24px;
}
.client2 {
float : left;
width : 205px;
margin : 0 0 10px 0;
}
#test {
float : left;
width : 450px;
margin-right : 24px;
}
#test2 {
float : left;
width : 450px;
margin-right : 24px;
}
#test3 {
float : left;
width : 450px;
margin-right : 24px;
}
#test4 {
float : left;
width : 450px;
margin-right : 24px;
}
.more {
float : left;
width : 238px;
margin : 0 0 0px 0;
}
.more2 {
float : right;
width : 130px;
margin : 0 0 0px 0;
}
.contact {
float : left;
width : 215px;
margin : 0px 0px 0px 0;
}
.line {
width : 700px;
height:2px;
margin : 0 0px 10px 25px;
border-top : 2px dotted #9f9f9f;
}
.line1 {
width : 700px;
height:2px;
margin : 0 10px 15px 25px;
border-top : 2px dotted #9f9f9f;
}
.line2 {
width : 700px;
height:2px;
margin : 20px 10px 10px 27px;
border-top : 2px dotted #9f9f9f;
}
.line3 {
width : 700px;
height:2px;
margin : 10px 10px 20px 27px;
border-top : 2px dotted #9f9f9f;
} 
.line4 {
width : 450px;
height:2px;
margin : 10px 10px 20px 27px;
border-top : 2px dotted #9f9f9f;
} 

/*---------------------------------------------------------------------*
 * slideshow
 *---------------------------------------------------------------------*/
 
 #slideshow {
    position:relative;
    height:300px;
	margin-bottom:40px;
		
}#slideshow_center {
	margin-left:0px;
	margin-top:0px;	

}#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	border-bottom : 2px dotted #9f9f9f;

}#slideshow IMG.active {
    z-index:10;
    opacity:1.0;

}#slideshow IMG.last-active {
    z-index:9;
}

/*---------------------------------------------------------------------*
 * rollover boxes
 *---------------------------------------------------------------------*/	
	
.index-pic {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
}
.index-pic a {
	text-decoration: none;
	border: 0px solid #eeeeee;
	float: left;
	margin: 0px;
}
.index-pic a:hover {
	border-color: #eeeeee;
	cursor: pointer;
}
.index-pic img{
	border-top: none;
	float: left;
}
.index-pic a:hover .desc {
	display: block;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size : 14px;
	font-style:italic;
	background: #000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #fff;
	position: absolute;
	bottom:11px;
	left: 25px;
	padding: 18px;
	margin: 0px;
	margin-bottom: 9px;
	width: 190px;
	}
.index-pic a .desc {display: none; }
.index-pic a:hover .more { visibility: hidden;}

/*---------------------------------------------------------------------*
 * rollover slideshow
 *---------------------------------------------------------------------*/	
#Case {
    position : relative;
	width:700px;
    height:295px;
	margin:auto;
}	
#showCase1 {
    position:absolute;
    height:300px;
	margin:auto;
}
#showCase1 img {
margin : 0px 2px 20px 0px;
}
		
/*---------------------------------------------------------------------*
 * contact form
 *---------------------------------------------------------------------*/	

#contact-area {
	width: 400px;
	margin : 0 0 10px 25px;
}
#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size : 12px;
	color : #333333;
	margin: 2px 0px 10px 0px;
	border: 1px solid #ccc;
}
#contact-area textarea {
	height: 90px;
}
#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #eeeeee;
}
#contact-area input.submit-button {
	width: 80px;
	float: left;
	font-family : Georgia, "Times New Roman", Times, serif;
	padding: 6px;
	margin: 3px 3px 3px 0;
	background: #eeeeee;
	border: 1px solid #ccc;
	color: #333333;
	font-size: 0.9em;
	-webkit-border-radius: 8px;
	position: relative;
}
#contact-area input.submit-button:hover,
#contact-area input.submit-button a:hover {
background: #333333;
background-color: #3333333;
color: #eeeeee;
}