/*Colors: */
/* highlight (light blue) #44AEE3 */
/* font (dark gray): #515151*/
/* textbox (light gray): #E1E1E1*/

/*Fonts:*/
/*main text "PT Sans", sans-serif (Note: must be loaded in each page)*/
/*headers: "Book Antiqua", Palatino, serif*/

html{
	border:0;
	background-color: #FFFFFF;
	height: 100%;
	margin: 0px;
	padding:0px;
	width:100%;
}

body{
	padding:0px;
	margin:0px;
	width:100%;
}

img{border:0;}	
a{
    text-decoration:none;
    color: inherit;
    }
    
a:hover{
    text-decoration:none;
    }
/* Specific classes and elements (alphebetized)*/

.blue, a.blue{
color:#44AEE3;
}

.container {
font-family: "Actor", sans-serif;
font-size: 14px;
width: 932px;
margin-left:auto;
margin-right:auto;
padding:18px;
background-color:#E1E1E1;
color:#515151;
overflow:hidden;
margin-top:10px;
margin-bottom:10px;
position:relative;
}

.container.dark{
background-color:#515151;
color:#E1E1E1;
}
.container_title{
font-family: "Duru Sans", sans-serif;
font-size: 28px;
color:#44AEE3;
padding-bottom:0px;
margin-bottom:12px;
border-bottom:dotted 2px #44AEE3;
font-weight:normal;
padding-left:10px;
}
.container_title.dark{
color:#FFFFFF;
border-color:#FFFFFF
}

#footer{
margin-top:40px;
height:10px;
width:100%;
}

.gallery{
float:left;
margin-left:12px;
margin-bottom:12px;
}
.gallery:hover{
/* Required for IE 5, 6, 7 */
/* ...or something to trigger hasLayout, like zoom: 1; */
zoom:1; 
/* Theoretically for IE 8 & 9 (more valid) */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
/* This works in IE 8 & 9 too */
/* ... but also 5, 6, 7 */
filter: alpha(opacity=60);
/* Older than Firefox 0.9 */
-moz-opacity:0.6;
/* Safari 1.x (pre WebKit!) */
-khtml-opacity: 0.6;
/* Modern!*/
/* Firefox 0.9+, Safari 2?, Chrome any?*/
/* Opera 9+, IE 9+ */
opacity: 0.6;
}


.image_left{
float:left;
margin-right:12px;
margin-bottom:10px;
border: solid 1px #FFFFFF;
}

.image_left.icon{
border:none;
}

.image_left.linkto:hover{
/* Required for IE 5, 6, 7 */
/* ...or something to trigger hasLayout, like zoom: 1; */
zoom:1; 
/* Theoretically for IE 8 & 9 (more valid) */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
/* This works in IE 8 & 9 too */
/* ... but also 5, 6, 7 */
filter: alpha(opacity=60);
/* Older than Firefox 0.9 */
-moz-opacity:0.6;
/* Safari 1.x (pre WebKit!) */
-khtml-opacity: 0.6;
/* Modern!*/
/* Firefox 0.9+, Safari 2?, Chrome any?*/
/* Opera 9+, IE 9+ */
opacity: 0.6;
}
.icons{
width:62px;
height:135px;
float:left;
margin-right:20px;
padding:5px;
}


.contact_div{
float:left;
margin-left:30px;
max-width:500px;
}

.info{
font-size:20px;
line-height:26px;
text-align:center;
padding:6px;
border: solid 1px #FFFFFF;
float:left;
margin-left:15px;
}

.info a:hover{
text-decoration:underline;
}

#logo {
width: 968px;
position: relative;
}

#logo_container {
width:100%;
margin-bottom: 10px;
position:relative;
}

#logo_info {
position:absolute;
top:20px;
right:8px;
text-align:right;
font-family: "Actor", sans-serif;
color: #E1E1E1;
font-size: 14px;
}

#contact_info, #contact_info a{
text-align:right;
color:#44AEE3;
font-family: "Actor", sans-serif;
margin-top: 10px;
font-size: 15px;
}

#contact_info a:hover{
text-decoration:underline;
}

#top_container{
width: 970px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
overflow:hidden;
}

#top_image{
width: 700px;
height: 525px;
border: 0px;
margin: 0px;
float:left;
padding:0px;
}
#top_right{
width:268px;
float:right;
margin-top:1px;
}

.top_square{
height: 123px;
width: 123px;
margin-bottom:10px;
margin-left:10px;
position:relative;
float:left;
}

.top_square:hover{
	/* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
        zoom:1; 
        /* Theoretically for IE 8 & 9 (more valid) */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=60);
        /* Older than Firefox 0.9 */
        -moz-opacity:0.6;
        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.6;
        /* Modern!*/
        /* Firefox 0.9+, Safari 2?, Chrome any?*/
        /* Opera 9+, IE 9+ */
        opacity: 0.6;
}

.sq1{background-color:#44AEE3;}
.sq4{background-color:#515151;}
.sq5{background-color:#E1E1E1;}
.sq8{background-color:#44AEE3;}

.sq_text{
position:absolute;
bottom:10px;
right:5px;
font-family: "Actor", sans-serif;
color: #515151;
font-size: 16px;
}

.testimonial{
	color: #E1E1E1;
	background-color:#515151;
	padding:14px;
	margin-bottom:40px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	overflow:auto;
	font-style:italic;
	line-height:24px;

}

.testimonial a{
	color:#44AEE3;
}
.testimonial a:hover{
	text-decoration:underline;
}

.light{
color: #FFFFFF;
}