/* 
 ----------------------------------------------------------------------------
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari

  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */

/* ----- type selectors ----- */ 
body { 
	background: #949494 url("../images/bg-body.gif") top left repeat-x;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

p, ul { margin-bottom:5px; }

h1	{ display:none; }
h2	{ display:none; padding:5px 0 5px 0; }
h3	{ font-size:12px; }

p { padding:5px 0 5px 0;}

a:link,a:visited	{ 
	font-size:13px;
	font-weight:bold;
	color:#e55322;
	text-decoration: underline;
	 }
	 
a:hover,a:active	{ 
	color:#e55322;
	text-decoration: none;
	 }

/* quick contact form
 * ------------------------------------------------------------------------- */
#quickcontact-form { 
	width:150px; 
	padding:0px 0 5px 30px; 
	}
#quickcontact-form p	{ font-size:10px; }

#quickcontact-form br { 
	line-height:0; /* defaults vertical spacing between fields */
	}  

#quickcontact-form input, #quickcontact-form textarea, #quickcontact-form select, #quickcontact-form label { 
	background-color:#fff; 
	border:1px solid #000;
	color:#000;
	width:150px; 
	height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:12px;
	}
	
#quickcontact-form input.submit { 
	width:60px; 
	cursor:pointer; 
	padding:0; 
	}	

#quickcontact-form textarea { 
	height:70px; 
	overflow:auto; 
	}



/* ----- classes ----- */
div.clear	{ clear:both; height:.01em; overflow:hidden; }

input.submit { 
	width:60px; 
	cursor:pointer; 
	padding:0; 
	}

/* main contact form
 * ------------------------------------------------------------------------- */
#comments span { text-align: left; color:#000000;}
#contactform { text-align: center; width: 340px; margin: 20px 20px 0px 0px; }
#contactform div { padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-align: right; }
#contactform p { text-align: center; margin: 0px; }






/* framework
 * ------------------------------------------------------------------------- */

#wrap { 
	background:url("../images/bg-wrap.gif") repeat-y; 
	width:765px; 
	margin:0 auto; 
	text-align:left; 
	}
	
#header {
	position:relative;
	background:url("../images/header.jpg") left top no-repeat;
	width:765px;
	height:282px;
	}
	
#header-right {
	background: url("../images/header-02.jpg") no-repeat;
	width:265px;
	height:34px;	
	float:right;
	}
	
#header-bottom {
	background: url("../images/header-03.jpg") top left no-repeat;
	width:500px;
	height:5px;
	float:left;
	}
	
#click-here {
	padding: 248px 0px 0px 0px;
	}	
	
	/* more
 * ------------------------------------------------------------------------- */

.click-here {
	background: url("../images/click-here.jpg") top left no-repeat;					
	width: 500px;	
	height: 29px;
	display:block; 
	margin-bottom:0px;
	float:left;
	}
	
.click-here:hover { 
	background-position: 0px -29px; 
  	} 
 
      
.click-here span { 
	display:none; 
	} 
	
/* ------------------------------------------------------------------------- */	

/* Nav
 * ------------------------------------------------------------------------- */

#nav { 
	background: url("../images/nav.gif") no-repeat; 
	width:765px; 
	height:107px; 
	margin-bottom:0; 
	}

#nav span { display: none; }

#nav li, #nav a { height: 107px; display: block; }

#nav li { float: left; list-style: none; display: inline; }

#nav-01 { width: 105px; margin-left: 0px;}
#nav-02 { width: 111px;}
#nav-03 { width: 110px;}
#nav-04 { width: 111px;}
#nav-05 { width: 110px;}
#nav-06 { width: 111px;}
#nav-07 { width: 96px;}



#nav-01 a:hover {background: transparent url("../images/nav.gif")    0px -107px no-repeat;}
#nav-02 a:hover {background: transparent url("../images/nav.gif") -105px -107px no-repeat;}
#nav-03 a:hover {background: transparent url("../images/nav.gif") -216px -107px no-repeat;}
#nav-04 a:hover {background: transparent url("../images/nav.gif") -326px -107px no-repeat;}
#nav-05 a:hover {background: transparent url("../images/nav.gif") -437px -107px no-repeat;}
#nav-06 a:hover {background: transparent url("../images/nav.gif") -547px -107px no-repeat;}
#nav-07 a:hover {background: transparent url("../images/nav.gif") -658px -107px no-repeat;}

/* ------------------------------------------------------------------------- */

#top-content {
	background:url("../images/top-content.gif") no-repeat; 
	width:765px; 
	height:11px;
	overflow:hidden; 
	}
 
#column-left { 
	width:248px; 
	float:left; 
	}
	
#column-left p { 
	margin-left: 23px;
	margin-right:15px;
	color:#7b797e;
	}
	
#column-left span {
	color:#e55322;
	}
	
#quick-contact {
	background:url("../images/quick-contact-wrap.gif") repeat-y;
	width:229px;  
	}
	
#quick-contact-info {
	background:url("../images/quick-contact-bottom.gif") bottom left no-repeat ;
	width:228px; 
	}
	
#quick-contact-info p {
	padding-left: 10px;
	color:#FFFFFF;
	padding-bottom:15px;
	}	
		
#quick-contact-title {
	background:url("../images/quick-contact-title.gif") top left no-repeat; 
	width:228px; 
	height:41px;
	}
	
#miller-associates-title {
	background:url("../images/miller-associates-title.gif") top left no-repeat; 
	width:228px; 
	height:41px;
	}
/*	
#blurb_1_title {
	background:url("../images/plavix-asprin-title.gif") top left no-repeat; 
	width:228px; 
	height:54px;
	}
	
#blurb_1_title_int {
	background:url("../images/plavix-asprin-title.gif") top left no-repeat; 
	width:228px; 
	height:54px;
	}	
*/	
#blurb_1_body {
	padding:0 18px 0 25px; color:#7b797e;
	}
  
#column-right { 
	width:517px; 
	float:left;
	color:#7b797e 
	}
	
#column-right span {
	color:#e55322 
	}	
	
#bottle {
	background:url("../images/bottle.jpg") top left no-repeat; 
	width:115px; 
	height:242px;
	float:left;
	}
	
#blurb_2 {
	width:372px;
	float:left;
	}

#blurb_2_title {
	background:url("../images/plavix-welcome-title.gif") top left no-repeat; 
	width:372px; 
	height:51px;
	}
	
#blurb_2 p {
	margin-left:26px;
	margin-right:20px;
	color:#7b797e;
	}
	
#blurb_2 span {
	color:#e55322;
	}
	
#divide {
	background:url("../images/divide-line.gif") top left no-repeat; 
	width:372px; 
	height:21px;
	margin-top:30px;
	}
	
.risk-button {
	background: url("../images/risk-button.gif") top left no-repeat;					
	width: 487px;	
	height: 125px;
	display:block; 
	margin-bottom:0px;
	}
	
.risk-button:hover { 
	background-position: 0px -125px; 
  	} 
 
      
.risk-button span { 
	display:none; 
	}
	
#blurb_3 {
	width:252px;
	float:left;
	}
	
#blurb_3 p {
	margin-left:27px;
	margin-right:14px;
	}
	
#blurb_3_body { padding:0 14px 0 27px; }
	
#blurb_3_title {
	background: url("../images/side-effects-title.gif") top left no-repeat;					
	width: 252px;	
	height: 53px;
	}	
	
#blurb_4 {
	width:265px;
	float:left;
	}
	
#blurb_4 p {
	margin-left:25px;
	margin-right:30px;
	}	
	
#blurb_4_body { padding:0 30px 0 25px; }
	
#blurb_4_title {
	background: url("../images/gastro-bleeding-title.gif") top left no-repeat;					
	width: 265px;	
	height: 53px;
	}
	
#body_content {
	width:487px;
	}
	
#body_content p {
	line-height:18px;
	margin-right:20px;
}	
/*	
#body_content_title {
	background:url("../images/plavix-int-title.gif") no-repeat; 
	width:252px; 
	height:51px;
	}
	
#body_content_title-contact {
	background:url("../images/plavix-contact-int-title.gif") no-repeat; 
	width:267px; 
	height:51px;
	}			 				
*/ 
#bottom-wrap { 
	background:url("../images/bottom-wrap.gif") no-repeat; 
	width:765px; 
	height:50px; 
	clear:both; 
	overflow:hidden; 
	}

/* Subpage Graphic Headers */
#body_content_title { height:51px;} /* sets height for all subheads */
	body#plavix #body_content_title { background:url("../images/plavix-int-title.gif") left top no-repeat;} 
 	body#plavix-asprin #body_content_title { background:url("../images/plavix-asprin-int-title.gif") left top no-repeat;}
 	body#plavix-gastrointestinal-bleeding #body_content_title { background:url("../images/plavix-gastro-int-title.gif") left top no-repeat;}
 	body#plavix-side-effects #body_content_title { background:url("../images/plavix-effects-int-title.gif") left top no-repeat;}
 	body#plavix-lawsuit #body_content_title { background:url("../images/plavix-lawsuit-int-title.gif") left top no-repeat;}
 	body#contact #body_content_title { background:url("../images/plavix-contact-int-title.gif") left top no-repeat;}
 	body#sitemap #body_content_title { background:url("../images/plavix-site-map-title.gif") left top no-repeat;}
 	body#404 #body_content_title { background:url("../images/plavix-error-title.gif") left top no-repeat;}
	
	
/* Blurb 1 Header Graphic */
#blurb_1_title { height:54px; width:228px;} /* sets height for all subheads */
	body#home #blurb_1_title { background:url("../images/plavix-asprin-title.gif"); height:54px; width:228px;} 
 	body#plavix #blurb_1_title { background:url("../images/plavix-asprin-title.gif");}
 	body#plavix-asprin #blurb_1_title{ background:url("../images/plavix-gastro-sub-title.gif"); height:71px;}
 	body#plavix-gastrointestinal-bleeding #blurb_1_title { background:url("../images/plavix-effects-sub-title.gif");}
 	body#plavix-side-effects #blurb_1_title { background:url("../images/plavix-lawsuit-sub-title.gif");}
 	body#plavix-lawsuit #blurb_1_title { background:url("../images/plavix-asprin-title.gif");}
 	body#contact #blurb_1_title { background:url("../images/plavix-asprin-title.gif");}
 	body#sitemap #blurb_1_title{ background:url("../images/plavix-asprin-title.gif");}
 	body#404 #blurb_1_title { background:url("../images/plavix-asprin-title.gif");}


/* inside framework
 * ------------------------------------------------------------------------- */
   



/* footer
 * ------------------------------------------------------------------------- */
 
#footer { 
	width:765px; 
	margin:0 auto; 
	text-align:center;
	margin-bottom:40px; 
	}

#footer a:link, #footer a:visited, #footer p {
	color:#b6d6e7;
	font-weight:normal;
	}

#footer a:hover, #footer a:active {
	color:#fff;
	font-weight:normal;
	}

#footer ul { margin-bottom:5px; }

#footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding: 0 5px 0 7px;
	display: inline;
	border-left: 1px solid #b6d6e7;
	}

	#footer li.first { border: none; }
	
