/*********************************************************************
This is the stylesheet for the lexingtongraphics website. 
*********************************************************************/

/* 
	These body settings provide a solid groundwork for font options and 
	several basic page defaults. These setting should not be adjusted.
	The addition of centered text-alignment helps to center the 'document'
	container on the page.
 */
body {
	margin:0;
	padding:0;
	margin-top:18px;
	background: #cccccc;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small !important; /* Styles for Mozilla, Safari, IE Mac */
	font-size: x-small; /* Styles for MS IE5 PC */
	font-size/**/:/**/small; /* Styles for IE6 PC */
	color:#333333;
	text-align:center;
}

/* 
	Font-size is set at approx. 11 PX or 8 PT HTML. The margin and left text-align
	help to center the 'document' div on the page while maintaining left-
	aligned text within the 'document' div.
 */
body div#document	{
	width : 960px; /* sets overall content width */
	font-size:75%;
	margin:0 auto;
	text-align : left;
	position:relative;
}


/****************** IMPORTANT DEFAULTS *******************/

/* The following rule exists to fix an IE 5 PC bug */
body table { font-size: 100%; }
tr { vertical-align:top; }
/* Zeroing element margins/padding */
h1, h2, h3, h4, h5, h6, form, ul, ol, li, p {
	margin: 0;
	padding: 0;
}
p {
	margin-bottom:1em;
}
/* Image defaults */
img {	
	border:0;
	display:inline;
}
/* Input adjustments */
input, select, textarea  {
	font-size:100%;
	color:#666666;
	font-family:verdana,helvetica,sans-serif;
}
/* default link colors (blue) */
a, 
a:link, 
a:active, 
a:visited { color:#0000cc;  }
a:hover { color:#cc0000; }

a span.arrow { text-decoration:none !important; }

a.bighomepagelink,
a.bighomepagelink:link,
a.bighomepagelink:active,
a.bighomepagelink:visited { font-size:155%; font-weight:bold; text-decoration:underline; color:#333333; }
a.bighomepagelink:hover { font-size:155%; font-weight:bold; text-decoration:underline; color:#cc0000; }

/****************** END IMPORTANT DEFAULTS *******************/


/****************** UTILITY *******************/
.bigger { font-size:125%; font-weight:bold; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.highlight { color:#ed8000; }
.strokeBox { border: 1px solid #C4C4C4; }
.strokeT { border-top: 1px solid #C4C4C4; }
.strokeR { border-right: 1px solid #C4C4C4; }
.strokeB { border-bottom: 1px solid #C4C4C4; }
.strokeL { border-left: 1px solid #C4C4C4; }
tr.odd td { background:#f7f7f7; }
tr.even td { background:#ffffff; }
.formLabel { position:relative; top:-2px; }
.radiobudge { position:relative; top:2px; }
.hide { visibility:hidden; }
.show { visibility:show; }

/******************* END UTILITY *******************/



/**************** MASTHEAD *************/
#masthead {
	height:114px;
	background-color:white;
}
#logoDiv {
	position:absolute;
	top:18px;
	left:17px;
}
#topButtonsDiv {
	position:absolute;
	top:15px;
	left:583px;
}
#dateDiv {
	position:absolute;
	top:83px;
	left:705px;
}

/******************* RIGHT BUTTONS and BELOW THEM ********************/
#buttonsHolder {
	position:absolute;
	top:117px;
	left:703px;
	background-color:white;
	width:257px;
	height:222px;
}
#buttonsHolder div {
	margin-top:1px;
}
#buttonbuffer {
	margin-top:9px !important;
}
div.testimonial {
	position:absolute;
	visibility:hidden;
	top:342px;
	left:703px;
}



/***************** BANNER DIVS ****************/

#bannerHolder {
	position:relative;
	width:700px;
	height:225px;
	background-color:white;
}
#bannerHolder div.wholebanner {
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
}
div.buffer3 {
	margin-top:3px !important;
}


/***************** MAIN CONTENT DIVS ****************/

#mainContentDiv { 
	position:relative;
	width:700px;
	padding-bottom:15px;
	background-color:white;
	background-image: url(../images/bottom_curve_700.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
#mainContentDiv.home {
	height:137px;
	padding-bottom:0px;
	background-image: url(../images/bottom_left_700.gif);
}
#mainContentDiv div.innerpad {
	padding:15px 32px 0px 32px;
}



/*********** HOME PAGE TRIPLE TABLE **************/

table#hometriple {
	width:100%;
	margin-top:17px;
	table-layout: auto;
}
table#hometriple tbody td#col1 {
	width:350px;
	background-color:white;
}
table#hometriple tbody td#col2 {
	width:353px;
	background-image: url(../images/bg_triple_middle.gif);
	background-position: top;
	background-repeat: repeat-y;
}
table#hometriple tbody td#col3 {
	width:257px;
	background-color:white;
	text-align:left;
}
table#hometriple tbody td {
	padding: 5px 0px 5px 0px;
}
table#hometriple tbody td p {
	padding-left: 19px;
	padding-right: 30px;
}
table#hometriple tbody td p img {
	float:left;
	padding-right:18px;
}


/*******************  FORM TABLE  *******************/
table.formtable td.col1 {
	width:35%;
	text-align:right;
	font-weight:bold;
}
table.formtable td.col2 {
	width:65%;
}



/*******************  FOOTER  *******************/

#footer {
	text-align:center;
	margin:18px;
}
#footer a,
#footer a:link, 
#footer a:active, 
#footer a:visited { 
	text-decoration:none;
	color: #333333;
}
#footer a:hover {
	text-decoration:underline;
	color: #cc0000;
}