/* css Zen Garden submission 133 - 'Ordered Zen', by Steve Smith, http://www.orderedlist.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2004, Steve Smith */
/* Added: Oct. 21st, 2004 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */
   
   

/* CSS Document */
a:link {
	color:#718696;
	text-decoration:underline;
}

a:visited {
	color:#A082A7;
}

a:hover {
	text-decoration:none;
}

body {
	font:x-small/1.4 Tahoma, Verdana, Helvetica, Arial, sans-serif;
	background:#FFF url(images/bg.gif) repeat top left;
	color:#444030;
	margin:0;
	padding:0;
}

#container {
	margin:0 0 0 110px;
	background:#FFF url(images/bg_container.gif) repeat-y top left;
	width: 640px !important; 
	width /**/:640px; /* IE5/Win */
	padding:0 5px;
	border-bottom:5px solid #FFF;
	position:relative;
	font-size:110%;
}

#pageHeader {
	width:640px;
	height:75px;
	background:#FFF url(images/page_header.gif) no-repeat top left;
}


#pageHeader h1, #pageHeader h2 {
	display:none;
}

#quickSummary {
	height:125px;
	width:640px;
	background-color:#FFF;
	position:relative;
}

#quickSummary p {
	margin:0;
	padding:0;
}

#quickSummary .p1 {
	position:absolute;
	top:0;
	left:0;
	width:405px;
	height:120px;
	background:#555040 url(images/billboard.gif) no-repeat top left;
}

#quickSummary .p1 span { display:none; }

#quickSummary .p2 {
	position:absolute;
	top:0;
	left:410px;
	width:230px;
	height:120px;
	background:transparent url(images/feature.gif) no-repeat top left;
	overflow:hidden;
}

#quickSummary .p2 span {
	visibility:hidden;
	white-space:nowrap;
}

#quickSummary .p2 a {
	width:230px;
	height:60px;
	float:right;
	visibility:visible;
	text-indent:-9000px;
	overflow:hidden;
	margin-top:-1.4em;
	margin-bottom:1.4em;
}

#Summary {
	height:125px;
	width:640px;
	background-color:#FFF;
	position:relative;
}

#Summary p {
	margin:0;
	padding:0;
}

#Summary .p1 {
	position:absolute;
	top:0;
	left:0;
	width:405px;
	height:120px;
}

#Summary .p2 {
	position:absolute;
	top:0;
	left:410px;
	width:230px;
	height:120px;
	background:transparent url(images/feature.gif) no-repeat top left;
	overflow:hidden;
}
#Summary .p2 span {
	visibility:hidden;
	white-space:nowrap;
}
#Summary .p2 a {
	width:230px;
	height:60px;
	float:right;
	visibility:visible;
	text-indent:-9000px;
	overflow:hidden;
	margin-top:-1.4em;
	margin-bottom:1.4em;
}



#preamble {
	margin-right:235px;
	padding:5px;
	background:#E9E6D9;
}

#preamble h3 {
	margin:0 0 5px;
	padding:0;
	width:238px;
	height:24px;
	text-indent:-9000px;
	overflow:hidden;
	background:transparent url(images/expect-anything.gif) no-repeat top left;
}

#preamble p {
	margin:0 10px 10px;
	padding:0;
}

#preamble p.p3 {
	margin:0 10px 5px;
}

#supportingText {
	margin-right:235px;
	padding:5px;
}

#linkList {
	position:absolute;
	top:200px;
	left:415px;
	width:230px;
}

#footer {
	margin:0 -240px -5px -5px;
	border-top:5px solid #FFF;
	background-color:#555040;
	padding:10px;
	text-transform:uppercase;	
}

#footer a {
	color:#FFF;
	text-decoration:underline;
}

#footer a:hover {
	color:#D2DBE2;
	text-decoration:none;
}

#explanation h3, #participation h3, #benefits h3, #requirements h3 {
	margin:10px 0 5px;
	padding:0;
	width:238px;
	height:24px;
}

 #explanation h4 {
	margin:10px 0 10px 40px;
	padding:0;
	width:264px;
	height:150px;
}


#explanation h3 { 		background:transparent url(images/pretty-no-visitor.gif) no-repeat top left; }
#explanation h4 { 		background:transparent url(images/low-visitor.gif) no-repeat top center; }
#participation h3 { 	background:transparent url(images/what-makes-website-works.gif) no-repeat top left; }
#benefits h3 { 			background:transparent url(images/knowledge-experience.gif) no-repeat top left; }
#requirements h3 { 		background:transparent url(images/expensive.gif) no-repeat top left; }

#preamble h3.history {	background:transparent url(images/history-design-prodigy.gif) no-repeat top left;}
#explanation h3.bizoverview {	background:transparent url(images/business-overview.gif) no-repeat top left;}
#explanation h3.technology {	background:transparent url(images/technology-overview.gif) no-repeat top left;}
#explanation h3.history {	background:transparent url(images/history.gif) no-repeat top left;}
#explanation h3.clientele {	background:transparent url(images/clientele.gif) no-repeat top left;}
#explanation h3.valueproposition {	background:transparent url(images/value-proposition.gif) no-repeat top left;}
#explanation h3.management {	background:transparent url(images/the-management.gif) no-repeat top left;}
#explanation h3.team {	background:transparent url(images/website-design-team.gif) no-repeat top left;}
#preamble h3.complete-services {	background:transparent url(images/complete-services.gif) no-repeat top left;}
#preamble h3.complete-pricing {	background:transparent url(images/complete-pricing.gif) no-repeat top left;}
#preamble h3.reliable-support {	background:transparent url(images/reliable-support.gif) no-repeat top left;}
#preamble h3.full-grant-trustsg {	background:transparent url(images/full-grant-trustsg.gif) no-repeat top left;}
#preamble h3.free-hosting {	background:transparent url(images/free-hosting.gif) no-repeat top left;}
#preamble h3.customer-say {	background:transparent url(images/customer-say.gif) no-repeat top left;}
#explanation h3.architect {	background:transparent url(images/website-architect-consultat.gif) no-repeat top left;}
#explanation h3.website-design {	background:transparent url(images/website-design-services.gif) no-repeat top left;}
#explanation h3.content-support {	background:transparent url(images/website-content-support-ser.gif) no-repeat top left;}
#explanation h3.website-hosting { background:transparent url(images/website-hosting-services.gif) no-repeat top left;}
#explanation h3.service-desk {	background:transparent url(images/service-desk.gif) no-repeat top left;}
#explanation h3.focus-core-biz { background:transparent url(images/focus-core-biz.gif) no-repeat top left;}
#explanation h3.concierge { background:transparent url(images/concierge.gif) no-repeat top left;}
#explanation h3.sla { background:transparent url(images/sla.gif) no-repeat top left;}
#explanation h3.strategic-partnership { background:transparent url(images/strategic-partnership.gif) no-repeat top left;}
#explanation h3.freelance { background:transparent url(images/freelance.gif) no-repeat top left;}
#explanation h3.vacancies { background:transparent url(images/vacancies.gif) no-repeat top left;}
#explanation h3.catch { background:transparent url(images/catch.gif) no-repeat top left;}
#explanation h3.reach-us { background:transparent url(images/reach-us.gif) no-repeat top left;}
#explanation h3.superchrono-ex { background:transparent url(images/superchrono-experience.gif) no-repeat top left;}
#explanation h3.more-portfolio { background:transparent url(images/more-portfolio.gif) no-repeat top left;}
#preamble h3 span,
#explanation h3 span,
#explanation h4 span,
#participation h3 span,
#benefits h3 span,
#requirements h3 span {
	display:none;
}

#lselect li a, #lfavorites li a {display: block; margin-left:-10px; font-weight:bold;}
#linkList li a.c, #lfavorites li a.c {float:none; display:inline; margin-left:0; font-weight:normal; font-size:100%;}

#supportingText p {
	margin:0 10px 10px;
	padding:0;
}

#linkList ul {
	width:210px;
	margin:0 0 10px 15px;
	padding:0;
}

#linkList li {
	padding: 0 0 0 20px;
	margin:0 0 5px;
	list-style-type:none;
	white-space:nowrap;
	background: transparent url(images/bullet_normal.gif) no-repeat 0 1px;
}

#lselect ul, #lfavorites ul, #larchives ul {
	width:210px;
	margin:0 0 10px 15px;
	padding:0;
}

#lselect li, #lfavorites li {
	padding: 0 0 0 25px;
	margin:0 0 5px;
	list-style-type:none;
	clear:left;
	white-space:nowrap;
	background: transparent url(images/bullet_styles.gif) no-repeat 0 3px;
}

#larchives li {
	padding: 0 0 0 25px;
	margin:0 0 5px;
	list-style-type:none;
	clear:left;
	white-space:nowrap;
	background: transparent url(images/bullet_styles.gif) no-repeat 0 3px;
}


#linkList h3 {
	margin:0 0 10px;
	background:#6E6855 url(images/link_list_h3.gif) repeat-y top left;
	padding:5px 5px 5px 15px;
	font-weight:bold;
	color:#E9E6D9;
	font-size:100%;
}

acronym {
	border-bottom:1px dotted #555040;
	cursor:help;
}

a acronym {
	border-bottom:1px dotted #8297A7;
}

#lfavorites, #larchives, #lresources {
	border-top:5px solid #FFF;
}