/* autograff 2008-06 css */


body {
	font: 10pt Trebuchet MS, Verdana, Tahoma, Arial, sans-serif;
	margin: 0;
	background: url("../assets/images/skybodyfill.gif") repeat-y;
	}

h1 {
	font-size: 1.3em;
	color: #333;
	}

#sidebar h1 {
font-size: 1.2em;
}

#sidebar h2 {
font-size: 1.1em;
background-image: none;
margin: 5px 0 0 0;
padding: 0;
}


div#homeleft h1, div#homeright h1 {
color: #5599dd;
font-size: .9em;
margin-top: 0;
}

h1 a:link, h1 a:visited {
color: navy;
}

h1 a:hover {
color: black;
}

h2 {
font-size: 1.1em;
height: 24px;
padding: 4px 0 0 12px;
color: navy;
clear: both;
background: url("../assets/images/h2fill.gif") no-repeat;
	}


h3 {
	font-size: 1.1em;
	color: #555;
clear: both;
margin: 0;
padding: 0;

	}

.blue-em {
color: #205da1;
font-size: 1.2em;
font-style: italic;
}

p {
	font-size: .9em;
	color: #444;
	}

div#content div.contentwrapper ul,
div#content div#homecontent ul,
 {
display: block;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}

div#content div.contentwrapper ol,
div#content div#homecontent ol
 {
display: block;
list-style-position: outside;
padding: 0;
margin: 0;
}

div#content div.contentwrapper ul li,
div#content div#homecontent ul li 
{
display: block;
list-style-position: outside;
list-style-image: url("../assets/images/bullet.gif");
margin: 0 0 0 10px;
font-size: .9em;
color: #444;
}
div#content div.contentwrapper ol li
{
display: block;
list-style-position: outside;
margin: 0 0 0 10px;
font-size: .9em;
color: #444;
}

#header {
	height: 180px;
	background: url("../assets/images/autograff-headerfill-front.gif") repeat-x;
	}

body#page #header {
position: absolute;
left: 0;
top: 0;
	height: 130px;
	background: #fff;
width: 900px;
	}

#header img {
position: absolute;
left: 0;
top: 0;
	}

#businessfront {
	float: none;
	position: absolute;
	top: 60px;
	left: 711px;
	}

#headmenu {
	position: absolute;
	left: 580px;
	top: 15px;
	color: #444;
	text-align: center;
	font-size: .9em
	}

body#page #headmenu {
	position: absolute;
	left: 730px;
	top: 15px;
	color: #444;
	text-align: center;
	font-size: .85em
	}

#globalmenu {
	position: absolute;
	left: 0;
	top: 140px;
	height: 40px;
	background: #8fb17f;
	width: 100%;
	}

body#page #globalmenu {
	position: absolute;
	left: 0;
	top: 130px;
	height: 40px;
	background: #8fb17f;
	width: 100%;
	}

/* ======== GLOBAL MENU ======= */

#globalmenu ul.global {
	list-style: none;
	font-size: 1.2em;
	padding: 10px 0 0 15px;
	margin: 0;
width: 100%;
	}

#globalmenu ul.global li {
	display: inline;
	margin: 0;
	height: 40px;
	padding: 20px 25px 0px 15px;
	font-size: 1.1em;
	}


#globalmenu a:link, #globalmenu a:visited {
	color: #fff;
	text-decoration: none;
	}


#globalmenu a:hover {
	color: #000;
	text-decoration: none;
	}


#about {
	background: #d3e2cb;
	height: 40px;
	width: 175px;
	float: left;
z-index: 100;
	}

#about ul.global li a:link, #about ul.global li a:visited {
color: #555;
text-decoration: none;
}

#about ul.global li a:hover {
color: #000;
text-decoration: none;
}

#localmenu {
	position: absolute;
	left: 0;
	top: 50px;
	width: 175px;
	}

	

div#content {
	position: absolute;
	left: 175px;
	top: 40px;
	width: 525px;
height: auto;
padding: 10px 0 0 0;
	}

div#content div.contentwrapper {
padding: 0 15px 15px 15px;
}

div#content div.contentwrapper a:link, div#homecontent a:link,
div#homeleft a:link, div#homeright a:link
 {
color: navy;
text-decoration: underline;
}

div#content div.contentwrapper a:visited, div#homecontent a:visited,
div#homeleft a:visited, div#homeright a:visited
 {
color: blue;
text-decoration: underline;
}

div#content div.contentwrapper a:hover, div#homecontent a:hover,
div#homeleft a:hover, div#homeright a:hover
 {
color: blue;
text-decoration: underline;
}

div#content div.contentwrapper div#breadcrumbs {
color: #777;
font-size: .85em;
font-weight: bold;
}

div#content div.contentwrapper div#breadcrumbs a:link, 
div#content div.contentwrapper div#breadcrumbs a:visited {
color: #777;
text-decoration: none;
}

div#content div.contentwrapper div#breadcrumbs a:hover {
color: #000;
text-decoration: none;
}

.newwindow {
background: url("../assets/images/new-window.gif") no-repeat;
padding-left: 14px;
}

div#content #homeleft, #homeright {
width: 230px;
padding: 0 15px 0 15px;
float: left;
}

#homeright {
border-left: 1px solid #b9b9b9;

}

#homecontent {
width: 490px;
padding: 15px 15px 0 15px;
float: left;
clear: both;
}

#flashcontent {
width: 950px;
padding: 15px;
float: left;
clear: both;
}

#sidebar {
	position: absolute;
	left: 535px;
	top: 10px;
	background: #C5E0FD url("../assets/images/sidebar_topfill.gif") no-repeat;
	width: 175px;
	min-height: 400px;
	padding: 15px;
	}

div#sidebar a:link, div#sidebar a:visited {
color: #000;
text-decoration: underline;
}

div#sidebar a:hover {
color: #fff;
text-decoration: none;
}

div#sidebar img {
border: 4px double #fff;
}

img.left {
margin-right: 10px;
}

img.right {
margin-left: 10px;
}


/* ====== FOOTER ====== */

div#footer {
color: #555;
margin-top: 25px;
border-top: 1px solid #999;
padding: 25px 0 25px 10px;
width: 490px;
font-size: .8em;
	}

div#footer a:link, div#footer a:visited {
color: #555;
text-decoration: underline;
}

div#footer a:hover {
color: #333;
text-decoration: none;
}


/* ===== END FOOTER STYLES ====== */


/* ======== HEAD MENU ======== */

#headmenu a:link, #headmenu a:visited {
	color: #444;
	}

#headmenu a:hover {
	color: #000;
	}


/*======== LOCAL MENU ========*/


div#localmenu div.localnav ul {
list-style: none;
display: block;
margin: 0 0 0 10px;
padding: 0;
color: #444;
white-space: normal;
}

div#localmenu div.localnav ul li {
display: block;
font-size: 1em;
margin: 0 0 15px 15px;
padding: 0;
color: #444;
white-space: normal;
	}

div#localmenu div.localnav ul li.selected {
display: block;
font-size: 1em;
margin: 0;
padding: 0 0 15px 15px;
background: url("../assets/images/local_selected.gif") no-repeat;
color: #023e84;
	}

div#localmenu div.localnav li a:link, div#localmenu div.localnav li a:visited {
color: #444;
text-decoration: none;
padding: 0;
margin: 0;
}

div#localmenu div.localnav li.selected a:link, div#localmenu div.localnav li.selected a:visited {
color: #023e84;
text-decoration: none;
padding: 0;
margin: 0;
}

div#localmenu div.localnav li a:hover, div#localmenu div.localnav li.selected a:hover {
color: #000;
text-decoration: none;
padding: 0;
margin: 0;
	}

ul.content {
list-style-type: square;
margin: 0;
padding: 0;
dislplay: block;
}

ul.content li {
list-style-image: url("../assets/images/bullet.gif");
display: block;
font-size: .9em;
}

p.highlight {
font-weight: bold;
color: navy;
font-style: italic;
padding: 10px;
border: 1px solid #a1cbfb;
}

span.highlight {
color: #880000;
font-weight: bold;
}
div.portfolio {
float: left;
width: 490px;
margin: 0 0 20px 0;
padding: 5px 0 20px 0;
border-bottom: 1px solid #cdcdcd;
clear: both;
}

div.portfolioimage {
float: left;
width: 240px;
}

div.portfoliotext {
float: left;
width: 240px;
clear: right;
}

div.portfolioicon {
float: left;
width: 240px;
white-space: normal;
margin: 5px 0 5px 0;
}


table.storemakerpricing td {
border: 1px solid #cdcdcd;
}

div#home {
position: absolute;
left: 30px;
top: 100px;
font-size: 1em;
z-index: 100;
}

div#home a:link, div#home a:visited {
color: #555;
text-decoration: none;
font-weight: bold;
}

div#home a:hover {
color: black;
text-decoration: underline;
}

label {
color: #444;
font-size: .9em;
}

label.req {
color: #880000;
font-weight: bold;
}

div.screen {
float: left;
clear: both;
margin: 5px 0 0 0;
}

div.screen img {
margin-right: 5px;
}

table.featuregrid {
background: #999;
}
table.featuregrid tr td {
background: white;
}