body {color: #31291C; font: 1em/1.4em "Arial", Lucida, Verdana, sans-serif; margin: 0; padding: 0; background-image: url(images/back.gif); background-repeat: repeat-x;}
img {border: 0;}
h1, h2, h3, h4, form, p, li {margin: 0; padding: 0;}
/*a {color: #F69626;}*/
h3 {font-size: 12px; color: #F69626;}

#frame {width: 920px; font-size: 0.8em; margin: 0 auto 0 auto;}

#header {color: #EBEECA; text-align: right; padding: 40px 20px 0 20px; margin: 0px; height: 130px;}
#header a {color: #EBEECA; text-decoration: none; font-size: 12px;}
#header h1 {margin: 20px 0 0 0; font-weight: normal; font-size: 18px; text-align: right;}

.logo {float: left;}



#nav {margin: 2px 0px 0px 0px; line-height: 35px; vertical-align: middle;}
#nav ul { margin: 0; padding: 0;}
#nav li {float: left; list-style: none; margin: 0px 10px 0 10px;}
#nav li a {text-decoration: none; font-weight: bold; display: block; padding: 0px 10px 0px 10px; font-size: 13px; }
#nav li a:hover, #on {background-color: #fff; color: #31291C;}
#on a {color: #31291C;}
.off a{color: #fff;}


.searchsite {float: right; margin: 6px 20px 0 0;}
.searchsite img {float: left; margin: 2px 0 0 5px;}
.searchsite input {float: left; width: 200px;}

#content {}
/*
#post {width: 555px; margin: 20px 40px 20px 20px; float: left;}
#post h1, #full h1 {font: 30px Georgia; margin-bottom: 20px;}
#post h2, #full h2 {font: 18px Georgia; color: #F69626;}
#post h3, #full h3 {font: 16px Arial; color: #31291C; font-weight: bold;}
*/

#post {width: 555px; margin: 20px 40px 20px 20px; float: left; text-align: justify; }
#post h1 a, #post h1, #full h1 a, #full h1 {font: 30px Georgia; margin: 20px 0px 0px 0px; color: #31291C; text-decoration:none; text-align: left;}
#post h2, #post h2 a, .rssfeed a, #full h2, #full h2 a {font: 21px Georgia; color: #F69626; margin: 0px 0px 15px 0px; color: #F69626; text-decoration: none;}
#full h3 {font: 16px Arial; color: #31291C; font-weight: bold;}
#post a, #full a {color: #F69626;}
#post a:hover, #full a:hover {color: #F69626; }
#post p {margin: 10px 0px 10px 0px;}
#post p a, #post li a {padding: 2px; text-decoration: none; }
#post p a:hover, #post li a:hover  {background-color: #7CAD00; color: #fff; text-decoration: none; }
blockquote p { text-align: center; color: #999; font-size:12px; font-weight: bold; font-style: italic; }
#post .imgr {float: right; margin: 20px;}
#post .imgl {float: left; margin: 20px;}
#post li, #post h2 {text-align: left;}


#full {width: 880px; margin: 20px 20px 20px 20px; float: left; /*background-color: red;*/}
#full h2 {margin: 10px 0px 10px 0px; font-size: 17px;}
#full p {margin-bottom: 10px;}
.ss {float: left; width: 250px; height: 355px; /*background-color: #f0f0f0;*/ padding: 10px; margin: 10px;}

#sidebar {width: 285px; margin: 20px 0 20px 0; float: left;}

.splash {width: 435px; margin: 0 20px 20px 20px; _margin: 0 10px 20px 10px; float: left; }
.splash h1 {font: 24px georgia; margin: 25px 0 10px 0;}
.splash p {font-size: 14px;}
.splashlink a {background-image: url(images/butt-findoutmore-white.gif); display: block; width: 180px; height: 25px; margin: 20px 0px 0px 0px;}
.splashlink a:hover {background-image: url(images/butt-findoutmore-white-hover.gif);}

/*
.boxwide, .boxsoftware {float: right; margin: 20px 0 0 0;}
.boxwide h2, .boxsoftware h2 {margin: 10px 0 5px 0; font-size: 16px;}
.boxwide p, .boxsoftware p {margin: 0; padding: 0; width: 270px;}
.boxwide img {float: right;}
.boxwide a, .boxsoftware a {display: block; background-repeat: no-repeat; width: 407px; height: 120px; text-decoration: none; padding: 10px 0 0 20px; color: #31291C;}

.boxwide a {background-image: url(images/boxwide.gif);}
.boxsoftware a {background-image: url(images/boxsoftware.gif);}
.boxwide a:hover {background-image: url(images/boxwide-hover.gif); color: #fff;}
.boxsoftware a:hover {background-image: url(images/boxsoftware-hover.gif); color: #fff;}
*/

.boxwide {width: 407px; height: 130px; float: left; margin: 20px 0 0 23px; _margin: 20px 0 0 5px; padding: 0px; }
.boxwide h2 {font-size: 16px; margin: 15px 0 5px 0;}
.boxwide h3 {font-size: 12px; color: #F69626; margin: 0px;}
.boxwide a:hover h3, .boxwide a:hover h2 {color: #fff;}
.boxwide a:visited {color: #31291C;}
.boxwide .tiny {margin: 0; padding: 0; width: 270px;}
.boxwide .normal {margin: 0; padding: 0; width: 400px;}
.boxwide p {font-size: 12px; margin:0px; line-height: 20px;}
.boxwide img {float: right; margin: 22px 30px 0 0;}
.boxwide a{background-image: url(images/boxwidedouble.jpg); display: block; background-position: top; background-repeat: no-repeat; width: 407px; height: 120px; text-decoration: none; padding: 10px 0px 0px 20px; color: #31291C;}
.boxwide a:hover {color: #fff; background-position: bottom;}


.explained {color: #fff; height: 195px; padding: 20px 35px 0 39px; background-image: url(images/explained.gif); background-repeat: no-repeat;}
.explained p {margin: 0; padding: 0;}
.explained h2 {font-size: 18px; color: #7CAD00;}

.sidebox {margin: 10px 0 0 0;}
.sidebox h2 {font-size: 16px; margin: 0 0 5px 0;}
/*.sidebox h3 {color:#fff;}*/
.sidebox p {margin: 0; padding: 0;}
.sidebox a {background-image: url(images/sidebox.gif); background-repeat: no-repeat; display: block; height: 145px; padding: 12px 20px 0 20px; text-decoration: none; color: #31291C;}
.sidebox a:hover {background-image: url(images/sidebox-hover.gif); color: #fff;}


.box {width: 245px; height: 215px; float: left; margin: 20px 0 20px 20px; _margin: 20px 0 20px 10px; background-image: url(images/box.gif); background-repeat: no-repeat; padding: 20px;font-size: 12px;}
.box a {color: #F69626;text-decoration:none;}
.box a:hover {color: #F69626;text-decoration:underline;}
.box h2 {font-size: 16px; margin: 0 0 10px 0;}
.box h2 a {color: #31291C;}
.box h3 {font-size: 12px; /*color: #F69626;*/}
.box ul {margin: 0; padding: 0;}
.box li {list-style-type: none;list-style-position: inside; padding: 0px; margin: 0px; float: left; width: 100%; }
/*.box li a {color: #F69626; line-height: 22px; font-size: 11px; }*/
.box li a  {padding: 5px 0px 4px 0px; border-bottom: 1px dotted #ccc; display: block;  }
.box p  {line-height: 25px;}
.boxlink a {background-image: url(images/butt-findoutmore.gif); display: block; width: 180px; height: 25px; margin: 15px 0px 0px 0px;}
.boxlink a:hover {background-image: url(images/butt-findoutmore-hover.gif);}

.boxlink2 a {background-image: url(images/butt-green.gif); display: block; width: 180px; height: 25px; margin: 0px 0px 0px 0px;}
.boxlink2 a:hover {background-image: url(images/butt-green-hover.gif);}

.boxlink3 a {background-image: url(images/butt-findoutmore-white.gif); display: block; width: 180px; height: 25px; margin: 20px 0px 0px 0px;}
.boxlink3 a:hover {background-image: url(images/butt-findoutmore-white-hover.gif);}
    
.software {float: left; margin: 11px 20px 0 0;}

.subnav h2 {font-size: 16px; color: #F69626; margin: 20px 0 0 20px;}
.subnav ul {margin: 20px 0 0 20px; padding: 0; border-bottom: 1px solid #ccc;}
.subnav li {list-style-image: url(images/page.gif); line-height: 30px; border-top: 1px solid #ccc; margin: 0; padding: 0; list-style-position: inside;}
    
#footer {background-color: #31291C; clear: both; color: #fff; margin-top: 20px; height: 350px;}

.portrait img {margin: 20px 10px 0 0; border: 1px solid #7e6439;}

#foot {padding: 20px; width: 920px; font-size: 12px; margin: 2px auto 0 auto; color: #EBEECA; }
#foot h2 {font-size: 18px; color: #7CAD00;}
#foot a {color: #EBEECA; text-decoration: none;}
#foot a:hover {text-decoration: underline;}
#foot hr {clear: both;}
#foot input {width: 200px; margin-right: 10px; float: left; font-size:12px;}
#foot ul {margin: 15px 0 20px 0; padding: 0;}
#foot li {list-style-position: inside;}
#foot form {margin: 20px 0 0 0; padding: 0;}

.copyright { font-size: 11px; }
.copyright a {margin: 0px 8px 0px 8px;}

.foot {width: 265px; margin: 0 20px 20px 20px;  float: left;}
.foot p {text-align: justify; margin-bottom: 10px;}
.foot form {position: relative; top: -18px;}


.tel {font-size: 18px;}
.right {float: right;}
.picleft {float: left; margin: 0 20px 0 0;}

.quote {font: 18px Georgia; color: #999; margin: 20px 0 20px 0; text-align: left;}

#pricequote {background-image: url(images/box-quote-hover.gif); background-repeat: no-repeat; display: block; padding: 20px; height: 156px; width: 516px; text-decoration: none; margin: 30px 0px 10px 0px; }
#pricequote h4 {font: 21px Georgia; color: #fff; margin: 20px 0px 0px 0px; text-decoration: none;}
#pricequote a {color: #fff; text-decoration: none; float: right;}
#pricequote a:hover {color: #fff; text-decoration: underline;}
#pricequote p {color:#f8f8f8;}

#form {width: 100%;}
#form input, #form textarea, #form select {width: 200px;}
#form td {font-weight: bold; padding: 2px;}


#portfolio {background-color: #cccccc;}
#flashcontent {margin: 0 auto 0 auto; width: 428px;}



#boxrss small {}
#boxrss h2 {margin: 0px;}
#boxrss p {margin: 0px; font-size: small;}

.feed {margin-top: 30px;}

/*
*********************************************
	FEATURE BOX SMALL
**********************************************
*/

.featurebox-sml p
{
	width: 180px;
}
.featurebox-sml 
{
	float: left; 
	display: inline; 
	width: 245px; 
	margin: 5px 5px 5px 5px; 
	padding: 10px;
	text-align: left;
	height: 250px;
	/*order: 1px dashed #ccc;*/
}


.featurebox-sml img 
{
	float: right; 
	margin: 0px 0px 0px 10px;
}

#popup {width: 600px;}