/*

CSS Document

Created on April 9, 2007

File Name:	styles.css
Project:	HIPAA Guide
Version:	1.0 April 9, 2007
		
Company:	Guide Productions
Author:		Michael John
Email:		mjohn@guideproductions.com

*/ 



/* ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** 0. Contents */

/*
0. Contents
1. Config
2. Position
3. Elements
4. Objects
5. Classes
*/ 



/* ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** 1. Config */


* { margin: 0; padding: 0; }

html { background: #b6bcbe; }

body { font-family: arial, helvetica, sans-serif; font-size: 12px; }

img { border: none; }
	
div.forced-break { clear: both; }

div.relative { position: relative; } /* wraps an object with a relative div to place contents absolutely */




/* ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** 1. Position */


#wrapper {
	margin: 30px auto;
	width: 976px;
	background-color: #323a3e;
	}

#head-wrap {}

#body-wrap {
	background-color: #323a3e;
	padding: 10px 10px 0 10px;
	width: 956px;
	}

#view-wrap {
	background-color: #f2f3f3;
	border: solid #ccc;
	border-width: 1px 0px 1px 1px;
	}

#view {
	margin: 0 280px 0 0;
	}

#side-wrap {
	margin: 40px 0 0 0;
	xheight: 500px;
	float: right;
	width: 280px;
	}
	
#foot-wrap {
	margin: 0;
	clear: right;
	color: #727272;
	}




/* ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** 3. Elements */



html {
	color: #404040;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/bg_wrapper.gif);
	background-repeat: repeat-x;
	background-color: #c2c8ca;
	}

h1 {
	margin: 0;
	}

h2 {
	margin: 40px 20px 20px 20px;
	}

h3 {
	margin: 10px 20px 10px 20px;
	}

/* Added by GK on 2007-04-24 */
h4 {
	margin: 10px 20px 0px 20px;
	color: #404040 ; /* Added by GK on 2007-04-25 to negate hover state on <a name> rollovers */
	}

p {
	margin: 0 20px 20px 20px;
	line-height: 18px;
	}

pre {
	color: #999999;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

/* ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** 4. Objects */


/* masthead */
#masthead {
	background-color: #fff;
	border: solid 1px #ccc;
	}


/* navigation */
#nav-top {
	height: 38px;
	background-image: url(../images/nav_top_bg.gif);
	background-repeat: repeat-x;
	}

#navigation {
	padding: 17px 30px;
	font: tahoma;
	font-size: 12px;
	color: #fff;
	xdisplay: inline;
	}


/* Commented out by Graham on 2007-04-24
#navigation li.asterik {
	vertical-align: bottom;
	}
*/
/* Created by Graham on 2007-04-24 */
#navigation li.asterisk {
	vertical-align: bottom;
 	color: #d0d0d0; 	
	}
	
#navigation li {
	padding: 0 10px 0 0;
	display: inline;
	}
	
#navigation li a:link { color: #d0d0d0; padding: 11px 20px 10px 20px; text-decoration: none; }
#navigation li a:visited { color: #d0d0d0; padding: 11px 20px 10px 20px; text-decoration: none; }
#navigation li a:hover { color: #d0d0d0; background-color: #323a3e; padding: 11px 20px 10px 20px; text-decoration: none; }
	
#navigation li a:link.selected { color: #b3b3b3; background-color: #323a3e; padding: 11px 20px 10px 20px; text-decoration: none; }
#navigation li a:visited.selected { color: #b3b3b3; background-color: #323a3e; padding: 11px 20px 10px 20px; text-decoration: none; }






/* view feature box */

table.feature-row {
	xborder: solid 1px #cef;
	width: 600px;
	}
	
table.feature-row td {
	xborder: solid 1px #efc;
	}
	
div.view-box {
	margin: 0 0px 20px 20px;
	padding: 10px;
	background-color: #e0e1e1;
	border: solid 6px #c2c3c3;
	width: 268px;
	}

div.view-box p {
	margin: 5px 0px 0px 0px;
	}

div.view-box h3 {
	margin: 5px 0px 0px 0px;
	}
	




/* side featured client */
div#featured-client {
	position: relative;
	color: #999999;
	background-image: url(../images/side_featured_client_bg.gif);
	height: 385px;
	width: 280px;
	}	
	
p#featured-client-paragraph {
	color: #999999;
	position: absolute;
	top: 300px;
	left: 20px;
	width: 240px;
	}
	
img#featured-client-screenshot {
	position: absolute;
	top: 125px;
	left: 35px;
	}

pre#featured-client-details {
	color: #848484;
	position: absolute;
	top: 60px;
	left: 91px;
	}
	
h3#featured-client-title {
	margin: 0;
	position: absolute;
	top: 25px;
	left: 90px;
	}




/* sponsors */
div#sponsors {
	background-image: url(../images/faux_side_2.gif);
	height: 500px;
	width: 280px;
	padding: 45px 0px 0px 25px;
	background-repeat: no-repeat;
	}
	




/* footer and footer navigation */
#navigation-foot {
	padding: 20px;
	font: tahoma;
	font-size: 12px;
	color: #727272;
	}


	
#navigation-foot li {
	padding: 0 10px 0 0;
	display: inline;
	}

#navigation-foot li a {
	color: #727272 ;
	text-decoration: none ;
}
	
#foot-wrap p {
	padding: 0 0 10px 0;
	}

#navigation-foot li.pipe {
	color: #121212;
	}

/* ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** 5. Classes */


.bold {
	font-weight: bold;
	}

.primary-color-green {
	color: #8dbc3f;
	}
	
.secondary-color-blue {
	color: #045ab2;
	}
	
.click-for-more {
	color: #8a2401;
	font-weight: bold;
	text-decoration: none ; /* Added by GK 2007-04-24 */
	}
/* Added by GK on 2007-04-24 */
ul.common-list {
	margin: 10px 0 10px 50px ;
	list-style: none ;
}

ul.common-list li {
	line-height: 150% ;
	background: transparent url(../images/bullet.png) 0 no-repeat ;
	padding-left: 20px ;
}

/* Added by Graham on 2007-04-24 */
dl.common-list {
	margin: 10px 0 10px 20px ;
}

/* Added by Graham on 2007-04-24 */
dl.common-list dt {
	font-weight: bold ;
}

/* Added by Graham on 2007-04-24 */
dl.common-list dd {
	margin: 0 0 20px 20px ;
	line-height: 150% ;
}

/* Added by Graham on 2007-04-24 */
dl.common-list dd.pdf {
	background: transparent url(../images/icon_pdf.gif) 0 no-repeat ;
	padding-left: 25px ;
}

/* Added by Graham on 2007-04-24 */
#view a:link, #view a:active {
	color: #33608b ;
}

/* Added by Graham on 2007-04-24 */
#view a:visited {
	color: #587896 ;
}

/* Added by Graham on 2007-04-24 */
#view a:hover {
	color: #7aa1c9 ;
}

/* Added by Graham on 2007-04-24 */
p.disclaimer {

}

/* Added by Graham on 2007-04-30 */
h2.title {
	font-size: 27px ;
	font-weight: normal ;
	color: #616161 ;
}

/* Added by Graham on 2007-04-30 */
h3.featured-partner {
	color: #9cc54b ;
}

/* Added by Graham on 2007-04-30 */
h3.featured-partner span {
	color: #fff ;
}

/* Added by Graham on 2007-04-30 */
p.google-divider {
	background: transparent url(../images/divider.gif) no-repeat 0 0 ;
	padding-top: 30px ;
	margin-top: 30px ;
}

/* Added by Graham on 2007-04-30 */
#featured-client a.partner-link {
	color: #999999 ;
	text-decoration: none ;
}

#featured-client a.partner-link:hover {
	text-decoration: underline ; 
}

/* Added by Graham on 2007-04-30 */
#featured-client a.featured-partner {
	color: #fff ;
	text-decoration: none ;
}

#featured-client a.featured-partner:hover {
	text-decoration: underline ; 
}