@charset "UTF-8";
/* CSS Document */

body {
	background: url(../images/litegrid.gif) #ddd repeat top center;
}

/* main link style */
a, a:link, a:visited{
	color: #478bb7;
	text-decoration: none;
}

a:hover, a:active{
	text-decoration: underline;
}

/* main container */
.container{
	border: 1px solid #999999;
}

div#content{
	background: url(../images/fiftypercentwhite.png) repeat;
	margin:0;
	padding: 0;
}

div#contentInner{
	padding: 10px;
}

div#sidebar{
	background: url(../images/tenpercent.png) repeat;
	width: 200px;
}
	

h3 {
	font-weight: bold;
	color: #478bb7;
}

h4 {
	font-weight: bold;
	color: #478bb7;
}
h5 {
	color:#666666;
}
h6 {
	font-weight: bold;
	color: #356B8D;
	font-size:1.4em;
	line-height:1.25em;
	margin-bottom:1.25em;
	text-decoration: underline;
}
.author {
	font-weight: bold;
	color: #356B8D;
	font-size:.9em;
	margin-bottom:1.25em;
	display: block;
}
ul {
	list-style-type: none;
}
ul li ul li {
	list-style-type: circle;
}

.itl {
	font-style:oblique;
}

/*<group=header>*/


.span-28{
	background-image: url(../images/headerbg2.gif);
	background-repeat: repeat-x;
	
}

#header1 .p1{
	display: none;
}

#header2 .p1{
	display: none;
}


.header{
	/*	width: 1045px;
	position: absolute;*/
	right: 0;
	background-image: url(../images/headerbg2.gif);
	background-repeat: repeat-x;
	background-position: -2px;
}

.header1 {
	display: block;
	width: 262px;
	height: 102px;
	left: 0px;
	background: transparent url(../images/merbrand2.gif) no-repeat 0px 1px;
}
.header2 {
	width: 363px;
	height: 98px;
	background: transparent url(../images/headerbg_right.gif) no-repeat top right;
	float: right;
	margin-top: -100px;
}
.header2 img {
	margin-top: 10px;
}



/* scinetific insight image */
#scientific{
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: .5em;
}



/* accordian menu*/

#mainMenu li{
	color: white; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0em; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	background-color: #dbdbdb;
	padding-top: 0em;
	padding-right: .3em;
	padding-bottom: 0.3em;
	padding-left: 1em;
}

#mainMenu li a{
	text-decoration: none;
	color: #478bb7;
	display: block;
}

#mainMenu li ul li{
	list-style: none;
	padding: 0;
	margin: 0;
}

#mainMenu li ul li a{
	color: #000;
	display: block;
	text-transform: none;
	font-weight: normal;
}



/* using blueprint */



.centered_img {
	float: left;
	padding-bottom: 10px;
	padding-top: 10px;
}

.centered_txt {
	margin-top: 38px;
}

/* main body style*/


/* style for the business card under the main accordian menu using ids rather than div */
#bizcard{
	width:180px;
	background: url(../images/tenpercent.png) repeat;
	margin-left: 0.4em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	text-align: center;
	color: #000000;
	padding: 0.2em;
	border: 1px solid #666666;
}


/* Contact Page: Form*/
#submit {
	color: #478bb7;
}

legend      {
	color: #478bb7;
}
/*this works with the script to create the focus states*/
.focusField,.idleField{outline:none}
/* This is the code for the 'title' on the form page*/

.required {
	color: #478bb7;
	font-weight: bold;
	font-size: 20px;
}
input[type=text], input[type=textarea],
input.text, input.textarea, 
textarea, select {
	color:#666666;	
}

label{
	width: 100px;
	margin-right: 10px;
	float: left;
	text-align: right;
}

input#submit{
	margin-left: 200px;
}



/* footer style */
.footer{
	background: url(../images/twentypercent.png) repeat;
	border-top: 1px solid #999;
	width:950px;
	clear: left;
	font-size: 0.9em;
	color: #333333;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}


/* Style for individual pages*/
/*#index .span-18{
	height:590px;
}*/
/* used for the ownership text before the footer */
#bottom {
	margin-top: 40px;
	font-size: .9em;
	color: #666666;
}
#index #urbangreymenu{
	height: 300px;
}

 #ab2 .span-18, #ab3 .span-18,  #ab5 .span-18, #ab6 .span-18, #ab7 .span-18, #custom .span-18, #fido .span-18, #clients .span-18, #data .span-18, #who .span-18, #thankyou .span-18{
	height:470px;
}

#mypower .span-17{
	width:700px;
}


/* Clients page style*/

/*Style for the image javascript*/

.temphol{
	background:#efefef;
	border:1px solid #ccc;
	position:relative;
	width:413px;
	height:165px;
	overflow:hidden;
}
.temphol img {
position: absolute;
top: 7px; left: 7px;
}


#clients .span-10{
	width:415px;
}

/* orig page*/
#right_links {
	letter-spacing: 0.1em;
	text-transform: lowercase;
	font-size: 0.9em;
}

#orig .span-17{
	width: 700px;
}

#orig .span-2{
	float: right;
}

/* about (who.html) page*/
#who #urbangreymenu{
	height: 300px;
}
#who .span-18{
	height:400px;
}
#who .span-10{
	margin-top: 20px;	
}
 /*Thank you page*/
#thankyou .span-18{
	font-size: 1em;
	color: #666666;
}