body {
	background-image: url(../images/mod_mainBG.jpg);
	margin:0px;
	padding:0px;
	font-family: Helvetica, sans-serif;
}

a img {
	border: 0;
}

*:active
{
	outline: none;
	-moz-outline-style: none;
	outline-color:#FFF;
}

*:focus
{
	outline:none;
	-moz-outline-style: none;
	outline-color:#FFF;
}

* { 
	outline: none; 
	-moz-outline-style: none;
	outline-color:#FFF;
}

.preload {
	display: none;
}

.mainContent {
	width: 951px;
	height: 485px;
	background-image: url(../images/mod_container_main.png);
	margin-left: auto;
	margin-right: auto;	
	position: relative;
	z-index:10;
}

#copyright {
	width: 951px;
	margin-left: auto;
	margin-right: auto;	
	font-size:10px;
	color:#333;
}

#copyrightSymbol {
	font-size:18px;
	display:block;
	float:left;
}

#copyrightWords {
	font-size:10px;
	display:block;
	float:left;
	line-height:22px;
}

.headerContent {
	width: 951px;
	height: 82px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	display:block;
}

#headerLogo {
	position: absolute;
	right: 0px;
	top: 34px;
}

#headerLogo  #email {
	margin-top:-6px;
}

#headerMenu {
	position: absolute;
	left: 0px;
}

div.clientLogo {
	float:left;
	outline:none;
}
div.clientLogo:focus {	
	border:0px;
	outline:0px;
}

#homepageContent {
	background-image: url(../images/mod_pages_home.png);
	text-indent: -5000px;
}

div.mainContentTitle {
	width: 100%;
	height: 40px;
	margin: 0px;
}

#designContent div.mainContentTitle { background-image: url(../images/design-top.png); }
#developmentContent div.mainContentTitle { background-image: url(../images/development-top.png); }
#testingContent div.mainContentTitle { background-image: url(../images/testing-top.png); }
#biosContent div.mainContentTitle { background-image: url(../images/bios-top.png); }
#valuesContent div.mainContentTitle { background-image: url(../images/values-top.png); }
#contactContent div.mainContentTitle { background-image: url(../images/contact-top.png); }
#ourworkContent div.mainContentTitle { background-image: url(../images/contact-top.png); }

div.mainContentTitle h1 {
	margin: 0px;
	padding-top: 14px;
	text-indent: 20px;
	color: #FFF;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	font-size: 19px;
}

div.mainContentText {
	width: 100%;
	height: 445px;
	position: relative;
}

#designContent div.mainContentText { background-image: url(../images/mod_bg_productDesign.jpg); }
#developmentContent div.mainContentText { background-image: url(../images/mod_bg_productDevelopment.jpg); }
#testingContent div.mainContentText { background-image: url(../images/mod_bg_productTesting.jpg); }
#biosContent div.mainContentText { background-image: url(../images/mod_pages_bios.jpg); }
#valuesContent div.mainContentText { background-image: url(../images/mod_pages_values.jpg); }

#designContent div.mainContentText h2, #developmentContent div.mainContentText h2, #testingContent div.mainContentText h2,
#biosContent div.mainContentText h2, #contactContent div.mainContentText h2, #valuesContent div.mainContentText h2 {
	color: #C00;
	font-size: 12px;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
	margin: 0px 0px 0px 12px;
	padding-top: 20px;
	width: 250px;
}

#designContent div.mainContentText p, #developmentContent div.mainContentText p, #testingContent div.mainContentText p,
#biosContent div.mainContentText p, #contactContent div.mainContentText p, #valuesContent div.mainContentText p {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin-left: 12px;
	width: 250px;
}
#contactContent div.mainContentText p {
	font-size: 14px;
}

#contactContent div.mainContentText #contactMap {
	width: 680px;
	height: 420px;
	position: absolute;
	background-color:#CCC;
	right: 13px;
	top: 0px;
}

#contactContent div.mainContentText table {
	background-color: #CCC;
	border-collapse: collapse;
	width: 230px;
	position: absolute;
	bottom: 25px;
	left: 13px;
}

#contactContent div.mainContentText table tr th {
	color: #FFF;
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	font-weight: normal;
	padding-left: 10px;
	padding-top: 5px;
}

#contactContent div.mainContentText table tr td {
	padding: 0px 0px 0px 5px;
	}


#contactContent div.mainContentText table tr td input {
	border: 0px;
	height: 12px;
	padding: 2px;
}

#contactContent div.mainContentText table tr td input#email { width: 160px; }
#contactContent div.mainContentText table tr td input#subject { width: 216px; }

#contactContent div.mainContentText table tr td textarea {
	border: 0px;
	height: 170px;
	width: 214px;
	margin-top:5px;
	margin-bottom: 5px;
	padding:4px 4px 4px 2px;
}

#contactContent div.mainContentText table tr td input, #contactContent div.mainContentText table tr td textarea {
	font-family: Helvetica, sans-serif;
	font-size: 10px;
}

#contactContent div.mainContentText table tr td button {
	background-color: #C00;
	color: #FFF;
	border: 0px;
	height: 16px;
	width: 50px;
	font-size:10px;
	margin-right:5px;
	margin-top: 4px;
	padding:0px;
	vertical-align:top;
}

#headerMenu ul, #navigation ul {
	padding:0;
	margin:0;
	list-style-type:none;
	z-index:20;
}

#headerMenu ul li {
	float:left;
	margin: 0px 11px 5px -1px;
	z-index:30;
	height: 55px;
}

#headerMenu ul li a {
	text-indent: -5000px;
	height: 55px;
	display: block;
	z-index:40;
}

#headerMenu ul ul li a {
	text-indent: 0px;
	height: inherit;
	z-index:50;
}

#headerMenu ul li#home a {
	width:72px;
	background-image: url(../images/menu/mod_menu_home_off.png);
}
#headerMenu ul li#home a:hover, #headerMenu ul li#home a.current {
	background-image: url(../images/menu/mod_menu_home_over.gif);
}

#headerMenu ul li#ourwork a {
	width:129px;
	background-image: url(../images/menu/mod_menu_work_off.png);
}
#headerMenu ul li#ourwork a:hover, #headerMenu ul li#ourwork a.current {
	background-image: url(../images/menu/mod_menu_work_over.gif);
}

#headerMenu ul li#services a {
	width:115px;
	background-image: url(../images/menu/mod_menu_services_off.png);
}
#headerMenu ul li#services a:hover, #headerMenu ul li#services a.current {
	background-image: url(../images/menu/mod_menu_services_over.gif);
}

#headerMenu ul li#info a {
	width:63px;
	background-image: url(../images/menu/mod_menu_info_off.png);
}
#headerMenu ul li#info a:hover, #headerMenu ul li#info a.current {
	background-image: url(../images/menu/mod_menu_info_over.gif);
}

#headerMenu ul li#blog a {
	width:66px;
	background-image: url(../images/menu/mod_menu_blog_off.png);
}
#headerMenu ul li#blog a:hover, #headerMenu ul li#blog a.current {
	background-image: url(../images/menu/mod_menu_blog_over.gif);
}

#headerMenu ul ul li {
	display:block;
	height:19px;
	margin:0px 0px 0px 10px;
	position:relative;
	background-color:white;
	color:black;
}

#headerMenu ul li ul li a {
	background-color: white;
	color: #666;
	padding: 2px 5px 0px 5px;
	font-size: 12px;
}

#headerMenu ul li ul li a:hover {
	color: #C00;
}

#headerMenu ul li#services ul li a, #headerMenu ul li#services ul li a:hover, #headerMenu ul li#info ul li a, #headerMenu ul li#info ul li a:hover {
	background-image: none;
}

#headerMenu a, #headerMenu a:visited {
	display:block;
	float:left;
	height:100%;
	text-decoration:none;
	font-weight:normal;
}
 
#headerMenu ul ul a, #headerMenu ul ul a:visited {
	display:block;
	height:100%;
}

#headerMenu li:hover {
	position:relative;
}
* html #headerMenu a:hover {
	position:relative;
}
 
#headerMenu ul ul {
	visibility:hidden;
	position:absolute;
	top:51px;
}

#headerMenu ul li:hover ul, #headerMenu ul a:hover ul {
	visibility:visible; 
	height:auto; 
}

#navigation ul ul { 
	visibility:hidden;
	position:absolute;
	z-index:100;
	background-color:#FFF;
}

#navigation ul li:hover ul, #navigation ul a:hover ul {
	visibility:visible;
	height:auto; 
}

#navigation ul li { 
	float: left; 
}

#navigation ul ul li {
	display:block;
	height:19px;
	margin:0;
	font-size:12px;	
	position:relative;	
	background-color:white;	
	color:black;
}

div.mainContentText p#error_message {
	color:#C00;
	font-weight:bold;
	width: 210px;
}

div.leftArrow{
	position:absolute; 
	z-index:900; 
	top:50%; 
	left:18px; 
	margin-top:-32px;
	background:url(../images/arrow-left.png); 
	width:40px; 
	height:70px; 
	text-indent:-9999px;
	display:none;
}

div.rightArrow{
	position:absolute; 
	z-index:900; 
	top:50%; 
	right:118px; 
	margin-top:-32px;
	background:url(../images/arrow-right.png); 
	width:40px; 
	height:70px; 
	text-indent:-9999px;
	display:none;
}

div.ourWorkContainer {
	margin-left: 25px;
}