body	{
    color: #444444;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .9em;
	background-color: #a6a6a7;
}

html>body	{
    font-size: .9em;	
} 


/**********************************/
/* general elements               */
/**********************************/
table, tr, td {
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: top;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;	
}
td.left {
    padding-right: 5px;
}
td.right {
    padding-left: 5px;
}

span.left {
    padding-right: 10px;
    float: left;
}
span.right {
    padding-left: 10px;
    float: right;
}

input, select, textarea { 
    color:#000000; 
    background-color:#EEEEEE; 
    font-size:.9em; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    text-decoration:none;
    border-bottom: 1px solid #FFFFFF; 
    border-right: 1px solid #FFFFFF; 
    border-left: 1px solid #BBBBBB; 
    border-top: 1px solid #BBBBBB;	
    padding: 1px; 
} 

input.submit { 
    border-bottom: 1px solid #BBBBBB; 
    border-right: 1px solid #BBBBBB; 
    border-left: 1px solid #FFFFFF; 
    border-top: 1px solid #FFFFFF;	
} 

.contactclear {
	clear: right;
}
.contactmap {
	width: 300px;
	float: right;
	margin: 0px 0px 0px 10px;
	overflow: hidden;
}


/**********************************/
/* text and links                 */
/**********************************/
A:link { 
    color: #339d2b; 
    text-decoration: underline 
}
A:visited { 
    color: #339d2b; 
    text-decoration: none 
}
A:hover { 
    color: #66b950; 
    text-decoration: none 
}

/**********************************/
/* main layout                    */
/**********************************/
#headerbox {
	border: none;
	border-top: 1px solid #cbcbcb;
	margin: 0;
    width: 100%;
	height: 114px;
	text-align: center;
	background: url('img/header_bg.png') 0 0 repeat-x;
}
#headerbox h1 {
	display: none;
}
#headercontainer {
	margin: 0 auto;
	width: 850px;
}
#headerlinks {
	margin: 0px;
    float: right;
	width: 50%;
	text-align: right;
}
#headerlinks a { 
	font-size: 85%;
    color: #cbcbcb; 
    text-decoration: none; 
	display: block;
	float: right;
	height: 27px;
	margin: 0;
	padding: 5px 12px 0px 12px;
}
#headerlinks a:visited { 
    color: #FFFFFF; 
}
#headerlinks a:hover, #headerlinks a.linkon { 
    color: #FFFFFF; 
	background: url('img/header_button_on.png') 0 0 repeat-x;
}
#headerlogo {
	border: none;
	margin: 0 0 0 0px;
    width: 337px;
	height: 114px;
	background: url('img/logo.png') 0 0 no-repeat;
}
#tablinks {
	height: 23px;
	overflow: hidden; /* stupid IE bug! */
	margin: -23px 0px 0px 0px;
    float: right;
	width: 480px;
	text-align: center;
}
#tablinks a { 
    color: #000000; 
    text-decoration: none; 
	font-weight: bold;
	display: block;
	float: right;
	height: 21px;
	width: 117px;
	margin: 0 2px 0 0;
	padding: 2px 0px 0px 0px;
	background: url('img/tabs.png') 0 0 repeat-x;
	background-position: -117px 100%;
}
#tablinks a:visited { 
    color: #000000; 
}
#tablinks a:hover { 
    color: #000000; 
	background-position: 0 100%;
}
#tablinks a.linkon { 
    color: #000000; 
	background: url('img/tab_on.png') 0 0 repeat-x;
}


#framebox {
	padding: 2em 0;
	margin: 0;
    width: 100%;
	background-color: #FFFFFF;
}
#frame {
	margin: 0 auto;
	width: 850px;
	background: url('img/inprint.png') bottom right no-repeat;
}
#contentclear {
	clear: both;
}
#footerclear {
	clear: both;
}
#footer {
	border: none;
	border-top: 1px solid #666666;
	margin: 0;
	padding-top: 1em;
    width: 100%;
	height: 84px;
	text-align: center;
	background: url('img/footer_bg.png') 0 0 repeat-x;	
	font-size: 75%;
}
#holder { /* preload shade */
	display: none;
	background: url('img/nav_button_hover.png') 0 0 repeat-x;
}

/**********************************/
/* content #content               */
/**********************************/
#content {
    float: right;
    width: 600px;
    text-align: left;
    padding: 0;
    border: 0;
    margin: 0px;	
    line-height: 150%;
    height: 100%;
}
* html #content {
    margin: 0px;
    width: 600px;
    marg\in: 0 0 0 7px;
    w\idth: 600px;
} 

/* when homepage  */
div.home#content  {
    float: left;
    width: 600px;
}

* html div.home#content {
    margin: 0px;
    width: 600px;
    marg\in: 0 0 0 7px;
    w\idth: 600px;
}

#contentspacer {
	float: left;
	width: 1px;
	margin-left: -1px;
	height: 500px;
}

#content h1, #header h1 {
    display: none;
}
#content p	{
    margin-top: 7px;
    margin-bottom: 7px;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #339d2b;
}
#content h2	{
    font-size: 1.6em;
    margin-top: 0px;
    margin-bottom: 12px;
    letter-spacing: 1px;
    line-height: 140%;
    /*text-transform: uppercase;*/
}
#content h3	{
    font-size: 1.05em;
    margin-top: 15px;
    margin-bottom: 2px;
    letter-spacing: 1px;
    line-height: 140%;
}
#content h4	{
    padding: 0px;
    font-size: .8em;
    margin-top: 10px;
    margin-bottom: 2px;
    letter-spacing: 1px;
    line-height: 140%;
}
#content ul{
    /*list-style-type: none;*/
    padding-left: 20px;
    margin: 0;
}
#content li {
    /* background-image: url("res/default/bip.gif");
    background-repeat: no-repeat;
    background-position: 0px 9px; */
    padding: 0px 0px 0px 10px;
    margin: 0;
}

#content ul ul {
    padding-left: 20px;
    margin: 0;
} 

#content ul ul li{
    /* background-image: url("res/default/bip.gif");
    background-repeat: no-repeat;
    background-position: 0px 8px; */
    padding-left: 12px;
    margin: 0;
    font-size: .9em;
}

#content blockquote {
	font-size: 90%;
	background-color: #e9fbdf;
	display: block;
	padding: 10px 20px 5px 20px;
	margin: 5px 20px 5px 20px;
}



#content hr {
    border-top: 1px solid #f1f9ed;
    border-bottom: 0px solid #CCCCCC;
    border-left: 0px solid #CCCCCC;
    border-right: 0px solid #CCCCCC;
    color: #FFFFFF;
    background-color: #FFFFFF;
    height: 4px;
    margin: 5px 0px 5px 0px;
}
#content td h3 {
    margin-top: 0px;
}

.warning {
    color: #FF0000;
    font-style: italic;
}
div.warning h1, div.warning h2, div.warning h3, div.warning h4, div.warning h5, div.warning h6 {
    font-weight: bold;
    color: #F !important;
}

#contentnav {
    font-size: .8em;
}

.box { 
	border: 1px solid #66b950; 
    background-color: #f1f9ed; 
	padding: 15px; 
    margin: 5px 0px; 
    width: 100%; 
}

a:hover .box { 
	border: 1px solid #66b950; 
    background-color: #66b950; 
	color: #ffffff;
}

/**********************************/
/* custom elements                */
/**********************************/
#contentlinks {
	float: right;
	text-align: right;
	font-size: 80%;
	margin: -23px 0 0 0;
}
* html #contentlinks {
    margin-top: -5px;
    marg\in-top: -5px;
	font-size: 70%;
	font-s\ize: 70%;
}

#contentlinks a { 
    color: #999999; 
    text-decoration: none; 
	margin: 0 0 0 8px;
	padding-left: 20px;
}
#contentlinks a:hover { 
    color: #000000; 
}
#contentlinks a.icohome {
	background-image: url('img/ico_home.png');
    background-repeat: no-repeat;
    background-position: 0px 0px; 	
}
#contentlinks a.icoquote {
	background-image: url('img/ico_go.png');
    background-repeat: no-repeat;
    background-position: 0px 0px; 	
}
#contentlinks a.icocontact {
	background-image: url('img/ico_phone.png');
    background-repeat: no-repeat;
    background-position: 0px 0px; 	
}


/**********************************/
/* navigation                     */
/**********************************/
#nav {
    float: left;
    width: 200px;
    text-align: center;
    font-size: 90%;
    color: #444444;
	border: none; 
    text-align: left;
}
* html #nav {
    font-size: 90%;
    font-s\ize: 90%;
} 
* html #nav h2 {
    font-size: 140%;
    font-s\ize: 140%;
} 
* html #nav h3 {
    font-size: 120%;
    font-s\ize: 120%;
} 
#nav.home {
    float: right;
    width: 200px;
}
#nav input {
    width: 100px;
}

#nav h2 {
	margin: 0 0;
	padding: 0 0;
}
#nav h3 {
	border-bottom: 1px solid #dddddd; 
	margin: 8px 0 0 0;
	padding: 0 0;
}
#nav p {
	margin: 4px 0 0 0;
	padding: 0 0;
}

/**********************************/
/* nav: menus                     */
/**********************************/
#menu {
    text-align: left;
    color: #444444;
    background-color: #f4f4f4;
	margin-bottom: 8px;
    text-align: left;
	background: #f4f4f4 url('img/homenav_shade.png') bottom left repeat-x;	
}
#menu h2 {
	padding: 5px;
}
#menu ul, #adminmenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#menu ul li {
    margin: 0px 2px;
	border-top: 2px solid #FFFFFF;
}
#menu ul ul {
    margin-left: 10px;
}
#menu ul li ul li {
    margin-left: 10px;
    font-size: 90%;
	border-top: 1px solid #FFFFFF;
	border-bottom: none;
}
#menu a {
	margin: 0px;
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
	height: 23px;
	display: block;
	color: #339d2b;
    text-decoration: none;
    font-weight: bold;
}
#menu a:hover {
	/*color: #66b950;*/
	color: #ffffff;
    background-color: #339d2b;
	background: url('img/nav_button_hover.png') 0 0 repeat-x;	
}
#menu li .selected {
	color: #444444 !important;
    font-weight: bold;
}
#menu li a.selected:hover {
	color: #ffffff !important;
}
#menu li a, #menu li .selected {
	font-size: 1.1em;
    text-decoration: none;
}
#adminmenu li a, #adminmenu li .selected {
    text-decoration: none;
}
#menu a.title {
	height: 30px;
	color: #444444;
}
#menu a.title:hover {
	background: none;
}
#menu a.title h2 {
	margin: 0px;
	padding: 0px;
}



/**********************************/
/* nav: news - works              */
/**********************************/
#news, #works {
    font-size: 90%;
    text-align: left;
    color: #444444;
    background-color: #f4f4f4;
	margin-bottom: 8px;
    text-align: left;
	padding: 5px;
	background: #f4f4f4 url('img/homenav_shade.png') bottom left repeat-x;	
}


/**********************************/
/* jobs                           */
/**********************************/
.cmf-job {

}
.cmf-job-info {
	border: 1px solid #66b950; 
    background-color: #f1f9ed; 
	float: right; 
	margin-left: 10px; 
	margin-bottom: 10px; 
	width: 40%;
	padding: 5px; 
	font-size: 75%;
}
.cmf-job-info-title {
	font-weight: bold;
}
.cmf-job-header {
	margin: 10px 0px;
}
.cmf-job-text {
	margin: 10px 0px;
	font-size: 90%
}
.cmf-job-notes {
	font-size: 85%
}
.cmf-job-clear {
	clear: both;
}
.cmf-job-form {
	margin: 15px 0px;
	padding-top: 10px;
	border-top: 1px solid #66b950;
}



/**********************************/
/* home links                     */
/**********************************/
#homelinks {
	text-align: center;
	margin-bottom: 15px;
}
#homelinks div.homelinksbox {
	text-align: center;
	width: 181px;
	float: left;
	margin: 0px 5px;
}

#homelinks a.homepic1, #homelinks a.homepic2, #homelinks a.homepic3 {
	display: block;
	width: 169px;
	height: 24px;
	margin: 5px;
	padding: 205px 5px 5px 5px;
	font-weight: bold;
	font-size: 1.4em;
	float: right;
	text-align: center;
	text-decoration: none;
}

#homelinks a.homepic1 {
	background: url('img/pic1.jpg') 0 0 no-repeat;	
	background-position: 100% -234px ;
	color: #66b950;
}
#homelinks a.homepic1:hover {
	background-position: 100% 0;
}

#homelinks a.homepic2 {
	background: url('img/pic2.jpg') 0 0 no-repeat;	
	background-position: 100% -234px;
	color: #b96650;
}
#homelinks a.homepic2:hover {
	background-position: 100% 0;
}

#homelinks a.homepic3 {
	background: url('img/pic3.jpg') 0 0 no-repeat;	
	background-position: 100% -234px;
	color: #6650b9;
}
#homelinks a.homepic3:hover {
	background-position: 100% 0;
}

#homelinks div.homelinkstext {
	margin-top: 8px;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	display: block;
	/*display: none; */
	color: #444444;
}
#homelinks div.homelinkstext span {
	font-size: 10px;
	font-weight: bold;
	display: block;
}
#homelinks div.homelinkstext a {
	color: #444444 !important;
	text-decoration: none;
}


table.hostingbox {
	width: 549px;
	height: 234px;
	margin: 0px;
	padding: 0px auto;
	text-align: center;
	text-decoration: none;
	background: url('img/hosting.png') 0 0 no-repeat;	
	border: none;
}

table.hostingbox .hostingboxdetails {
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	padding: 0px;
	margin: 140px 15px 10px 15px;
	line-height: 110%; 
}


#templates {
	margin: 0px 50px;
}
#templates .templatebox {
	margin: 0px 0px 15px 0px;
	padding: 15px 15px 5px 15px;	
	text-align:center;
	border: 1px solid #FFFFFF;
	width: 200px;
}
#templates .templatebox:hover {
	border: 1px solid #66b950;
}
#templates .templatebox img {
	border: 1px solid #f1f9ed;
}
#templates .templatebox span {
	font-size: 80%;
}


/**********************************/
/* CMF : overlib                   */
/**********************************/
.overlibtext {
	font-size: 75%;
}
.overlibcaption {
	font-weight: bold;
	font-size: 100%;
	color: #ffffff;
}

.overlibclose a {
    text-decoration: none;
}

.overlibfg {
    background-color: #ffffff;
	padding: 4px;
}

.overlibbg {
    background-color: #f1f9ed;
	border: 1px solid #66b950;
}


/**********************************/
/* CMF : tables                   */
/**********************************/
table.cmf-list {
}
table.cmf-highlight tr td:hover {
    border: #CCCCCC dotted 1px;
}
td.cmf-top { 
    color: #000000; 
    background-color: #CCCCCC; 
	background: #f4f4f4 url('img/homenav_shade.png') bottom left repeat-x;	
}
td.cmf-nav { 
    color: #CCCCCC; 
    background-color: #FFFFFF; 
}
td.cmf-line { 
    color: #CCCCCC; 
    background-color: #FFFFFF; 
}
td.cmf-linesep { 
    color: #CCCCCC; 
    background-color: #FFFFFF; 
}
td.cmf-line1 { 
    color: #000000; 
    background-color: #FFFFFF; 
}
td.cmf-line2 { 
    color: #000000; 
    background-color: #f6f6f6; 
}

td.cmf-right {
    color: #000000; 
    font-size: .9em; 
}
span.cmf-compulsory {
    color: #FF9999;
}
td.cmf-left {
    color: #000000; 
    font-size: .9em; 
}
td.cmf-break { 
    color: #CCCCCC; 
    background-color: #EEEEEE; 
    border-bottom: #999999 solid 1px;
}
td.cmf-sep { 
    color: #003300; 
    background-color: #F6F6F6; 
}
td.sep h4 {
    background-color: #CCCCCC; 
}
td.cmf-bottom {
    color: #000000; 
    background-color: #FFFFFF; 
}


/**********************************/
/* CMF : forms                   */
/**********************************/
form.cmf-form input, form.cmf-form select, form.cmf-form textarea, a.cmf-actionbutton { 
	color:#000000; 
	background-color:#EEEEEE; 
	border-bottom: 1px solid #FFFFFF; 
	border-right: 1px solid #FFFFFF; 
	border-left: 1px solid #BBBBBB; 
	border-top: 1px solid #BBBBBB;	
} 

form.cmf-form input.cmf-submit, a.cmf-actionbutton { 
	border-bottom: 1px solid #BBBBBB; 
	border-right: 1px solid #BBBBBB; 
	border-left: 1px solid #FFFFFF; 
	border-top: 1px solid #FFFFFF;	
	text-decoration: none;
} 
form.cmf-form textarea.cmf-small {
}
form.cmf-form textarea.cmf-medium {
}
form.cmf-form textarea.cmf-large {
}
form.cmf-form textarea.cmf-full {
}

a.cmf-actionlink, a.cmf-actionlink:visited { 
	background-color: #fefefe; 
	border: 1px solid #66b950; 
	text-decoration: none;
} 
a.cmf-actionlink:hover, a.cmf-actionlink:active { 
	color: #000000; 
	border: 1px solid #999999; 
	text-decoration: none;
} 

/**********************************/
/* CMF : inline navigation        */
/**********************************/
.cmf-inlinenavigation {
}
.cmf-inlinenavigation a, .cmf-inlinenavigation a:visited {
	border: 1px solid #f1f9ed; 
}
.cmf-inlinenavigation a:hover, .cmf-inlinenavigation a:active {
	border: 1px solid #66b950; 
    background-color: #f1f9ed;
}
.cmf-inlinenavigation span.cmf-selected {
	border: 1px solid #66b950; 
}

/**********************************/
/* CMF : messages                 */
/**********************************/
.cmf-actiondiv {
}

.cmf-messages {
    color: #669966; 
    border: 1px dotted #bfbfbf; 
}
.cmf-errors {
    color: #CC6666; 
    border: 1px dotted #bfbfbf; 
}
.cmf-confirmation {
    border: 1px solid #bfbfbf; 
}
.cmf-confirmationbuttons {
}
.cmf-confirmationbuttons a.cmf-actionbutton {
}
.cmf-confirmationbuttons input {
}
.cmf-confirmationtitle {
}
.cmf-confirmationbox {
}

/**********************************/
/* CMF : social bookmarks         */
/**********************************/
div.cmf-social {
    color: #999999; 
    background-color: #FEFEFE; 
    border: #EEEEEE solid 1px;
}



/**********************************/
/* CMF : tabs                     */
/**********************************/
.tabsystem .tabcontainer {
    margin-bottom: 10px !important;
}
.tabsystem .tabpage {
    padding: 5px 0px 5px 0px;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    margin: 10px 0px 10px 0px;
    clear: both;

}
.tabsystem .tabpage h4 {
    background-color: #000000;
    font-size: 1em;
    margin: 0px 0px 3px 0px;
    padding: 0;
}

.tabsystem .tabpage ul {
	padding: 0px;
	margin: 5px 0px 10px 0px;
    list-style-type: none;
}
.tabsystem .tabpage li {
	margin: 0px;
	padding: 0px;
}
.tabsystem .tabpage ul li ul {
	margin: 2px 0px 10px 0px;
	padding: 0px;
}


.tabsystem .tabcontainer .tab {
    display: inline;
    background-color: #fefefe;
    background-image: none;
    float: left;
    border: 1px solid #CCCCCC;
    z-index: 1;
    font-size: 10px;
    font-weight: normal !important;
    color: #999999;
    white-space: nowrap;
    text-align: center;
	padding: 1px 4px 1px 4px !important;
	margin: 2px 2px 2px 0px !important;

}

.tabsystem .tabcontainer .tab-hover {
    border: 1px solid #999999;
    border-bottom: 1px solid #999999;
    color: #$template !important;
}

.tabsystem .tabcontainer .tab-active {
    background-color: #FFFFFF;
    color: #$template !important;
    font-weight: normal !important;
    border: 1px solid #000000;
    border-bottom: 1px solid #000000;
}