@charset "UTF-8";
/* CSS Document */

/* ----------------
GENERAL AND TYPOGRAPHY
---------------- */

body{
	background-image:url(../images/bg_page.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
}

button:active, button:focus {outline:0;}
img:active, img:focus {outline:0;}
:active, :focus {outline:0;}

h1{
	font-family:"Droid Sans", Geneva, Verdana, sans-serif;
	font-size:22px;
	font-weight:normal;
	color:#666;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #A9A29A;
}
h1#typh1{
	font-family:"Droid Sans", Geneva, Verdana, sans-serif;
	font-size:22px;
	font-weight:normal;
	color:#666;
	margin-bottom:15px;
	margin-top:25px;
	padding-bottom:0px;
	border-bottom:none;
}
h2{
	font-family:"Droid Sans", Geneva, Verdana, sans-serif;
	font-size:19px;
	font-weight:normal;
	color:#666;
	margin-bottom:15px;
	margin-top:25px;
}
h3{
	font-family:"Droid Sans", Geneva, Verdana, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#666;
	margin-bottom:15px;
	margin-top:25px;
}
h4{
	font-family:"Droid Sans", Geneva, Verdana, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#666;
	margin-bottom:15px;
	margin-top:25px;
}
h5{
	font-family:"Droid Sans", Geneva, Verdana, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	margin-bottom:0px;
	margin-top:0px;
}
h5#typh5{
	font-family:"Droid Sans", Geneva, Verdana, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	margin-bottom:15px;
	margin-top:25px;
}
h6{
	font-family:"Droid Sans", Geneva, Verdana, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666;
	margin-bottom:15px;
	margin-top:25px;
}
p{
	font-size:13px;
	line-height:20px;
	color:#666666;
}
a:link, a:visited{
	font-size:13px;
	font-style:italic;
	color:#91B818;
	text-decoration:none;
}
a:hover{
	font-size:13px;
	font-style:italic;
	color:#91B818;
	text-decoration:underline;
}
img{
	vertical-align:middle;
}

.date{
	font-size:13px;
	font-style:italic;
	color:#91B818;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.title{
	float:left;
	width:460px;
	font-family:"Droid Sans", Geneva, Verdana, sans-serif;
	font-size:40px;
	font-weight:bold;
	color:#fff;
	text-shadow: #111 11px 15px 12px;
	height:75px;
	margin-bottom:60px;
	padding-top:25px;
}
.sub-title{
	float:right;
	width:460px;
	text-align:right;
	font-family:"Droid Sans", Geneva, Verdana, sans-serif;
	font-size:16px;
	color:#fff;
	text-shadow: #111 11px 15px 12px;
	height:45px;
	margin-bottom:60px;
	padding-top:55px;
}
.line{
	margin-bottom:50px;
}

/* ----------------
TABLE
---------------- */

table
{
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
}
table th
{
	font-family:"Droid Sans", Geneva, Verdana, sans-serif;
	font-size: 15px;
	font-weight: normal;
	padding: 15px;
	background: #DDDDDD;
	border-top: 4px solid #CCCCCC;
	border-bottom: 1px solid #fff;
	color: #21BAB8;
}
table td
{
	padding: 15px;
	background: #EEEEEE; 
	border-bottom: 1px solid #fff;
	color: #666666;
	border-top: 1px solid transparent;
}
table tr:hover td
{
	background: #666666;
	color: #FFFFFF;
}
table tfoot tr td
{
	text-align:center;
	background: #DDDDDD;
}

/* ----------------
MESSAGES
---------------- */

.errorMessage{
	padding:15px;
	font-size:12px;
	color:#000;
	background-color:#FCC;
	border:1px dashed #F00;
}
.successMessage{
	padding:15px;
	font-size:12px;
	color:#000;
	background-color:#CFC;
	border:1px dashed #0C3;
}
.alertMessage{
	padding:15px;
	font-size:12px;
	color:#000;
	background-color:#FFC;
	border:1px dashed #FC3;
}
.infoMessage{
	padding:15px;
	font-size:12px;
	color:#000;
	background-color:#9CF;
	border:1px dashed #09F;
}

/* ----------------
HEADER
---------------- */

#header{
	padding-top:24px;
	height:62px;
	background-image:url(../images/bg_header.png);
	background-repeat:no-repeat;
	background-position:90% 0px;
}

/* ----------------
IMAGE SLIDER
---------------- */

#sliderWrapper{
	height:385px;
	padding-top:20px;
	margin-bottom:60px;
	background-image:url( /images/bg_slider.jpg);     /* add .. before /images */
	background-repeat:no-repeat;
	background-position:top;
}
#sliderText a:link, #sliderText a:visited{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
#sliderText a:hover{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
#sliderPar{
	margin-bottom:10px;
}

/* ----------------
HOME
---------------- */

.ribbon{
	background-color:#21BAB8;
	padding:10px;
	width:35px;
	text-align:center;
	position:absolute;
	margin-left:10px;
	font-size:15px;
	font-style:italic;
	color:#FFF;
	-moz-box-shadow: 3px 3px 3px #333;
	-webkit-box-shadow: 3px 3px 3px #333;
	box-shadow: 3px 3px 3px #333;
}
.newsImage{
	margin-top:5px;
}
#greyStripe{
	background-color:#F0F0F0;
	margin-top:60px;
	margin-bottom:60px;
	padding-bottom:40px;
	padding-top:40px;
}
.works{
	padding:12px;
	width:276px;
	height:177px;
	background-color:#666;
	border-color: #666;
}
.partners{
	width:276px;
	height:177px;
	border:12px solid #666;
	background-color:#FFF;
}
#video{
	background-color:#A79F94;
	padding:16px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.genList{
	margin-bottom:30px;
}
.genList li{
	font-size:13px;
	line-height:20px;
	color:#666666;
	margin-left:20px;
	list-style-image:url(../images/list_image.jpg);
	border-bottom:1px dashed #A9A29A;
	padding-top:10px;
	padding-bottom:10px;
}
.toBlog{
	float:right;
}

/* ----------------
SERVICES
---------------- */

.service{
	text-align:center;
	border-left:1px dashed #A9A29A;
	border-right:1px dashed #A9A29A;
}
.service p{
	margin-top:10px;
	font-style:italic;
}

/* ----------------
COLUMNS
---------------- */

.columnWidth{
	padding:5px;
	background-color:#EEEEEE;
	color:#999;
	font-style:italic;
	font-size:11px;
}

/* ----------------
PORTFOLIO
---------------- */

.portInfos{
	float:right;
	background-color:#FFF;
	padding:5px;
	padding-right:0px;
	margin-top:-20px;
	z-index:1000;
	position:relative;
}
.portInfo li{
	display:inline;
}

/* ----------------
CONTACTS
---------------- */

#map{
	border-bottom:5px solid #333;
}
.formBox{
	float:left;
	width:140px;
}
#formBox1,#formBox2{
	margin-right:20px;
}
label{
	font-size:12px;
	color:#999999;
}
.field{
	border:1px solid #C9C8C4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 2px #CCC;
	-webkit-box-shadow: 2px 2px 2px #CCC;
	box-shadow: 2px 2px 2px #CCC;
	padding:5px;
	font-size:12px;
	color:#333;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	width:130px;
	margin-top:3px;
}
.area{
	border:1px solid #C9C8C4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 2px #CCC;
	-webkit-box-shadow: 2px 2px 2px #CCC;
	box-shadow: 2px 2px 2px #CCC;
	padding:5px;
	font-size:12px;
	font-weight:bold;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	width:130px;
	height:70px;
	margin-top:5px;
}
#send{
	border:1px solid #333;
	background-color:#333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 2px #CCC;
	-webkit-box-shadow: 2px 2px 2px #CCC;
	box-shadow: 2px 2px 2px #CCC;
	padding:5px;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	cursor:pointer;
}
.errorForm {
	display: none;
	margin-bottom:15px;
	margin-top:15px;
	border:1px dashed #F00;
	padding:15px;
}
.errorForm ol li label {
	color:#F00;
	font-size:12px;
	font-style:italic;
}

/* ----------------
FOOTER
---------------- */

#footer{
	background-color:#41392E;
	padding-top:40px;
	padding-bottom:40px;
	margin-top:60px;
}
#footerBox1, #footerBox2, #footerBox3{
	background-image:url('../images/footerbox.jpg');
	background-repeat:repeat-y;
	background-position:right;
	padding-bottom:20px;
}
.footerText{
	color:#9E938C;
	text-shadow: #000000 1px 1px 2px;
}
.footerTitle{
	font-family:"Droid Sans", Geneva, Verdana, sans-serif;
	color:#FFF;
	font-size:14px;
	margin-top:15px;
	margin-bottom:15px;
}
.socialIcon{
	margin-right:2px;
	margin-bottom:5px;
}