/* 
AMPLEO screen styles

*/

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #656565;
	background: #f4f4f4 url(images/trentacinque.gif);
	}
td {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #656565;
	}

/* links */

a {
	text-decoration: none;
	color: #72951a;	
	}
a:hover {
	text-decoration: underline;
	color: #abd825;
	}


/* page structure
---------------------------------------------- */

#wrap-outer {
	position: relative;
	width: 921px;
	margin: 0 auto;
	background: #fff;
	}
#wrap {
	position: relative;
	width: 901px;
	margin: 0 auto;
	font-size: 1.2em;
	}

#content {
	float: right;
	width: 614px;
	margin: 15px 0 40px 0;
	}
#sidebar {
	float: left;
	width: 270px;
	margin: 15px 15px 40px 0;
	}
#footer {
	clear: both;
	margin: 0 10px 20px 0;
	border-top: 1px solid #ccc;
	}

/* header
---------------------------------------------- */

#header {
	position: relative;
	height: 160px;
	width: 901px;
	margin: 0;
	background:url(images/original_header_160.jpg) no-repeat;
	border-bottom: 3px solid #e9e9e9;
	}

#corner {
	position: absolute;
	z-index: 30;
	width: 29;
	height: 122;
	margin-left: -29px;
	margin-top: 0;
	text-align: center;
	}


/* Service Nav */

#nav-serv {
	float: right;
	margin: 0;
	padding: 5px 0 7px 0;
	list-style: none;
	text-align: right;
	background: #e9e9e9 url(images/curve_right2.gif) no-repeat bottom right;
	}
#nav-serv li {
	display: inline;
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;
	font: .9em arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .2em;
	border-left: 1px solid #d2d2d2;
	}
#nav-serv li.last {
	padding: 0 10px 0 10px;
	}
#nav-serv li.first {
	margin: 0 0 0 0;
	padding: 0 0 7px 20px;
	background:  url(images/curve_left2.gif) no-repeat bottom left;
	border-left: none;
	}
#nav-serv li a {
	padding: 0;
	text-decoration: none;
	color: #72951a;
	}
#nav-serv li a:hover {
	color: #E55711;
	text-decoration: underline;
	}


/* Side Navigation */

ul.sidenav {
	font-size: 1.1em;
	width: 268px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #f4f4f4;
	border-bottom: 1px solid #f7f7f7;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}
ul.sidenav li a{
	display: block;
	color: #656565;
	text-decoration: none;
	width: 243px;
	padding: 7px 10px 7px 15px;
	border-top: 1px solid #f7f7f7;
	border-bottom: 1px solid #dcdcdc;
}
ul.sidenav li a:hover {
	background: #abd825;
	border-top: 1px solid #C4E467;
	color: #fff;
	text-decoration: none;
}


/* logo */

#logo {
	position: absolute;
	top: -10px;
	left: -5px;
	z-index: 999;
	}

#logo-full {
	position: absolute;
	top: -1000px;
	left: 0px;
	z-index: 990;
	}


/* address bar */

#header #ad-bar {
	position: absolute;
	margin: 0;
	left: 305px;
	bottom: 5px;
	padding: 0;
	list-style: none;
	text-align: right;
	color: #fff;
	}
#header #ad-bar li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	font-size: .9em;
	border-right: 1px solid #fff;
	}
#header #ad-bar li.last {
	margin: 0;
	padding: 0;
	border-right: none;
	}
#header #ad-bar li a {
	text-decoration: none;
	color: #fff;
	}
#header #ad-bar li a:hover {
	background: #abd825;
	}


/* content
---------------------------------------------- */

#maintext {
	padding: 10px 15px 5px 15px;
	background: #fbfbfb;
	border: 1px solid #dcdcdc;
	}

#maintext h2 {
	margin: 0;
	padding: 0 0 10px 0;
	font-weight: bold;
	font-size: 1.4em;
	color: #E55711;
	}

#maintext h3 {
	margin: 0;
	padding: 0 0 10px 0;
	font-family: Verdana, sans-serif;
	font-size: .85em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #888;
	}

#maintext p {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 1.1em;
	line-height: 1.5em;
	}
#maintext b {
	color: #E55711;
	}

#maintext blockquote {
	display: block;
	width: 520px;
	margin: 0;
	padding: 0 0 12px 20px;
	font-size: 1.2em;
	line-height: 1.5em;
	}
#maintext blockquote strong {
	display: block;
	padding: 0 0 5px 0;
	font-weight: bold;
	color: #E55711;
	font-size: 1.7em;
	line-height: 1.2em;
	}
#maintext blockquote cite {
	display: block;
	text-align: right;
	font-size: .7em;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #72951a;
	}

#maintext ul {
	margin: 0;
	padding: 0 10px 10px 20px;
	font-size: 1.1em;
	line-height: 1.5em;
	}
#maintext ul ul {
	font-size: 1em;
	}


/* group panel for sections */

#content div.group {
	margin: 0 0 10px 0;
	padding: 0;
	background: #fff;
	}

/* sub groups for two columns */


#content div.group-sub {
	margin: 20px 0 0 0;
	padding: 0;
	float: left;
	width: 307px;
	}
#content div.last {
	}

/* odd bits */

.servicelink {
	font: .9em arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .2em;
	}
.servicelink a {
	padding: 0 0 0 25px;
	text-decoration: none;
	color: #656565;
	}
.servicelink a:hover {
	color: #E55711;
	text-decoration: underline;
	}

#maintext form {
	margin: 0 0 10px 60px;
	}


.group-sub h3 {
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
	font-family: Verdana, sans-serif;
	font-size: .85em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #72951a;
	}
.group-sub h4 {
	margin: 10px 20px 0 10px;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.3em;
	color: #E55711;
	}
.group-sub h4 a {
	color: #E55711;
	text-decoration: underline;
	}

.group-sub p {
	margin: 0 20px 0 10px;
	padding: 4px 0 10px 0;
	line-height: 1.3em;
	border-bottom: 1px solid #e3e3e3;
	font-size: 1em;
	}
.group-sub p img {
	float: right;
	}
/* registered address page */
#content p.regad {
	padding-top: 10px;
	font-size: .8em;
	}


/* Box Quotes
---------------------------------------------- */

#subgroups blockquote {
	clear: both;
	margin: 30px 20px 10px 10px;
	padding: 10px 20px;
	font-style: italic;
	color: #72951a;
	background: #e9e9e9;
	}
#subgroups blockquote p {
	margin: 0;
	font-size: 1.2em;
	}
#subgroups blockquote p.lastline {
	margin-bottom: 10px;
	padding: 0;
	}
#subgroups blockquote p.by {
	font-family: Verdana, sans-serif;
	font-size: .9em;
	font-style: normal;
	}
#subgroups blockquote p.by strong {
	display: block;
	font-size: .9em;
	font-weight: normal;
	letter-spacing: .1em;
	color: #666;
	}
#subgroups blockquote p.by em {
	display: block;
	margin-top: 3px;
	color: #666;
	}
#subgroups blockquote p.by em a {
	color: #656565;
	}
#subgroups blockquote p.by em a:hover {
	color: #abd825;
	}


/* newslinks
--------------------------------------------- */

.group-sub dl.news, #maintext dl.news {
	margin: 0;
	padding: 0 20px 0 10px;
	}
.group-sub dl.news dt, #maintext dl.news dt {
	margin: .8em 0 .1em 0;
	padding: 0;
	font-weight: bold;
	font-size: 1em;
	color: #a6a6a6;
	}
.group-sub dl.news dt a,
.group-sub dl.news dd a, #maintext dl.news dt a, #maintext dl.news dd a {
	text-decoration: none;
	color: #656565;
	}
.group-sub dl.news dt a:hover,
.group-sub dl.news dd a:hover, #maintext dl.news dt a:hover, #maintext dl.news dd a:hover {
	text-decoration: underline;
	color: #abd825;
	}
.group-sub dl.news dd, #maintext dl.news dd {
	margin: 0;
	padding: 0;
	font-size: 1em;
	}
.group-sub dl.news dd img, #maintext dl.news dd img {
	float: left;
	margin-top: 4px;
	margin-right: 5px;
	padding: 0;
	}
#maintext dl.news {
	padding: 0 20px 0 0;
	}



/* sidebar
---------------------------------------------- */


#sidebar h3 {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: .85em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #888;
	}
#sidebar h3 a {
	text-decoration: none;
	color: #72951a;
	}
#sidebar h3 a:hover {
	color: #abd825;
	text-decoration: underline;
	} 


/* about ampleo */

#about {
	padding: 10px 15px;
	background: #F4F4F4;
	border: 1px solid #dcdcdc;
	}
#about h5 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	color: #656565;
	}
#about h5 .credit {
	display: block;
	color: #E55711;
	text-align: right;
	}


/* logos
---------------------------------------------- */

#logos {
	margin: 10px 0 0 0;
	}
#logoleft {
	float: left;
	width: 130px;
	}
#logoright {
	float: right;
	width: 140px;	
	}
#logoleft p {
	margin: 0;
	padding: 0 0 0 12px;
	}
#logoright p {
	margin: 0;
	padding: 0 0 0 6px;
	}
#logos h3 {
	margin: 0 0 10px 10px;
	}

#logos2 {
	margin: 100px 0 0 0;
	clear: both;
	}
#logoleft2 {
	float: left;
	width: 130px;
	}
#logoright2 {
	float: right;
	width: 140px;	
	}
#logoleft2 p {
	margin: 0;
	padding: 0 0 0 12px;
	}
#logoright2 p {
	margin: 0;
	padding: 0 0 0 6px;
	}


/* team
---------------------------------------------- */

.group-sub dl.team {
	margin: 14px 20px 0 10px;
	padding: 8px 0 0 0;
	border-top: 1px solid #dcdcdc;
	}
.group-sub dl.first {
	margin: 0 20px 0 10px;
	padding: 0 0 0 0;
	border: none;
	}
.group-sub dl.team dd {
	margin: 5px 0 0 0;
	}
.group-sub dl.news dd img {
	float: left;
	margin-top: 4px;
	margin-right: 8px;
	padding: 0;
	}
.group-sub dl.team dd img {
	border: 1px solid #dcdcdc;
	}
.group-sub dl.team dd.teamname {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.3em;
	color: #E55711;
	}

p.clientlist {
	margin: 5px 20px 0 10px;
	padding: 0;
	border: 0;
	}
p.clientlist a{
	display: block;
	color: #E55711;
	font-weight: bold;
	text-decoration: none;
	padding: 0;
}

p.clientlist a:hover {
	background: #fff;
	color: #E55711;
	text-decoration: none;
}
p.clientlist a span{	display: none; }
p.clientlist a:hover span {
	display: block;
	color: #656565;
	font-weight: normal;
	font-size: 0.8em;
	padding: 5px 0;
	text-decoration: none;
}


/* footer
---------------------------------------------- */

#footer {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	}

#footer p {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.7em;
	text-align: center;
	}
#footer a {
	color: #656565;
	}
#footer a:hover {
	color: #555;
	}




/* misc.
---------------------------------------------- */

hr, .hide {
	display: none;
	}
a img, abbr {
	border: none;
	}
a { /* gets rid of dotted outline in FF */
	outline: none;
	}

.red {
	color: red;
	font-weight: bold;
	}


/* self-clearing floats */


#content div.group:after,
#header:after,
#nav-serv:after,
#nav-serv li:after,
#subgroups:after,
#footer:after; {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }


.tile { display: block; border: none; margin: 0; padding: 10px 0 10px 0; width: 270px; }

ul { margin: 0 0 .8em 0; }