/* CSS Reset
-----------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; 
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; 
	vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/*	Layout || Clear, Float
-----------------------------------------------------------------------------*/
.clear {
	clear:both;
}
.right {
	float: right;
}
.left {
	float: left;
}

/* Moz-Hack :: kill page shift and force vertical scroll on firefox
-----------------------------------------------------------------------------*/
html { overflow: -moz-scrollbars-vertical !important; }


/* Document
-----------------------------------------------------------------------------*/
body {
	font: 62.5%/1.5 arial, helvetica, sans-serif;
	color: #333;	
	text-align: center;
	background: #fff url(/_img/bkg.body.png) center top repeat-x;
}
#wrapper { 
	width: 900px;
	text-align: left;  
	margin-left: auto; 
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	overflow: hidden;
	background: url(/_img/bkg.wrapper.png) center top no-repeat;
}



/* Typography
-----------------------------------------------------------------------------*/
h1, h2, h3 {
	text-indent: -4000px;
	height: 40px;
}
h4 {/* 12pt */
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.75em;
}

p, q, cite, ul, ol, li, dd, dt, dl { /* 12pt */
	font-size: 1.2em;
}
p, q, cite {
	margin-bottom: 0.75em; 
	line-height: 1.4em;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

	
/* Links
-----------------------------------------------------------------------------*/
a,
a:visited,
a:active {
	text-decoration: none;
	color: #004c6d;
}
a:hover {
	color: #71b3af;
}

h1 a,
li a {
	height: 100%;
	width: 100%;
	display: block;
	outline: none;
}

/* Home 
------- */
body#home {
	background: #01709e url(/_img/bkg.body.home.png) center top repeat-x;
}
body#home div#wrapper {
	height: 700px;
	background: url(/_img/bkg.wrapper.home.png) center top no-repeat;
	text-align: center;
}
body#home div.masthead {
	height: 428px;
}
body#home div.masthead h1 {
	height: 58px;
	width: 220px;
	margin: 0 auto;
	background: url(/_img/logo.provonix.home.png) center top no-repeat;
	position: relative;
	top: 108px;
}
body#home div.masthead p {
	width: 300px;
	margin: 0 auto;
	font-family: Georgia;
	font-size: 1.8em;
	font-style: italic;
	color: #014765;
	line-height: 1.6em;
	position: relative;
	top: 136px;
}

/* Internal
----------- */
div.header {
	height: 172px;
}
div.header h1 {
	float: left;
	margin-right: 40px;
	height: 172px;
	width: 280px;
	background: url(/_img/logo.provonix.png) center 63px no-repeat;
}
div.header p {
	width: 650px;
	height: 100px;
	padding-top: 75px;
	font-family: Georgia;
	font-size: 1.6em;
	font-style: italic;
	color: #014765;
}

/* Menu 
------- */
.menu {
	height: 50px;
	width: 900px;	
}
.menu ul {
	margin-left: 320px;
}
body#home .menu ul {
	width: 570px;
	margin: 0 auto;
}
.menu ul li {
	float: left;
	margin: 0 1.65em 0 0.25em;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 50px;
}
.menu ul li a {
	padding-left: 15px;
	color: #012a44;
	background: transparent url(/_img/bkg.li.menu.gif) left center no-repeat;
}

/* Hover & Active pages
----------------------- */
.menu ul li a:hover,
body#about li.about a,
body#careers li.careers a,
body#contact li.contact a,
body#news li.news a,
body#services li.services a {
	background: transparent url(/_img/bkg.li.menu.hot.gif) left center no-repeat;
}

/* Container 
------------ */
.container {
	margin: 3em 0;
}

/* Content
---------- */
.content {
	float: right;
	width: 375px;
	margin-right: 200px;
}
.content ul {
	margin-left: 25px;
	list-style-type: disc;
}
.content ul li {
	font-size: 1em;
}

/* Page Headlines
----------------- */
h2.companyinformation { background: url(/_img/h2.companyinformation.png) left top no-repeat; }
h2.management { background: url(/_img/h2.management.png) left top no-repeat; }
h2.datamanagement { background: url(/_img/h2.datamanagement.png) left top no-repeat; }
h2.statisticalprogramming { background: url(/_img/h2.statisticalprogramming.png) left top no-repeat; }
h2.statistics { background: url(/_img/h2.statistics.png) left top no-repeat; }
h2.medicalwriting { background: url(/_img/h2.medicalwriting.png) left top no-repeat; }
h2.contactus { background: url(/_img/h2.contactus.png) left top no-repeat; }
h2.careers { background: url(/_img/h2.careers.png) left top no-repeat; }
h2.news { background: url(/_img/h2.news.png) left top no-repeat; }

/* Page Sub-Headlines
--------------------- */
h3.services { background: url(/_img/h3.services.png) right top no-repeat; }
h3.aboutus { background: url(/_img/h3.aboutus.png) right top no-repeat; }

/* Submenu
---------- */
.submenu {
	width: 250px;
	float: left;
	text-align: right;
}
.submenu h3 {
	margin-right: 15px;
}
.submenu span {
	display: none;
}
.submenu ul li {
	height: 22px;
	line-height: 22px;
	padding-right: 15px;
	font-size: 1em;
	text-transform: uppercase;
}
.submenu ul li.hot {
	padding-right: 15px;
	background: url(/_img/bkg.li.submenu.hot.png) right center no-repeat;
}
.submenu ul li a {
	color: #666;
}
.submenu ul li a:hover {
	color: #000;
}

/* Footer 
--------- */
.footer {
	height: 220px;
}
.footer p {
	margin-top: 100px;
	font-size: 1.1em;
	color: #fff;
}
p.copyright {
	margin: 4em 0 2em 0;
	font-size: 1.1em;
}