@charset "ISO-8859-1"; 

html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td
	{
	margin: 0;
	padding: 0
}

h4 {
	font-size: 14px
}

body {
	background-image: url("img/background.jpg");
	background-position:center top ;
	background-repeat: no-repeat;
	color: #ccc;
	font-family: arial;
	font-size: 11px;
	background-attachment: fixed
}

.ourwork {
	background-attachment: fixed
}

#BGHeader {
	background: url("img/BGHeader.png");
	height: 58px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

#Container {
	width: 900px;
	margin: 0 auto
}

#Container div#header {
	height: 58px;
	z-index: 1
}

#header .logo {
	background: url("img/ContainerHeader.png") no-repeat;
	width: 278px;
	height: 38px;
	background-position: 0 0
}

ul.links {
	float: right;
	list-style: none;
	width: 590px;
	margin: 0
}

.links li {
	display: inline;
	margin: 0;
	padding: 0
}

.links .one,.links .two,.links .three,.links .four,.links .five,.links .six,.links .seven,.links .eight
	{
	background: url("img/ContainerHeader.png") no-repeat;
	height: 42px;
	display: block;
	float: left
}

.links .one {
	width: 45px;
	background-position: -314px 0
}

.links .one:hover {
	background-position: -314px -44px
}

.links .two {
	width: 74px;
	background-position: -359px 0
}

.links .two:hover {
	background-position: -359px -44px
}

.links .three {
	width: 86px;
	background-position: -504px 0
}

.links .three:hover {
	background-position: -504px -44px
}

.links .four {
	width: 63px;
	background-position: -590px 0
}

.links .four:hover {
	background-position: -590px -44px
}

.links .five {
	width: 68px;
	background-position: -653px 0
}

.links .five:hover {
	background-position: -653px -44px
}

.links .six {
	width: 97px;
	background-position: -720px 0
}

.links .six:hover {
	background-position: -720px -44px
}

.links .seven {
	width: 71px;
	background-position: -433px 0
}

.links .seven:hover {
	background-position: -433px -44px
}

.links .eight {
	width: 81px;
	background-position: -817px 0
}

.links .eight:hover {
	background-position: -817px -44px
}

#main {
	width: 763px;
	overflow: visible;
	margin: 0 auto
}

#mainHeaderR {
	background: url("img/mainHeaderR.png") no-repeat
}

#mainHeader {
	background: url("img/mainHeader.png") no-repeat;
	height: 418px;
	width: 846px;
	margin: 0 auto 0 68px
}

#about_mainHeader {
	background: url("img/about_mainHeader.png") no-repeat;
	height: 205px;
	margin: 0 auto 0 69px
}

#case_studios_mainHeader {
	background: url("img/case_studios_mainHeader.png") no-repeat;
	height: 220px;
	margin: 0 auto 0 69px
}

#solutions_mainHeader {
	background: url("img/solutions_mainHeader.png") no-repeat;
	height: 214px;
	margin: 0 auto 0 68px
}

#ourwork_mainHeader {
	background: url("img/ourwork_mainHeader.png") no-repeat;
	height: 210px;
	margin: 0 auto 0 69px
}

#contact_mainHeader {
	background: url("img/contact_mainHeader.png") no-repeat;
	height: 210px;
	margin: 0 auto 0 69px
}

#mainContainer {
	background: url("img/mainContainer.png");
	position: relative;
	padding-left: 4px
}

#mainFooter #ftop {
	background: url("img/mainContainer.png");
	height: 50px
}

#mainFooter #ftop div#bannerFtop {
	background: url("img/mainFooterFtop.png") no-repeat;
	height: 48px;
	width: 189px;
	margin: 0 auto
}

#mainFooter #fcontt {
	background: url("img/mainContainer.png");
	height: 26px
}

#mainFooter div#fcontb {
	background: url("img/mainContainer.png") no-repeat;
	height: 15px;
	position: relative;
	text-align: center;
	z-index: 1
}

#mainFooter div#fcontf {
	background: url("img/mainFooterFcontb.png") no-repeat;
	height: 25px;
	text-align: center;
	z-index: 1;
	background-position: -2px 0;
	background-image: url(img/mainFooter_2.png)
}

#fcontcd span {
	margin: 0 12px
}

#fcontcd span.dark {
	color: #777
}

#mainFooter #fbottom {
	height: 75px;
	z-index: -1
}

#mainFooter #fbottom #fbb {
	margin: -15px 0 0
}

#mainFooter #fbottom #fbb a {
	display: block;
	float: left;
	height: 65px
}

#mainFooter #fbottom #fbb a.home {
	background: url("img/fbottomFbb.png") no-repeat;
	width: 60px
}

#mainFooter #fbottom #fbb a.home:hover {
	background-position: 0 -71px
}

#mainFooter #fbottom #fbb a.solutions {
	background: url("img/fbottomFbb.png") no-repeat;
	background-position: -60px 0;
	width: 95px
}

#mainFooter #fbottom #fbb a.solutions:hover {
	background-position: -60px -71px
}

#mainFooter #fbottom #fbb a.ourwork {
	background: url("img/fbottomFbb.png") no-repeat;
	background-position: -155px 0;
	width: 95px
}

#mainFooter #fbottom #fbb a.ourwork:hover {
	background-position: -155px -71px
}

#mainFooter #fbottom #fbb a.casestudios {
	background: url("img/fbottomFbb.png") no-repeat;
	background-position: -250px 0;
	width: 115px
}

#mainFooter #fbottom #fbb a.casestudios:hover {
	background-position: -250px -71px
}

#mainFooter #fbottom #fbb a.suport {
	background: url("img/fbottomFbb.png") no-repeat;
	background-position: -365px 0;
	width: 75px
}

#mainFooter #fbottom #fbb a.suport:hover {
	background-position: -365px -71px
}

#mainFooter #fbottom #fbb a.contact {
	background: url("img/fbottomFbb.png") no-repeat;
	background-position: -440px 0;
	width: 90px
}

#mainFooter #fbottom #fbb a.contact:hover {
	background-position: -440px -71px
}

#mainFooter #fbottom #fbb a.aboutiiimpact {
	background: url("img/fbottomFbb.png") no-repeat;
	background-position: -530px 0;
	width: 115px
}

#mainFooter #fbottom #fbb a.aboutiiimpact:hover {
	background-position: -530px -71px
}

#mainFooter #fbottom #fbb a.quoteonline {
	background: url("img/fbottomFbb.png") no-repeat;
	background-position: -645px 0;
	width: 110px
}

#mainFooter #fbottom #fbb a.quoteonline:hover {
	background-position: -645px -71px
}

.cont1 {
	float: left;
	width: 400px
}

.cont2 {
	float: left;
	width: 320px
}

#mainContainer div.bloque {
	padding: 20px
}

#mainContainer .cont2 div.bloque {
	padding-left: 15px
}

#mainContainer div.bloque2 {
	margin-left: 20px
}

.recuadro {
	width: 320px
}

.recuadro2 {
	width: 712px
}

.recuadro .t,.recuadro .b {
	height: 15px
}

.recuadro .t {
	background: url("img/r_top.png") no-repeat
}

.recuadro .c {
	background: url("img/r_cont.png") repeat-y
}

.recuadro .b {
	background: url("img/r_bottom.png") no-repeat
}

.recuadro2 .t,.recuadro2 .b {
	height: 14px
}

.recuadro2 .t {
	background: url("img/r2_top.png") no-repeat
}

.recuadro2 .c {
	background: url("img/r2_cont.png") repeat-y
}

.recuadro2 .cont {
	width: 710px
}

.recuadro2 .b {
	background: url("img/r2_bottom.png") no-repeat
}

div#txt_aboutus p,div#txt_ourdesign p,div#txt_staff p,div#txt_support p
	{
	line-height: 22px;
	padding-bottom: 10px;
	font-size: 12px
}
#txt_support a {
color:#fff;
text-decoration:none;
}

div#txt_aboutus h2 {
	background: url("img/home_aboutusH2.png") no-repeat;
	height: 40px
}

div#txt_support h2 {
	background: url("img/support_supportH2.png") no-repeat;
	height: 40px
}

div#txt_ourdesign h2 {
	background: url("img/about_ourdesignH2.png") no-repeat;
	height: 40px
}

div#txt_staff h2 {
	background: url("img/about_staffH2.png") no-repeat;
	height: 40px
}

div#txt_case_studios h2 {
	background: url("img/case_studiosH2.png") no-repeat;
	height: 43px
}

div.bloques_case_studios div.img_case {
	float: left;
	width: 160px;
	margin: 0 20px 10px 0
}

div.bloques_case_studios div.txt_case h3#case1 {
	background: url("img/case1.png") no-repeat
}

div.bloques_case_studios div.txt_case h3#case2 {
	background: url("img/case2.png") no-repeat
}

div.bloques_case_studios div.txt_case h3#case3 {
	background: url("img/case3.png") no-repeat
}

div#txt_solutions h2 {
	background: url("img/solutions_solutionsH2.png") no-repeat;
	height: 40px
}

div#txt_difference h2 {
	background: url("img/solutions_differenceH2.png") no-repeat;
	height: 40px
}

div.bloques_solutions div.img_solutions {
	float: left;
	width: 100px;
	margin: 0 0 10px
}

div.bloques_solutions div.txt_solutions h3#solutions1 {
	background: url(img/web-site-and.gif) no-repeat
}

div.bloques_solutions div.txt_solutions h3#solutions2 {
	background: url("img/iiimpact_solutions_h3_2.png") no-repeat
}

div.bloques_solutions div.txt_solutions h3#solutions3 {
	background: url(img/usability2.gif) no-repeat
}

div.bloques_solutions div.txt_solutions h3#solutions4 {
	background: url(img/Anything-Else.gif) no-repeat
}

div#txt_latest h2 {
	background: url("img/home_latestH2.png") no-repeat;
	height: 40px
}
div#txt_news h2 {
	background: url(img/tit_register.gif) no-repeat;
	height: 40px
}

div.bloques_latest div.img_latest {
	float: left;
	width: 70px
}

div.bloques_latest div.txt_latest {
	float: left;
	width: 220px;
	font-size: 11px
}
div.bloques_latest div.txt_news {
	float: left;
	width: 270px;
	font-size: 11px
}

div.bloques_latest div.txt_latest a.p {
	text-decoration: underline;
	color: #FFF
}

div.bloques_latest div.txt_latest a.p:hover {
	text-decoration: none
}

div.bloques_latest a.viewmore:hover,.ourwork_list a:hover {
	color: #ccc
}

div.bloques_latest a.viewmore,.ourwork_list a {
	background: url("img/fa.png") no-repeat;
	background-position: 0 8px;
	color: #888;
	display: block;
	font-size: 11px;
	height: 13px;
	text-decoration: none;
	padding: 5px 0 0 12px
}

.case_studies {
	background: url("img/fa.png") no-repeat;
	background-position: 0 5px;
	color: #888;
	float: right;
	font-size: 11px;
	height: 13px;
	text-decoration: none;
	margin: 5px 15px 0 0;
	padding: 0 0 0 8px
}

.forStaff {
	background: url("img/fa.png") 2% no-repeat;
	background-position: 0 5px;
	color: #888;
	font-size: 11px;
	text-decoration: none;
	padding: 0 0 0 8px
}

div#txt_ourservices {
	display: block;
	position: relative;
	width: 99%
}

div#txt_ourservices h2 {
	background: url("img/home_ourservicesH2.png") no-repeat;
	height: 30px
}

div#txt_ourservices div.ourservices {
	float: left;
	width: 350px;
	margin-top:10px;
}

div#txt_ourservices div.ourservices img {
float:left;
}

div#txt_ourservices div.ourservices p {
	left: 70px;
	margin-left: 90px;
	top: 70px
}

div#txt_ourservices div.ourservices h3 {
	height: 20px;
	margin-left: 90px
}

div#txt_ourservices div.ourservices h3.s4 {
	background: url("img/ourservices_s4.png") no-repeat
}

div#txt_ourwork h2 {
	background: url("img/ourwork_ourworkH2.png") no-repeat;
	height: 40px;
	width: 100%
}

div#txt_ourwork p {
	line-height: 20px
}

div#txt_wecant h2 {
	background: url("img/ourwork_wecantH2.png") no-repeat;
	height: 40px;
	width: 100%
}

.ourwork_img img {
	margin: 5px 8px 10px
}

.cont00 {
	clear: both;
	padding: 0 0 10px
}

.recuadro .cont,.recuadro2 .cont {
	padding: 0 10px 0 15px
}

div.bloques_case_studios div.txt_case,div.bloques_solutions div.txt_solutions
	{
	float: left;
	width: 560px;
	padding-top: 8px;
	font-size: 12px;
	line-height: 18px
}

div.bloques_case_studios div.txt_case {
	width: 500px
}

div.bloques_case_studios div.txt_case h3,div.bloques_solutions div.txt_solutions h3
	{
	height: 20px
}

div#txt_contact div.bloque_contact p,#txt_solutions,#txt_difference,#txt_ourwork,#txt_case_studios
	{
	font-size: 12px;
	line-height: 19px;
	padding-top: 20px
}

div#txt_contact div.bloque_contact div.contactInfo {
	position: absolute;
	top: 0;
	left: 0;
	border: 0 solid #ccc;
	padding-top: 10px;
	width: 200px
}

div#txt_contact div.bloque_contact div.contactInfo h2 {
	background: url("img/contact_infoH2.png") no-repeat;
	height: 20px
}

div#txt_contact div.bloque_contact div.contactUs {
	margin-left: 200px;
	border: 0 solid #ccc;
	width: 500px
}

div#txt_contact div.bloque_contact div.quoteonline h2 {
	background: url("img/quoteonline.png") no-repeat;
	height: 30px
}

div#txt_contact div.bloque_contact div.contactUs h2 {
	background: url("img/contact_usH2.png") no-repeat;
	height: 30px
}

#steps div.step1 {
	position: absolute;
	left: 0;
	top: 10px;
	width: 150px
}
#steps div.step1b, #steps div.step2b, #steps div.step3b,{
	position: absolute;
	left: 0;
	top: 10px;
	width: 150px
}

#steps div.step2 {
	position: absolute;
	left: 0;
	top: 150px;
	width: 150px
}

#steps div.step3 {
	position: absolute;
	left: 0;
	top: 310px;
	width: 150px
}

#steps div.step33 {
	position: absolute;
	left: 0;
	top: 690px;
	width: 150px
}

.step1,.step2,.step3 {
	margin-left: 5px
}

#steps p {
	color: #666;
	font-weight: 700
}

#steps label.tit, #steps label.titb {
	height: 30px;
	width: 50px;
	display: block
}

#field_name,#field_company {
	float: left;
	width: 170px
}

#field_name,#field_email,#field_message,#field_send {
	margin-left: 200px;
	position: relative;
	padding: 10px
}

#field_send a {
	position: absolute;
	background: url("img/fa.png") no-repeat;
	height: 10px;
	width: 10px;
	margin-left: -8px;
	margin-top: 6px;
	cursor: pointer;
}
#field_send a:hover {
	cursor: pointer;
}

#field_company {
	margin-left: 30px;
	position: relative;
	margin-bottom: 20px;
	padding: 10px
}

label {
	color: #aaa;
	font-weight: 700;
	padding-left: 10px;
	background: url("img/fa.png") no-repeat;
	background-position: 0 3px
}

textarea,input {
	font-size: 14px;
	border: 0;
	background: #333;
	display: block;
	margin-top: 5px;
	color: #ccc;
	padding: 3px
}

input {
	width: 200px
}

input#send {
	background: url("img/iiimpact_contact_send.png") no-repeat;
	width: 50px;
	margin-bottom: 20px;
	margin-top: 5px;
	cursor: pointer
}

hr {
	color: #2c2c2c;
	border: 0 solid #2c2c2c;
	line-height: 1px;
	margin-left: 5px;
	margin-right: 34px;
	height: 1px;
	border-width: 1px 0 0
}

#jcar {
	background: url("img/slideshowbg.png") no-repeat;
	margin-left: 20px
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	margin-left: 20px;
	width: 600px;
	height: 130px;
	overflow: visible
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width: 570px;
	height: 140px
}

#mycarousel .jcarousel-item,#mycarousel .jcarousel-item-placeholder {
	width: 167px;
	height: 140px;
	margin-left: 25px
}

.bgtop {
	background-image: url(img/iiimpact_solutions_03.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	margin-right: 1px
}

#fcontcd {
	position: relative;
	top: 4px;
	padding: 75px 0 0
}

#fcontcd a:hover,#fcontcd span.dark a:hover {
	text-decoration: underline
}

#fcontcd span a {
	color: #ccc;
	text-decoration: none
}

#fcontcd span.dark a {
	color: #666;
	text-decoration: none
}

.bgbottom {
	background-image: url(img/mainFooter_1.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	margin-right: 1px;
	top: 13px
}

.textareaquote {
	height: 50px
}

.flashheader {
	position: relative;
	left: -33px;
	height: 420px
}

div.blq_our_work div.img_case {
	float: left;
	width: 160px;
	margin: 0 10px 10px 0
}

div.blq_our_work img {
	width: 148px;
	height: 111px
}

div.blq_our_work div.txt_case {
	float: left;
	padding-top: 8px;
	font-size: 12px;
	line-height: 18px;
	width: 500px
}

div#txt_ourservices div.ourservices h3.s1,#steps div.step1 label.tit {
	background:  url(img/web-design.gif) no-repeat
}
div#txt_ourservices div.ourservices h3.s1,#steps div.step1 label.titb {
	background: url(img/ourservices_s1.png) no-repeat
}

div#txt_ourservices div.ourservices h3.s2,#steps div.step2 label.tit {
	background: url(img/usability.gif) no-repeat
}

div#txt_ourservices div.ourservices h3.s2,#steps div.step2 label.titb {
	background: url(img/ourservices_s2.png) no-repeat
}
div#txt_ourservices div.ourservices h3.s2,#steps div.step3 label.titb {
	background: url(img/ourservices_s3.png) no-repeat
}

div#txt_ourservices div.ourservices h3.s3,#steps div.step3 label.tit,#steps div.step33 label.tit	{
	background: url(img/search-engine.gif) no-repeat
}
div#txt_ourservices div.ourservices h3.s4,#steps div.step3 label.tit,#steps div.step33 label.tit
	{
	background: url(img/free-analy.gif) no-repeat
}

#mainFooter,.cont0,#field_email {
	clear: both
}

div.bloques_case_studios,div.bloques_solutions,div.blq_our_work,div.bloques_solutions
	{
	position: relative;
	padding: 10px
}

div#txt_contact div.bloque_contact,#steps {
	position: relative
}

#field_name input,#field_company input {
	position: absolute;
	top: 24px;
	left: 10px
}

textarea,.inputquote {
	width: 95%
}