html {
	background: #FFFFFF;
	background-image: url(images/navigation-background.gif); 
	background-repeat: repeat-x;
}
body {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular', sans-serif;
	font-size: 77%;
	color: #3A1F13;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
h1 {
	font-size: 197%;
}
h2 {
	font-size: 161.6%;	
	margin-top: 50px;
	margin-bottom: 20px;
	background: url(images/orange.gif) no-repeat;	
}
h3 {
	font-size: 131%;
}
h4 {
	font-size: 100%;
}
a:link { text-decoration: underline; color : #E93213; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #E93213; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: underline; color : #E93213; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: none; color : #E93213; border: 0px; -moz-outline-style: none;}
a:focus { outline: none;-moz-outline-style: none;}

img {
	margin-top: 10px;
	margin-bottom: 10px;
}
strong {
	font-weight: bold;
}
hr {
	border: none;
	background: url(images/orange.gif) bottom left no-repeat;	
}
p {
	margin-bottom: 10px;
}

input.normal {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif; 
	font-size: 85%; 
	-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;
	border: solid #CCCCCC 1px; 
	color: #333333;
	background: #F0F0F0; 
	height: 24px;
	width: 90%;
	padding: 1px 0 0 0; 
}
input.normal:hover { border: solid #999999 1px; }
input.normal:focus { background: #FFFFFF; }
textarea.normal { 
	font-family: 'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif; 
	font-size: 85%; 
	-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;
	border: solid #CCCCCC 1px; 
	background: #F0F0F0; 
	color: #545454; 
	height: 160px; 
	width: 90%;
	padding: 1px 0 0 0; 
}
textarea.normal:hover { border: solid #999999 1px; }
textarea.normal:focus { background: #FFFFFF; }


ul.list li {list-style-position: inherit; list-style-type: circle; margin-left: 20px;}
.required { color : #E93213; }
.important { color : #E93213; }

/* custom */
h1.home { color: #3A1F13; font-size: 242%; 	text-align: left;}
h1.about { background: url(images/orange.gif) no-repeat; background-position: 74px 23px; margin-bottom: 20px;}
h1.clients { background: url(images/orange.gif) no-repeat; background-position: 83px 23px; margin-bottom: 20px;}
h1.products { background: url(images/orange.gif) no-repeat; background-position: 104px 23px; margin-bottom: 20px;}
h1.services { background: url(images/orange.gif) no-repeat; background-position: 97px 23px; margin-bottom: 20px;}
h1.careers { background: url(images/orange.gif) no-repeat; background-position: 92px 23px; margin-bottom: 20px;}
h1.contact { background: url(images/orange.gif) no-repeat; background-position: 95px 23px; margin-bottom: 20px;}
h1.screenshots { background: url(images/orange.gif) no-repeat; background-position: 143px 23px; margin-bottom: 20px;}

h2.top { margin-top: 0px;}
h2.top-half { margin-top: 0px;}

p.our-mission { margin-top: 10px; font-size: 167%; }
p.tick { font-size: 123.1%; background-position: 0px 0px;}
h2.what-our-clients-want { background-position: 210px 19px; margin-top: 20px;}
h2.real-life { background-position: 207px 19px; margin-top: 20px;}

h2.company-overview { background-position: 183px 19px;}
h2.association-membership { background-position: 240px 19px;}
h2.social-responsibility { background-position: 193px 19px;}
h2.recognition { background-position: 117px 19px;}

h2.product-desc { background: url(images/dc-arrow.gif) no-repeat; background-position: 0px 2px; padding-left: 18px;}
h2.product {  background-position: 89px 19px; }

h2.saas { background-position: 204px 19px;}
h2.additional-services { background-position: 184px 19px;}

h2.case-studies { background-position: 124px 19px;}
h2.case-study-momentum { background-position: 228px 19px;}
h2.case-study-adobe { background-position: 183px 19px;}
h2.case-study-savino-del-bene { background-position: 273px 19px;}
h2.case-study-satourism-table { background-position: 270px 24px;}

h2.experienced-php-developer { background-position: 264px 19px;}

h2.south-africa { background-position: 120px 19px;	margin-top: 60px;}
h2.thank-you { background-position: 104px 19px;}

h2.terms-conditions { background-position: 383px 19px;}

h3.top-half { margin-top: 45px;}

img.top {margin-top: 35px;}

hr.home { background-image: none; border-top: 1px solid #CCCCCC; margin-top: 30px; margin-bottom: 30px; }
/* default 'button' behaviour */
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}
button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}
button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

button.btn { 
	padding-right: 15px; 
	margin-right: 10px; 
	font: normal 85% 'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
	text-align: center; 
	background: transparent url(images/buttons/btn_a.png) no-repeat top right;
	_background-image: url(images/buttons/btn_a.gif); 
}
button.btn span { 
	padding-top: 5px; 
	padding-left: 15px; 
	height: 19px; 
	background: transparent url(images/buttons/btn_span.png) no-repeat top left; 
	_background-image: url(images/buttons/btn_span.gif); 	
	color:#444444; 
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button.btn span {
		margin-top: -1px;
	}
}
button.btn:hover {
	background-position: bottom right; 
}					
button.btn:hover span {
	background-position: bottom left;
}

/* layout */


#doc4 {}
#hd { 	
	height:81px;
	margin-bottom: 20px;
}
#ft {
	margin-top: 10px;
	border-top: 1px solid #CECECE;
	padding: 10px;
	text-align: right;
	font-size: 77%;
}