/*******

Avrem Technologies, LLC
Robert Merva, Owner
http://www.avrem.com

CSS tested on, but not limited to: 800x600, 1074x768, 1280x800, IE 6&7 (with PNG errors) and Firefox

*********/


/******* ENTIRE PAGE ELEMENTS AND TEXT FORMATTING *********/

html { 
	font-family: Arial, sans-serif;
	margin: 0;
	font-size: .8em;
	color: #000000;
}

body {
	width: 850px;
	padding: 0;
	margin: 0 auto 0 20px;
	text-align: center;
	clear: both; 
}

p {margin-top: 10px; line-height: 1.6em;}

h1 {font-size: 1.8em; letter-spacing: .03em; color: #000000; margin-top: 0; margin-bottom: 15px;}
h2 {font-size: 1.6em; letter-spacing: .03em; color: #000000; margin-top: 0; margin-bottom: 15px;}
h3 {font-size: 1.4em; color: #000000; margin-top: 0; margin-bottom: 10px;}
h4 {font-size: 1.2em; color: #000000; margin-top: 0; margin-bottom: 0;}

strong, b {font-size: 1em; color: #000000; margin-top: 0; margin-bottom: 0;}

hr {background: #CCCCCC; padding: 1px; border: 0px;}
a {color: #2D9704; text-decoration: none; background-color: transparent;}
a:hover {color: #2D9704; text-decoration: underline; background-color: transparent;}

/******* PAGE LAYOUT *********/
#top {
	width: 850px;
	margin: 0 auto 0 0;
	padding: 5px 0 5px 0;
	vertical-align: middle;
	text-align: left;
}

#banner {
	width: 850px;
	height: 115px;
	margin-bottom: -20px;
	background: url('../images/banner.jpg') no-repeat;
	text-align: left;
}

/******* MAIN NAVIGATION *********/
#navigation { 
	margin: 0 auto 5px 0;
	padding: 0 0 11px 0;
	width: 850px;
	font-size: 1.25em;
	color: #000000;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
}

#navigation a    {
	padding: 5px 45px 3px 5px;
	text-decoration: none;
	color: #000000;
	border-bottom: 4px solid #CCCCCC;
}

#navigation a:hover {
	text-decoration: none;
	color: #000000;
	border-bottom: 4px solid #4BC51A;
}

#navigation a.active {
	text-decoration: none;
	color: #000000;
	border-bottom: 4px solid #4BC51A;
}

/******* OTHER ELEMENTS *********/
.full_content { 
	width: 850px;
	margin: 25px 0px 50px 0;
	text-align: left;
	float: left;
	line-height: 1.6em;

}

.column {
	width: 180px;
	margin: 25px 0 50px 0px;
	padding-right: 10px;
	text-align: left;
	float: left;
	line-height: 1.5em;
}

.content { 
	width: 620px;
	margin: 25px auto 50px 0;
	padding-left: 19px;
	text-align: justify;
	float: right;
	line-height: 1.6em;
}

.left { 
	width: 290px;
	margin: 20px 10px 10px 0;
	color: #000000;
	background: #FFFFFF;
	text-align: justify;
	float: left;
	height: 150px;
}


.right { 
	width: 290px;
	margin: 20px 0 10px 10px;
	color: #000000;
	background: #FFFFFF;
	text-align: justify;
	float: right;
	height: 150px;
}


.full_left_col { 
	width: 375px;
	margin: 20px 10px 10px 0;
	color: #000000;
	background: #FFFFFF;
	text-align: justify;
	float: left;
	line-height: 1.7em;
}

.full_right_col { 
	width: 375px;
	margin: 20px 0 10px 10px;
	color: #000000;
	background: #FFFFFF;
	text-align: justify;
	float: right;
	line-height: 1.7em;
}

/******* DECORATIONS *********/
.portfolio_img {
	width: 100px;
	height: 100px;
	background: #EEEEEE;
	text-align: center;
	padding: 5px;
	border: none;
	margin: 5px 10px 5px 10px;
	text-decoration: none;
}

.portfolio_img:hover {
	width: 100px;
	height: 100px;
	background: #AAAAAA;
	text-align: center;
	padding: 5px;
	border: none;
	margin: 5px 10px 5px 10px;
	text-decoration: none;
}

.mainport {
	background: #eeeeee;
	text-align: center;
	padding: 5px;
	border: none;

}

.quote { background: url(../images/leftquote.gif) no-repeat top left; font-style: italic; padding: 10px 0px 0 35px;}
.quote p {  background:  url(../images/rightquote.gif) no-repeat 95% 90%; padding-bottom: 20px; padding-right: 35px; color: #000000; }

.icon {
	border: 0;
	vertical-align: text-top;
	padding-right: 5px;
}

.inset { 
	width: 450px;
	margin: 20px auto 5px 20px;
	color: #000000;
	background: #FFFFFF;
	text-align: justify;
}

textarea, input, select {
	padding: 2px; 
	margin: 0; 
	font: 1em Arial, sans-serif; 
	line-height: 1.5em;
	background: #FFFFFF; 
	border: 1px solid #AAAAAA;
	vertical-align: middle;
}

input.borderless {border: none; background: transparent;}

/**input:focus, textarea:focus {border: 2px solid #CCFFCC;}**/

input.button {
	padding: 0px 5px 0 5px; 
	margin: 0; 
	background: #FFFFFF;
	color: #000000; /**body text**/
	border: 1px solid #AAAAAA;
	text-align: center;
}


.frame_content { 
	width: 590px;
	color: #000000;
	background: #FFFFFF;
	text-align: justify;
	float: left;
}


.highlight {
	border: 1px dotted #E8E8E8; 
	padding: 15px; 
	background: #F8F8F8;
}

.bookmark {
	font-size: 1.2em;
	letter-spacing: .03em;
	color: #000000;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
}

.bookmark:hover{
	font-size: 1.2em;
	letter-spacing: .03em;
	color: #000000;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
	text-decoration: none;
}

#listies {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	margin-bottom: 10px;
}

#listies ul {margin: 0; padding: 0; list-style: none;}
#listies li {display: block; float: left; width: 260px; padding: 5px 15px 5px 15px;}
#listies li ul {}

#listies li li {
	display: list-item;
	float: none;
	width: auto;
	padding: 2px;
}

#listies h2 {
	font-size: 1.3em;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: #E8E8E8 1px solid;
}

#listies a {text-decoration: none; color: #000000;}
#listies a:hover {text-decoration: underline;}

#copyright {
width: 950px;
	margin: 0 auto 0 auto;
	background: #FFFFFF;
	color: #000000;
	padding: 2px 0 0 0;
	margin-bottom: 15px;
	font-size: .7em;
}


/******* FOOTER ELEMENTS *********/
#footer { 
	width: 850px;
	padding: 20px 0 10px 0;
	text-align: left;
	border-top: 1px solid #CCCCCC;
	clear: both;
}

#footer a {
	font-size: .87em;
}
/******* END OF CSS *********/


/******* NEW STUFF *********/

.column ul {margin: 0; padding: 0; list-style: none; margin-bottom: 10px;}
.column li {display: block; float: left; width: 200px; padding: 0px 5px 10px 5px;}
.column li ul {line-height: .9em;}

.column li li {
	display: list-item;
	float: none;
	width: auto;
	padding: 5px 0;
	line-height: 1.1em;
	border-bottom: #C7C7C7 1px dotted;
	font-size: .9em;
}

.column a {color: #2D9704; text-decoration: none; background-color: transparent;}
.column a:hover {color: #2D9704; text-decoration: underline; background-color: transparent;}

.column h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	color: #000000;
	border-bottom: #E8E8E8 1px solid;
}



#webtable{
font-family:Tahoma,Sans-serif; 
width:850px; 
margin: 0px auto 50px 0px; 
font-weight:normal; 
font-size: 1em;
}


#webtable th, #webtable td{
padding:10px 10px;
background:#FAFAFA;
border-right:1px white solid;
}


#webtable thead th{
text-align:center;
background:white;
border-bottom:1px #DDDDDD solid;
color:#444444;
font-family:Tahoma,Sans-serif; 
font-size:1.3em;
}


#webtable tbody th{
font-weight:normal;
text-align:right;
color:#202020;
padding-left:0px;
width:250px;
line-height:1.5em;
}


#webtable td{
text-align:center;
vertical-align:top;
}


#webtable tr.rowA td, #webtable tr.rowA th{
background:#F5F5F5;
}


#webtable tr.rowB td, #webtable tr.rowB th {
border-top:1px #DDDDDD solid; 
background:#FFFFFF;
}

#webtable tr.rowC td, #webtable tr.rowC th{
background:#FFFFFF
}


#webtable .yes{
background:url("http://www.avrem.com/images/checkmark.png") center no-repeat;
display:block;
text-indent:-2000px;
height:25px;
}


#webtable .no{
background:url("") center no-repeat;
display:block;
text-indent:-2000px;
height:25px;
}

#surveytable{
font-family:Tahoma,Sans-serif; 
width:850px; 
margin: 0px auto 50px 0px; 
font-weight:normal; 
font-size: 1em;
}


#surveytable th, #surveytable td{
padding:12px 5px;
background:#FAFAFA;
border-right:1px white solid;
}


#surveytable thead th{
text-align:left;
background:white;
border-bottom:1px #DDDDDD solid;
color:#444444;
font-family:Tahoma,Sans-serif; 
font-size:1.3em;
}


#surveytable tbody th{
font-weight:normal;
text-align:right;
color:#202020;
padding-left:0px;
width:250px;
line-height:1.5em;
}


#surveytable td{
text-align:left;
vertical-align:top;
}


#surveytable tr.rowA td, #surveytable tr.rowA th{
background:#F5F5F5;
}


#surveytable tr.rowB td, #surveytable tr.rowB th {
border-top:1px #DDDDDD solid; 
background:#FFFFFF;
}

#surveytable tr.rowC td, #surveytable tr.rowC th{
background:#FFFFFF
}


#surveytable .yes{
background:url("http://www.avrem.com/images/checkmark.png") center no-repeat;
display:block;
text-indent:-2000px;
height:25px;
}


#surveytable .no{
background:url("") center no-repeat;
display:block;
text-indent:-2000px;
height:25px;
}

/******* BOTTMENU ELEMENTS AND STYLES *********/
#bottmenu {
	width: 100%;
	margin: 0 0 10px 0;
	clear: both;
}

#bottmenu ul {margin: 0px auto; padding: 0; list-style: none; background: none;}
#bottmenu li {display: block; float: left; width: 250px; padding: 10px 5px 10px 25px; background: none;}
#bottmenu li ul {line-height: .9em;}

#bottmenu li li {
	display: list-item;
	float: none;
	width: auto;
	padding: 5px 0;
	line-height: 1.1em;
	border-bottom: #CCCCCC 1px dashed;
	font-size: 1em;
}

#bottmenu h2 {
	font-size: 1.3em;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	color: #565656;
	border-bottom: #D7D7D7 1px solid;
}

#bottmenu a {text-decoration: none; color: #666666;}
#bottmenu a:hover {}