@charset "utf-8";

html, body {
margin:0;
padding:0;
}
body {
background-image:url(images/background.gif);
background-position:14px 21px;
}

img {
border:none;
}

	#backDetail {
	background-image:url(images/backDetail.gif);
	background-repeat:no-repeat;
	background-position:0px 145px;
	}

	#wrapper {
	margin:0;
	padding:0;
	width:1000px;
	background-color:#FFF;
	/*background-image:url(images/gridTest.gif);
	background-position:0px 7px;*/
	}
	
		#bannerUp {
		height:146px;
		}
		
			#logo {
			height:145px;
			width:386px;
			background-image:url(images/logo-a.jpg);
			border-bottom:#333 1px solid;
			border-right:#333 1px solid;
			float: left;
			}
		
			#motto {
			height:145px;
			width:611px;
			background-repeat:no-repeat;
			border-bottom:#333 1px solid;
			float:right;
			}
			#motto strong{
			display:block;
			font-family:Arial, Helvetica, sans-serif;
			font-size:22px;
			color:#333333;
			padding:97px 0 0 52px;
			}
			
		#menu {
		height:38px;
		padding:0 0 0 68px;
		border-bottom:#333 1px solid;
		position:relative;
		}
			#flair {
			background-image:url(images/flair3.gif);
			height:66px;
			width:113px;
			position:absolute;
			top:-27px;
			left:330px;
			}
		
			#menu a {
			display:block;
			margin:0px;
			padding:0px;
			height:38px;
			line-height:38px;
			width:87px;
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			text-decoration:none;
			font-weight:bold;
			font-size:14px;
			color:#666;
			}
			#menu a:hover {
			background-image:url(images/hoverBack.gif);
			background-position:bottom;
			background-repeat:repeat-x;
			}
			div#preload {
			background-image:url(images/hoverBack.gif);
			background-repeat:no-repeat;
			}
				#menu #breadcrumb {
				display:block;
				margin:0 0 0 114px;
				padding:0px;
				height:38px;
				line-height:38px;
				float:left;
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				color:#666;
				}
					#menu #breadcrumb #viewing {
					font-weight:bold;
					}
		
		
		/* start: index specific */
		div#statement {
		width:960px;
		margin:0;
		padding:46px 23px 5px 17px;
		}
			div#statement h1, div#statement h2 {
			font-family:Arial, Helvetica, sans-serif;
			font-size:37px;
			color:#333;
			letter-spacing:-1px;
			line-height:40px;
			padding:0 0 34px 0;
			margin:0;
			}
			
		/* carousel related */
		div#carousel {
		margin:20px 0 20px 0;
		position:relative;
		width:1000px;
		height:300px;
		background-image:url(images/monis/shadow.jpg);
		background-position:0px 20px;
		background-repeat:no-repeat;
		}
		div#carousel div {
		float:left;
		background-image:url(images/monis/moni-shadow.png);
		background-position:center bottom;
		}
		div#carousel div img{
        width:100%;
        height:auto;
		display:block;
		}
		/* the following properties are given to the monis in the carousel so when javascript is not present, the monis will remain in place (but static) */
		div#carousel div#moni1 {position: absolute; left: 385px; top: 60px; width: 247px; z-index: 347;}
		div#carousel div#moni2 {position: absolute; left: 713.115px; top: 32.3607px; width: 219.361px; z-index: 319;}
		div#carousel div#moni3 {position: absolute; left: 587.786px; top: -12.3607px; width: 174.639px; z-index: 275;}
		div#carousel div#moni4 {position: absolute; left: 182.214px; top: -12.3607px; width: 174.639px; z-index: 275;}
		div#carousel div#moni5 {position: absolute; left: 56.8855px; top: 32.3607px; width: 219.361px; z-index: 319;}
		/* ends carousel related */
		
		div.colIndex {
		width:470px;
		margin:0 0 16px 20px;
		float:left;
		}
		
		div.colIndex p {
			font-family:Arial, Helvetica, sans-serif;
			font-size:15px;
			line-height:23px;
			color:#000000;
			margin:0 0 29px 0;
			padding:0;
			
		}
		
		div.colIndex h3{
			font-family:Arial, Helvetica, sans-serif;
			color:#333333;
			font-size:24px;
			margin:0 0 10px 0;
			letter-spacing:-1px;
			background-image:url(images/h3Flair.gif);
			background-repeat:no-repeat;
			padding:0 0 0 16px;
		}
		
		a {
			color:#000;
		}


		
		
		#bigMenu {
		border-bottom:#333 1px solid;
		padding:52px 20px;
		height:123px;
		width:960px;
		clear:both;
		}
			#bigMenu div {
			width:294px;
			height:123px;
			float:left;
			margin-right:39px;
			}
			#bigMenu div#contactOut{
			margin:0;
			}
			#bigMenu div#workOut{
			background-image:url(images/work_out.jpg);
			}
			#bigMenu div#aboutOut{
			background-image:url(images/about_out.jpg);
			}
			#bigMenu div#contactOut{
			background-image:url(images/contact_out.jpg);
			}
			/*english versions*/
			#bigMenu div#workOutEn{
			background-image:url(images/work_out_en.jpg);
			}
			#bigMenu div#aboutOutEn{
			background-image:url(images/about_out_en.jpg);
			}
			#bigMenu div#contactOutEn{
			background-image:url(images/contact_out_en.jpg);
			}
			#bigMenu div#contactOutEn{
			margin:0;
			}

			#bigMenu a {
			display:block;
			width:294px;
			height:123px;
			}
			#bigMenu a#aWork {
			background-image:url(images/work_over.jpg);
			}
			#bigMenu a#aAbout {
			background-image:url(images/about_over.jpg);
			}
			#bigMenu a#aContact {
			background-image:url(images/contact_over.jpg);
			}
			/* english versions */
			#bigMenu a#aWorkEn {
			background-image:url(images/work_over_en.jpg);
			}
			#bigMenu a#aAboutEn {
			background-image:url(images/about_over_en.jpg);
			}
			#bigMenu a#aContactEn {
			background-image:url(images/contact_over_en.jpg);
			}
		/* end: index specific */
		
		
		/* start: work specific */
		div#noScriptDiv {
		background-color:#333;
		margin:26px 20px 0px 20px;
		padding:5px;
		}
		div#noScriptDiv p {
		margin: 5px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#FFF;
		letter-spacing:1px;
		line-height:1.4em;
		}
		
		#thumbWrapper {
		width:980px;
		margin:52px 0 52px 20px;
		}
			#thumbWrapper .title{
			width:326px;
			height:248px;
			float:left;
			}
			#thumbWrapper .block{
			width:326px;
			height:248px;
			float:left;
			background-image:url(work/Images/dropShadow.jpg);
			}
			div#thumbWrapper div.block a.comments {
			cursor:default;
			}
		
		a#web, a#logos, a#flash {
			display:block;
		}
		
		.horizBorder {
		width:1000px;
		border-bottom:#333 1px solid;
		clear:both;
		padding:36px 0 0 0;
		}
		
		.webDetails {
		width:980px;
		padding:52px 0 52px 20px;
		border-bottom:#333 1px solid;
		}
			.webDetailsText {
			width:308px;
			margin:0 18px 0 0;
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:15px;
			line-height:1.5em;
			color:#000000;
			}
				.webDetailsText h2 {
				color:#333333;
				font-size:17px;
				font-weight:bold;
				display:block;
				margin:0 0 12px 0;
				}
				.webDetailsText p {
				margin:0 0 0.7em 0;
				padding:0;
				}
				.webDetailsText p.viewSite {
				margin:14px 0 0 0;

				}
					.webDetailsText p.viewSite a:visited {
					background-color:#f1f1f1;
					color:#666;
					}
					.webDetailsText p.viewSite a:hover {
					background-color:#000;
					color:#FFFFFF;
					}
					.webDetailsText p.viewSite a {
					text-decoration:none;
					font-weight:bold;
					color:#333;
					}
				.webDetailsText p.back {
				margin:16px 0 0 0;
				}
					.webDetailsText p.back a {
					text-decoration:none;
					color:#000000;
					font-variant:small-caps;
					padding:0 18px 0 0;
					background-image:url(work/Images/spaceInvader.gif);
					background-repeat:no-repeat;
					background-position:right top;
					}
					.webDetailsText p.back a:hover {
					background-position:right bottom;
					}

				.webDetails img {
				}
				
		/* this is exclusively for tooltips in logotypes*/
		.tip {
		padding:10px 14px 11px 14px;
		background-image:url(work/Images/toolTipBackground.gif);
		width: 308px;
		z-index: 777;
		border-bottom:#333 1px solid;
		border-top:#333 1px solid;
		}
		 
		.tip-title {
		font-family:Arial, Helvetica, sans-serif;
		color:#333333;
		font-size:17px;
		font-weight:bold;
		padding:0 0 7px 0;
		margin:0 0 7px 0;
		border-bottom:#ccc 1px dotted;

		}
		 
		.tip-text {
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		line-height:1.5em;
		color:#000;
		}
		/* ends coso tooltips */
		
		/* starts animation pop up exclusive */
		body#animBody {
		margin:0;
		background-image:url(work/animation/backDiag.gif);
		padding:32px 34px;
		}
		
		body#animBody div#animWhite {
		background-color:#FFF;
		padding:64px 0 0 68px;
		}
		/* remember that there is inline css in every animation page that affects the previous statement
		and that the size of the popped window is in the rel property of the anchor and that has to do
		with animBody */
		/* ends animation pop up exclusive */
		/* end: work specific */
		
		
		/* starts about specific */
		div.people {
		width:924px;
		padding:40px 20px 52px 56px;
		border-bottom:#333 1px solid;
		}
			div.people div.photo {
			width:274px;
			padding:12px 0 7px 12px;
			margin:0 44px 0 0;
			background-image:url(about/images/backPhoto.gif);
			}
				div.people div.photo img {
				margin:0;
				padding:0;
				}
			div.people div.photo a{
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				display:block;
				letter-spacing:1px;
				text-decoration:none;
				padding:4px 0;
				width:262px;
				text-align:right;
			}
			
			div.people div.photo a:hover {
				background-color:#29292a;
				color:#FFF;
			}

			div.people div.dataBio {
			width:595px;
			font-family:Arial, Helvetica, sans-serif;
			float:right;
			font-size:15px;
			line-height:23px;
			color:#000000;
			}
			
			div.people div.dataBio h1 {
			margin:11px 0 0 0;
			font-size:28px;
			letter-spacing:-1px;
			}
			div.people div.dataBio h2 {
			margin:0;
			font-size:18px;
			letter-spacing:1px;
			font-variant:small-caps;
			}
			
			
			.solver{
			clear:both;
			}
		/* ends about specific */
		
		
		/* starts contact specific */
		div#contactWrapper {
		width:374px;
		margin:52px 0 52px 69px;
		float:left;
		}
			div#contactWrapper p {
			font-family:Arial, Helvetica, sans-serif;
			font-size:15px;
			line-height:1.5em;
			color:#000000;
			margin-top:0;
			}
			div#contactWrapper form label {
			font-family:Arial, Helvetica, sans-serif;
			font-variant:small-caps;
			font-size:13px;
			line-height:20px;
			color:#000000;
			letter-spacing:1px;
			padding:0 0 0 5px;
			}
			div#contactWrapper form .flArea {
			margin-bottom:10px;
			}
			div#contactWrapper form input, div#contactWrapper form textarea {
			width:366px;
			border-width:1px;
			background-color:#fafafa;
			font-family:Arial, Helvetica, sans-serif;
			font-size:15px;
			color:#999999;
			padding:4px 3px;
			}
			div#contactWrapper form input:focus, div#contactWrapper form textarea:focus {
			color:#000000;
			}
			div#contactWrapper form #submitForm {
			width:100px;
			border:#666 1px solid;
			margin:16px 0 30px 0;
			font-weight:bold;
			background-color:#fff;
			color:#999;
			}
			div#contactWrapper form #submitForm:hover {
			color:#333;
			border-color:#000;
			}
			div#contactWrapper p a {
			color:#000000;
			}
			div#contactWrapper p strong a {
			text-decoration:none;
			}
			
			div#pixePill {
			width:503px;
			height:470px;
			float:right;
			margin:53px 20px 0 0;
			}
						
			#bottomBorder {
			width:1000px;
			border-bottom:#333 1px solid;
			clear:both;
			}
		/* ends contact specific */
		
		/* starts error contact specific */
		#volver {
		text-decoration:none;
		font-family:Arial,Helvetica,sans-serif;
		font-size:15px;
		padding:4px 3px;
		border-width:thin;
		font-weight:bold;
		margin:10px 0 30px;
		width:100px;
		background-color:#FFFFFF;
		border:thin solid #666666;
		color:#999999;
		}
		#volver:hover {
		border-color:#000000;
		color:#333333;
		}
		#red {
		color:#990033 !important;
		font-weight:bold;
		}

		
		
		/* ends error contact specific */
		
		/* starts thanks specific */
		div#thanksWrapper {
		width:466px;
		height:243px;
		padding:52px 0 0 60px;
		background-image:url(contact/images/backThanks.gif);
		margin:52px 0 52px 69px;
		}
		div#thanksWrapper div#thanksWhite{
		width:406px;
		height:191px;
		padding:0 0 0 0;
		background-color:#FFFFFF;
		}
		div#thanksWrapper div#thanksWhite div#positionizer{
		padding:55px 15px 15px 15px;
		}
		div#thanksWrapper div#thanksWhite p{
		margin-top:0;
		margin-bottom:7px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:24px;
		}
		
		/* ends thanks specific */
		
		/* starts hosting specific */
		div#hostingWrap {
			margin:52px 20px 52px 68px;
			width:730px;
		}
		
		div#hostingWrap h1 {
			font-family:Arial, Helvetica, sans-serif;
			margin:11px 0 0 0;
			font-size:28px;
			letter-spacing:1px;
		}
		
		div#hostingWrap p {
			font-family:Arial, Helvetica, sans-serif;
			font-size:15px;
			line-height:1.5em;
			color:#000000;
		}
		div#hostingWrap table {
			width:100%;
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			border-collapse:collapse;
			margin-top:22px;
		}
		div#hostingWrap table th {
			text-align:left;
			letter-spacing:1px;
		}
		div#hostingWrap table col#planNames {
			width:35%;
		}
		div#hostingWrap table td.rowTitle {
			text-align:right;
			padding-right:24px;
			font-variant:small-caps;
			font-size:14px;
			letter-spacing:1px;
		}
		div#hostingWrap table tr {
			height:34px;
			border-bottom:1px solid #999;
		}
		div#hostingWrap table span.note{
			border-bottom:1px dotted #666;
		}
		div#hostingWrap table tr td, div#hostingWrap table tr th {
			padding-left:20px;
		}
		col#mg150, col#mg1500 {
			background-color:#f9f9f9;
		}
		col#mg77, col#mg500 {
			background-color:#f2f2f2;
		}
		div#hostingWrap table tr:hover {
			background-color:#ececec;
			}
		div#hostingWrap table tfoot tr {
			border-bottom:none;
		}
		div#hostingWrap table tfoot tr:hover {
			background-color:#FFF;
		}
		div#hostingWrap table tfoot tr td {
			font-size:11px;
			letter-spacing:1px;
			text-align:right;
			vertical-align:top;
			padding-top:3px;
			padding-right:7px;
		}
		div#hostingWrap p a {
			color:#983794;
			font-weight:bold;
		}
		
			
			
		/* ends hosting specific */
		
		/* starts ie6 security specific */
		a#iebad {
		padding:0 0 0 20px;
		display:block;
		height:34px;
		line-height:34px;
		font-size:16px;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
		background-color:#ffffe1;
		color:#000000;
		border-top: 2px solid #525252;
		font-weight:bold;
		}
		
		span.underline {
		text-decoration:underline;
		}
		
		div#ieText {
		width:574px;
		margin:52px 20px 52px 68px;
		font-family:Arial, Helvetica, sans-serif;
		}
		div#ieText h4 {
		line-height:1.2em;
		font-size:26px;
		/*line-height:1em;*/
		}
		div#ieText .quote {
		font-style:italic;
		}
		div#ieText p {
		font-size:15px;
		line-height:1.5em;
		}
		div#ieText a {
		color:#000;
		}
		div#ieDls {
		float:right;
		width:316px;
		margin:180px 15px 0 0;
		}
		div#ieDls a {
		display:block;
		width:291px;
		height:85px;
		margin:0 0 20px 0;
		font-family:Arial, Helvetica, sans-serif;
		color:#fff;
		font-weight:bold;
		font-size:24px;
		text-decoration:none;
		padding:23px 0 0 25px;
		}
		div#ieDls a#firefoxDl {
		background-image:url(iebad/images/firefox.jpg);
		}
		div#ieDls a#operaDl {
		background-image:url(iebad/images/opera.jpg);
		}
		div#ieDls a#ieDl {
		background-image:url(iebad/images/ie7.jpg);
		}
		
		/* ends ie6 security specific */
		
		
		/* starts 404 specific */
		
		div#fourofour {
		width:486px;
		margin:52px 0 52px 68px;
		position:relative;
		min-height:262px;
		}
		div#fourofour h1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:37px;
		color:#333;
		letter-spacing:-1px;
		line-height:40px;
		padding:0 0 22px 0;
		margin:0;
		}
		div#fourofour p{
		margin:0 0 1.4em 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		line-height:1.5em;
		color:#000000;
		}
		div#imgFourofour, div#imgFourothree {
		background-image:url(images/404.gif);
		width:328px;
		height:262px;
		position:absolute;
		top:-3px;
		left:528px;
		margin-bottom:52px;
		}
		/* ends 404 specific */
		
		/* starts 403 specific */
		div#imgFourothree {
		background-image:url(images/403.gif);
		}
		
		
		/* ends 403 specific */
		
		
		#footer {
		border-bottom:#333 1px solid;
		height:37px;
		width:1000px;
		margin:0 0 10px 0;
		clear:both;
		}
		#footer a#valXhtml {
		display:block;
		width:106px;
		height:11px;
		margin:14px 0 0 20px;
		padding:0;
		background-image:url(images/w3c_xhtml.gif);
		float:left;
		}
		#footer a#valCss {
		display:block;
		width:106px;
		height:11px;
		margin:14px 0 0 14px;
		padding:0;
		background-image:url(images/w3c_css.gif);
		float:left;
		}
		div#footer div.separator {
		background-image:url(images/separator.gif);
		height:11px;
		width:1px;
		float:left;
		margin:14px 26px 0 23px;
		}
		
		div#footer a#langen {
		float:left;
		display:block;
		background-image:url(images/lang.gif);
		background-position:0px 11px;
		width:62px;
		height:11px;
		margin:14px 0 0 0;
		
		}
		div#footer a#langes {
		float:left;
		display:block;
		background-image:url(images/lang.gif);
		background-position:0px 0px;
		width:62px;
		height:11px;
		margin:14px 0 0 0;
		}

		#footer p#blogLink {
		margin:0 0 0 0;
		padding:0;
		display:block;
		height:37px;
		float:left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:37px;
		text-transform:uppercase;
		font-weight:bold;
		letter-spacing:1px;
		}
		
		#footer p#blogLink a {
		text-decoration:none;
		color:#9c9c9c;
		}
		#footer p#blogLink a:hover {
			color:#000;
		}
		#footer p#blogLink a:active {
			color:#FFF;
			background-color:#000;
		}
		
		#footer p#copyright {
		margin:0 20px 0 0;
		padding:0;
		display:block;
		height:37px;
		float:right;
		font-family:Arial, Helvetica, sans-serif;
		color:#9c9c9c;
		font-size:10px;
		line-height:37px;
		}