@charset "UTF-8";

a:link {text-decoration: none; color: #666666; }
a:visited {text-decoration: none; color: #666666;}
a:hover {text-decoration: underline; color: #666666;}
a:active {text-decoration: none; color: #666666;}

.class1 A:link {text-decoration: none; color: #666666;}
.class1 A:visited {text-decoration: none; color: #666666;}
.class1 A:hover {text-decoration: none; color: #cc6666;}
.class1 A:active {text-decoration: none; color: #666666;}

.class2 A:link {text-decoration: none; color: #cc6666;}
.class2 A:visited {text-decoration: none; color: #cc6666;}
.class2 A:hover {text-decoration: underline; color: #b84f4f;}
.class2 A:active {text-decoration: none; color: #cc6666;}

body {
margin-top: 70px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}

.copy{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
color: #666666;
}

.copylg{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color: #666666;
}

.copysm{
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 12px;
color: #999999;
}


.nav {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
color: #666666;
text-transform: uppercase;
border-top:1px;
border-top-color:#cccccc;
border-top-style:solid;
border-bottom:1px;
border-bottom-color:#cccccc;
border-bottom-style:solid;
font-weight: lighter;
text-align: center;
}

.sansredcaps {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
text-transform:uppercase;
color: #cc6666;
}

.footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 12px;
font-weight: lighter;
color: #cccccc;
padding: 30px 0 20px 0;
}

.active {
color: #cc6666;
}

.gallery{
padding-bottom: 4px;
}

img{
border:0px;
}

.imgpad{
padding: 0px 0px 10px 30px;
}

/* list styles */

ul{
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 2.4em;
	margin-left: 0;
	padding: .5em 0 .5em 0;
}

ul li{ 
	display: inline;
	margin-top: 0;
	margin-right: 1.3em;
	margin-bottom: 0;
	margin-left: 1.3em;
	padding: 0;
	color: #666666;

}

ul li a{ 
	text-decoration: none;
	color: #cccccc;
}

ul li a:hover{ 
	text-decoration: underline;
	color: #666666;
}

ul.list1{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding: 0 0 0 0;
	border-top-width: 0;
	border-bottom-width: 0;

}

li.list1 {
	display: block;
	list-style: none;	
	padding: 0 20px 10px 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;

}

ul.list2{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0 0 0 0;
}

li.list2 {
	display: block;
	list-style:armenian;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.testimonials{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding: 6px 0 14px 0;
	border-top: none;
	border-bottom-width: 1px;
	border-bottom-color: #cccccc;
	border-bottom-style: dotted;


}

/*form*/

#page-wrap {
	width: 560px;
	background: white;
	padding: 0 110px 0 0;
	margin: 20px auto;
	min-height: 200px;
	height: auto !important;
	height: 200px;
}

#contact-area {
	width: 600px;
	margin-top: 0;
}

#contact-area input, #contact-area textarea {
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	width: 471px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	border: 1px solid #cccccc;
	color: #666666;
}

#contact-area textarea {
	height: 90px;
	padding: 0 0 20px 0;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #666666;
}

#contact-area input.submit-button {
	width: 80px;
	float: right;
	background-image: url('images/misc/submit.jpg');
	width: 114px;
	height: 30px;
	border: none;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 11px;
}

/*stepcarousel*/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 350px; /*Width of Carousel Viewer itself*/
height: 300px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
width: 350px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*slideshow*/
#slideshow {
    position:relative;
    height:500px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

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

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