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

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

html, body {
	background: url(../img/body-bgd.jpg) repeat-x scroll center top transparent;
	/*background: #666;*/
	font:normal 13px/13px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	height:100%;
	line-height: 20px;
	font-size:16px;
	}
	
body.index {
	background-color: #fff
}

a {
color: #000
}

a:hover {
color: #c00;
text-decoration:underline

}
	
p {
	font-size: 0.8em;
	color: #000;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 0.95em;
	color: #fff;
	font-weight: normal !important;
	background: #900;
	padding: 7px 0 7px 10px;
	margin: 1px 0 10px 0
}

h2 {
	font-size: 0.85em;
	color: #c00;
	font-weight: bold;
	margin: 1px 0 10px 10px
}

blockquote {
	text-indent: 50px;
	font-size: 0.75em;
	font-weight: bold;
	margin: 0 0 20px 20px;
	padding-right:20px;
	font-style:italic;
	color: #333
}

	
/* Holding page form */
	
.divider {
	height: 10px;
	border-bottom: 1px dotted #ccc;
	}
	
.contactForm  {
	border:1px solid #B8B7B7;
	font-size: 14px;
	font-weight:normal;
	height: 23px;
	margin-bottom:15px;
	padding:4px 0 0 4px;
	width:350px;
	text-align:left;
	}
	
.contactFormField  {
	text-align:left;
	padding-left: 10px

}

.contactFormField p {
	margin:0;
	padding:0;
	color:#000;
	}
	
.contacts {
	font-size:22px;
	color: #c00;
	line-height: 30px;
	}
	
.contacts a:link {
	color:#c00;
	text-decoration: none;
	}
	
.contacts a:hover {
	color:#FF6600;
	}
	
.sendButton {
	width: 80px;
	height: 30px;
	font-size: 13px;
	color: #000;
	}
	
.address {
	font-size: 16px;
	color: #999;
	}
	
.services {
	font-size: 14px;
	color:#486769;
	line-height: 20px;
	}


/* ============== 
==== WEBSITE ==== 
================ */

.clear {
	clear:both
}

#wrapper {
	background: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc; 
	width: 900px;
	margin: 0 auto;
	padding: 0 0 0 10px
}

#header {
	/*background: url(../img/header2.png) no-repeat left -10px;*/
	width: 980px;
	height: 123px
}

.contacts-head {
	width:400px;
	float: right;
	text-align:right;
	margin: 55px 0 0 0;
	font-size: 1em
}

.contacts-head a {
	color: #000;
	text-decoration: none
}

.contacts-head a:hover {
	color: #900;
	text-decoration: underline;
}

#banner {
	float: left;
}

#navigation {
	background: #000;
	width: 890px;
	height: 40px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	
}

#navigation ul {
	padding: 0;
	margin: 0
}

#navigation li {
	float: left;
	list-style: none;
	padding: 10px 5px;
	font-size: 0.95em

}

#navigation li a {
	color: #fff;
	font-size: 1.1em;
	text-decoration: none;
	padding: 10px 10px;

		/*font-weight: bold*/
}

#navigation li a:hover {
	background: #e7e7e7;
	padding: 10px 10px;
	color: #000;
}

.clean {
	border: none !important
}

#content-left, #content-services, #content-left-about {
	float:left;
	width: 600px;
}

#content-left a {
	font-size: 0.9em;
	color:#000;
	text-decoration: none
}

#content-left a:hover {
	text-decoration:none;
	color:#000
}

#content-services p {
	padding: 0 0 15px 0;
}

#content-services ul {
	margin:0;
}

#content-left p {
padding: 0 0 15px 10px
}

#content-left-about p {
padding: 0 0 0 10px
}

.bgd {
	background: #ffcccc;
	padding: 3px 10px !important
}

#content-left ul {
	margin: 0 0 0 30px;
	padding:0;
    font-size: 0.9em
}

#content-left-about ul {
	margin: 20px 0 0 30px;
	font-weight:normal;
	color: #666;
	
}

#content-left-about li {
	font-size: 0.8em;
	color: #000;
	margin: 5px 0 0 0;
	padding-right: 40px;
}

#content-left li {
	list-style: none;
	color: #C00;
}

#content-left a, #content-left a:link {
	color: #000;
}

#content-left a:hover {
	text-decoration:underline
}

#content-services li {
	color: #000;
    font-size: 0.8em;
}

#content-left li a {
line-height: 24px;
font-size: 0.9em;
font-weight:bold
}

#content-right, #content-right-home, #content-right-services, #socialnets {
	border: 1px solid #ccc;
	background: #ff;
	float: right;
	margin: 1px 10px 10px 0;
	/*padding: 0 0 0 20px;*/
	width: 285px
}

#content-right-contact {
float:right;
width:265px;
	border: 1px solid #ccc;
	margin: 1px 10px 10px 0;
}

#case-studies li a {
text-decoration: none;
color:#000;
background: url(../img/wordDoc.gif) no-repeat top left;
padding: 3px 0 0 25px
}

#news li a {
text-decoration: none;
color:#000;
background: url(../img/news.png) no-repeat top left;
padding: 1px 0 0 18px
}

#news li a:hover {
	color: #c00;
	text-decoration:underline;
}

#case-studies li a:hover {
	color:#c00;
}

#socialnets {
	border: 1px solid #ccc;
	padding: 0 0 20px 0;
	margin: 10px 10px 10px 0;
}

#socialnets img {
margin: 5px 45px
}

#service-box {
	border: 1px solid #ccc;
	background: #fff;
	float: left;
	margin: 1px 0 10px 8px;
	width: 280px;
	min-height: 180px;
}


#service-box-link {
	border: 1px solid #ccc;
	background: #fff;
	float: right;
	margin: 0 10px 10px 0;
	width: 285px;
}

#service-box-link a {
color: #000;
text-decoration:none;
}

#service-box-link a:hover {
color: #c00;
text-decoration:underline
}

#service-box p {
	padding: 5px 10px;
}

#service-box h2 {
margin: 1px 1px 5px 1px;
background: #f8f3d3;
color:#000;
padding: 5px 10px
}

#service-box-link h2 {
margin: 1px 1px 0 0;
background: #f8f3d3;
color:#000;
padding: 5px 7px
}

#content-right-home, #content-right-services {
	background: url(../img/aspas.png) no-repeat scroll 6px 13px transparent;
}

#content-right-home h2, #socialnets h2, #content-right h2, #content-right-services h2, #content-right-contact h2 {
margin: 1px 1px 20px 1px;
background: #ececec;
padding: 5px 10px
}

#content-right ul {
	font-size:0.8em;
	margin:-12px 0 10px 0;
	padding:0 0 0 25px;
}

#content-right-home ul, #content-right-services ul {
	list-style: none;
	font-size:0.8em;
	margin:0 0 20px 15px;
	padding:0;
	width: 260px
}


#content-right-home li, #content-right-services li {
	border-bottom: 1px dotted #ccc;
	padding:0 0 5px 0;
	margin:0 0 10px 0
}

.down  {
background:url("../img/pdf-icon.jpg") no-repeat scroll 0 5px transparent;
border-bottom:1px dotted #CCCCCC;
border-top:1px dotted #CCCCCC;
float:left;
padding:15px 10px 12px 45px;
width:535px;
}

.down a {
  font-size:1.3em;
  font-weight:bold;
}

.locationmap {
	margin: 20px 0 0 10px;
}

#footer {
	border-top: 1px solid #ccc;
	width: 890px;
	height: 30px;
	margin: 20px 0 0 0;
	font-size:0.7em;
    padding: 10px 0 0 0
}

#footer p {
	color: #999;
}