/* CSS Document */

body {
font-family:calibri,tahoma,arial;
font-size:12px;
color:#666666;
background:url(images/site_bg.gif) repeat-x #6fa048;
margin:0px;
margin-top:20px;
}

#site {
width:80%;
min-width:800px;
_width:expression(document.body.clientWidth < 1000 ? "800px" : "80%" );
margin:auto;
}

#sitepadding {
background:url(images/padding_bg.gif) top right no-repeat white;
padding:20px;
padding-bottom:60px;
border:1px solid #999999;
width:100%;
min-height:500px;
_height:500px;
}

#footer {
color:white;
margin-top:10px;
width:100%;
position:relative;
}

.footerdetail {
padding:10px;
float:left;
border-right:1px solid white;
padding-top:0px;
padding-bottom:0px;
text-align:left;
}

#copyright {
float:right;
}

#logo {
padding-bottom:40px;
width:100%;
position:relative;
}

.loginform {
float:right;
margin-right:20px;
margin-left:20px;
}

.sublinks {
float:right;
margin-left:2px;
border:0px;
}

#container {
position:relative;
margin-left:252px;
padding:20px;
padding-right:0px;
padding-top:0px;
}

p {
margin:0px;
position:relative;
margin-bottom:10px;
}

#container h1 {
margin:0px;
padding:0px;
font-size:18px;
color:#79A751;
}

#container h1 span {
font-weight:normal;
font-style:italic;
margin-left:5px;
border-left:1px solid #79A751;
padding-left:5px;
color:#999999;
}

#container h2 {
margin:0px;
padding:0px;
margin-top:10px;
padding-left:10px;
background:url(images/text_rightarrow.gif) 0px 7px no-repeat;
font-size:16px;
color:#79A751;
font-weight:normal;
margin-bottom:4px;
}

#catchphrase {
font-size:16px;
}

#main_nav {
list-style:none;
margin:0px;
padding:0px;
float:left;
width:250px;
border:1px solid #cccccc;
border-bottom:0px;
position:relative;
z-index:10000;
}

#main_nav li {
height:41px;
width:100%;
border-bottom:1px solid #cccccc;
_float:left;
position:relative;
}

#main_nav ul {
list-style:none;
margin:0px;
padding:0px;
width:250px;
border:1px solid #d0dcbc;
border-bottom:0px;
position:absolute;
right:-257px;
top:0px;
visibility:hidden;
}

#main_nav ul li {
border-bottom:1px solid #d0dcbc;
float:left;
}

#main_nav ul li a {
background:url(images/site_menu_bghover.gif) repeat-x;
border-top:1px solid #e6f3d3;
}

.joiner {
position:absolute;
top:-1px;
left:-6px;
z-index:500;
}

.arrow {
position:absolute;
top:6px;
left:-6px;
z-index:500;
}

#main_nav ul ul {
list-style:none;
margin:0px;
padding:0px;
width:150px;
border:1px solid #7AA853;
position:absolute;
right:-157px;
}

#main_nav ul ul li {
background-color:white;
border:0px;
height:auto;
color:#7AA853;
}

#main_nav ul ul li p {
margin:0px;
padding:3px;
font-size:12px;
}

#main_nav ul li a:hover {
background:url(images/site_menu2_hover.gif) repeat-x;
}

#main_nav li a {
display:block;
border-top:1px solid white;
height:33px;
text-decoration:none;
color:#666666;
font-size:17px;
padding-top:7px;
padding-left:10%;
padding-right:10%;
text-align:right;
background:url(images/site_menu_bg.gif) repeat-x;
}

#main_nav > li:first-child a{
color:#999999;
}

#main_nav li a:hover {
background:url(images/site_menu_bghover.gif) repeat-x;
border-top:1px solid #e6f3d3;
color:#82AE5B;
}

#main_nav li a img {
border:0px;
}

#clearer {
clear:both;
}

.project {
width:154px;
padding:3px;
float:left;
margin:5px;
border:1px solid #CCCCCC;
position:relative;
z-index:500;
}

.project ul {
list-style:none;
margin:0px;
padding:0px;
border:1px solid #CCCCCC;
border-bottom:0px;
position:relative;
}

.project ul li {
height:12px;
padding:1px;
border-bottom:1px solid #CCCCCC;
border-top:1px solid white;
font-size:11px;
background:url(images/portfolio_bg.gif) repeat-x;
}

.project ul li span {
color:#79A751;
font-weight:bold;
}

.project ul li a {
color:#666666;
display:block;
text-align:center;
background:url(images/portfolio_bglink.gif) repeat-x;
height:100%;
width:100%;
}

.project ul li a:hover {
text-decoration:none;
font-weight:bold;
}

.project ul li a img {
width:auto;
height:auto;
border:0px;
margin-left:2px;
-moz-opacity:1;
filter:alpha(opacity=100);
}

.project img{
width:154px;
height:154px;
-moz-opacity:0.4;
filter:alpha(opacity=40);
opacity:0.4;
}

.project:hover img{
-moz-opacity:1;
opacity:1;
}

.black {
position:absolute;
top:3px;
left:3px;
width:154px;
height:16px;
background-color:#79A751;
-moz-opacity:0.8;
filter:alpha(opacity=80);
}

.label {
color:white;
position:absolute;
top:5px;
left:5px;
z-index:500;
}

#site_nav {
font-size:16px;
margin-bottom:10px;
padding-bottom:10px;
position:relative;
border-bottom:1px dashed #79A751;
height:18px;
}

#site_nav ul {
list-style:none;
margin:0px;
padding:0px;
}

#site_nav ul li {
float:left;
padding-left:10px;
margin-left:15px;
background:url(images/text_rightarrow.gif) 0px 7px no-repeat;
}

#site_nav span {
float:left;
color:#79A751;
font-weight:bold;
}

#packageicons  {
width:100%;
text-align:center;
}

#price {
text-align:right;
font-size:20px;
}

#incgst {
font-size:12px;
font-weight:normal;
}

#price span {
font-weight:bold;
color:#79A751;
}

p input {
border:1px solid #cccccc;
height:33px;
color:#666666;
background:url(images/button_bg.gif) repeat-x;
font-size:17px;
margin-right:5px;
}

#invisible {
visibility:hidden;
position:absolute;
}

.column {
width:50%;
_width:49%;
float:left;
position:relative;
}

.columnPadding{
padding-left:2%;
padding-right:2%;
}

.formCont {
width:100%;
position:relative;
text-align:center;
}

.orderForms {
padding:4px;
border:1px solid #CCCCCC;
font-family:calibri,tahoma,arial;
font-size:16px;
color:#CCCCCC;
width:95%;
text-transform:capitalize;
}

#examples {
font-size:14px;
margin-left:10%;
margin-right:10%;
margin-top:20px;
}

#percentBarCont {
width:80%;
padding:1px;
padding-right:3px;
_padding-right:1px;
border:2px solid #CCCCCC;
text-align:left;
margin-bottom:20px;
}

#percentBarCont div {
display:block;
padding:0px;
width:0%;
height:10px;
_height:5px;
border:1px outset #EEEEEE;
background:url(images/percent_bg.gif);
}

#exampletarget {
height:80px;
margin-bottom:10px;
overflow:hidden;
}