/*
-----------------------------------------------

author:   simon krambousanos
updated:  June 12, 2006
----------------------------------------------- */

/* IE/Win Styles (also affects IE5/Mac)
----------------------------------------------- */

/* global
----------------------------------------------- */
body {
margin:0;
padding:0;
background:#fff url(bg_body.gif) repeat-y 50% 0;
background-attachment:fixed;
text-align:center;
min-width:750px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:inherit;
}

.text {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #333333;
}
/* auto-clearing floats */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


img {border:none;}

acronym {border-bottom:1px dotted #ccc;font-style:normal;cursor:help;}


/* hide for screen display */
#header-print {display:none;}
#footer-print {display:none;}


/* layout
----------------------------------------------- */
#wrapper {
margin:0 auto;
width:750px;
text-align:left;
}
#wrapper-padding {
padding:25px;
}

#header {
position:relative;
width:702px;
height:51px;
background:url(bg_header_green.jpg) no-repeat right top;
}
#header a {
text-decoration:none;
color:#444;
background-color:inherit;
}
#header a:hover {color:#222;
background-color:inherit;
}

#content {
width:702px;
margin:10px 0 0;

}

#main {
float:left;
width:470px;
padding: 10px;
color:inherit;
background-color:inherit;
}

/* sidebar and sidebar boxes */
#sidebar {
float:right;
width:202px;
}

/* sidebar boxes */
#sidebar .box {
width:202px;
padding:7px 0 0;
margin-bottom:8px;
background:#F5F2F2 url(corners_top_sidebar_yellow.gif) no-repeat left top;
background-color:inherit;
}
#sidebar .box div {
background:url(corners_bottom_sidebar_yellow.gif) no-repeat left bottom;
padding:0 0 7px;
}
#sidebar .box div div {
background:url(rails_sidebar_yellow.gif) repeat-y left top;
padding:0 10px 0;
}

#sidebar .gray {background:#f8f8f8 url(corners_top_sidebar_gray.gif) no-repeat left top;}
#sidebar .gray div {background:url(corners_bottom_sidebar_gray.gif) no-repeat left bottom;}
#sidebar .gray div div {background:url(rails_sidebar_gray.gif) repeat-y left top;}

#sidebar .green {background:#EBF7D2 url(corners_top_sidebar_green.gif) no-repeat left top;}
#sidebar .green div {background:url(corners_bottom_sidebar_green.gif) no-repeat left bottom;}
#sidebar .green div div {background:url(rails_sidebar_green.gif) repeat-y left top;}

#footer {
background:#f7f7f7 url(corners_top_footer.gif) no-repeat left top;
width:702px;
padding:7px 0 0;
margin:0;
}
#footer div {
background:url(corners_bottom_footer.gif) no-repeat left bottom;
padding:0 0 7px;
}
#footer div div {
background:url(rails_footer.gif) repeat-y left top;
padding:3px 11px 5px;
}

/* Navigation
----------------------------------------------- */

ul#nav {
	position: absolute;
	top:5px;
	margin: 0 auto 0 auto;
	width: 700px;
	padding: 0;
	height: 20px;
	border: 0px solid #fff;
	background: #fff;
	list-style-type: none;
	
	}
	
	#navpos {
	position: relative;
	margin: 0 auto 0 auto;
	width: 700px;
	padding: 0;
	height: 20px;
	border: 0px solid #fff;
	background: #fff;
	list-style-type: none;
	}

ul#nav li a {
	position: absolute;
	top: 2px;
	width: 84px;
	text-indent: -9000px;
	list-style: none none;
	padding: 22px 0 0 0;
	overflow: hidden;
	height: 0px!important; 
	height /**/:10px; /* IE5/Win */
	background: transparent url(nav_f.png) no-repeat;
}

body#about_us li#abo a			{ background-position: 0 -44px; width: 94px; left: 355px; }
body#about_us li#abo a:hover		{ background-position: 0 -44px; }
body#about_us li#ser a 			{ background-position: -94px 0; left: 449px; }
body#about_us li#ser a:hover		{ background-position: -94px -22px; }
body#about_us li#gal a 			{ background-position: -178px 0; left: 533px; }
body#about_us li#gal a:hover		{ background-position: -178px -22px; }
body#about_us li#con a 			{ background-position: -262px 0; left: 617px; }
body#about_us li#con a:hover		{ background-position: -262px -22px; }

body#services li#abo a			{ background-position: 0 -66px; width: 94px; left: 355px; }
body#services li#abo a:hover		{ background-position: 0 -88px; }
body#services li#ser a			{ background-position: -94px -44px; left: 449px; }
body#services li#ser a:hover		{ background-position: -94px -44px; }
body#services li#gal a			{ background-position: -178px 0; left: 533px; }
body#services li#gal a:hover		{ background-position: -178px -22px; }
body#services li#con a			{ background-position: -262px 0; left: 617px; }
body#services li#con a:hover		{ background-position: -262px -22px; }

body#gallery li#abo a 			{ background-position: 0 0; width: 94px; left: 355px; }
body#gallery li#abo a:hover		{ background-position: 0 -22px; }
body#gallery li#ser a 			{ background-position: -94px -66px; left: 449px; }
body#gallery li#ser a:hover		{ background-position: -94px -88px; }
body#gallery li#gal a 			{ background-position: -178px -44px; left: 533px; }
body#gallery li#gal a:hover		{ background-position: -178px -44px; }
body#gallery li#con a 			{ background-position: -262px 0; left: 617px; }
body#gallery li#con a:hover		{ background-position: -262px -22px; }

body#contact li#abo a 			{ background-position: 0 0; width: 94px; left: 355px; }
body#contact li#abo a:hover		{ background-position: 0 -22px; }
body#contact li#ser a 			{ background-position: -94px 0; left: 449px; }
body#contact li#ser a:hover		{ background-position: -94px -22px; }
body#contact li#gal a 			{ background-position: -178px -66px; left: 533px; }
body#contact li#gal a:hover		{ background-position: -178px -88px; }
body#contact li#con a 			{ background-position: -262px -44px; left: 617px; }
body#contact li#con a:hover		{ background-position: -262px -44px; }


/* headings
----------------------------------------------- */
h1 {
font-size:14px;
height: 32px;
color:#444;
padding:8px 0 0px 40px;
margin:0px 0 -25px;
text-align:left;
background:url(subnav_0.gif) no-repeat left;
}

.h1about {
font-size:14px;
height: 32px;
color:#444;
padding:8px 0 0px 40px;
margin:0px 0 -25px;
text-align:left;
background:url(about.gif) no-repeat left;
}


.h1create {
font-size:14px;
height: 32px;
color:#444;
padding:8px 0 0px 40px;
margin:0px 0 -25px;
text-align:left;
background:url(create.gif) no-repeat ;
}

.h1grow {
font-size:14px;
height: 32px;
color:#444;
padding:8px 0 0px 40px;
margin:0px 0 -25px;
text-align:left;
background:url(grow.gif) no-repeat left;
}

.h1boost {
font-size:14px;
height: 32px;
color:#444;
padding:8px 0 0px 40px;
margin:0px 0 -25px;
text-align:left;
background:url(boost.gif) no-repeat left;
}

.h1Continue {
font-size:14px;
height: 32px;
color:#444;
padding:8px 0 0px 40px;
margin:0px 0 -25px;
text-align:left;
background:url(continue.gif) no-repeat left;
}
h1 em, #sidebar h3 em {
font-style:normal;
font-weight:bold;
color:#F0027F;
}

h1 a {color:#444;}
h1 em a {color:#EC1C2F;}

h2 {
font-size:12px;
color: #333333;
margin-bottom:-13px;
}
.workcolumn h2 {margin:0 0 8px;}
body.servicemanager h2 {margin-bottom:11px;}

h2 em {
display:block;
font-size:70%;
color:#4B6912;
font-style:normal;
}

h3 {
font-size:14px;
color:#444;
margin-bottom:-12px;
}
#main .casecolumn-right h3 {margin-bottom:0;}

#sidebar h3 {
font-size:12px;
color:#444;
padding:0;
margin:0 0 3px;
}
#sidebar .contact h3 {margin:0;}


/* text
----------------------------------------------- */
#main p {
font-size:11px;
line-height:18px;
color:#444;
padding:0px 0 0px 40px;

}
#main .casecolumn-right p {margin-top:0;}

#main p.readmore {color:#999;}

#main p img.inset {
float:left;
margin:0 10px 0 0;
padding:3px;
border:1px solid #e6e6e6;
}

#main p span {background-color:#ffc;}


#sidebar p {
margin:0;
padding:0;
font-size:11px;
line-height:17px;
}
#sidebar .contact p {color:#535947;}

#footer p {
padding:0;
margin:-5px;
font-size:10px;
line-height:10px;
color:#b4b4b4;
}
p#footer-left {float:left;}
p#footer-right {
float:right;
padding-right:10px;
}


#footer a {color:#b4b4b4;}
#footer a#contactlink {padding-left:19px;padding-bottom:2px;background:url(contact_ico.gif) no-repeat 0 50%;}
#footer a#skrambo{padding-left:19px;padding-bottom:2px;background:url(skrambo.gif) no-repeat 0 50%;}
#footer a:hover {color:#888;}


/* lists
----------------------------------------------- */
#main ul {
font-size:11px;
line-height:18px;
color:#444;
margin:5px 0 0;
padding-left:30px;
padding-bottom:10px;
list-style:none;
}
#main ol li {
list-style: none none;
padding-left:10px;
background:url(icon_bullet.gif) no-repeat 0 50%;
}

#main ol {
font-size:11px;
line-height:18px;
color:#444;
margin:5px 30px 0;
padding-bottom:10px;
}

#main ul.work {
list-style:none;
margin:0;
padding:0;
}

#main ul.work li {
font-size:11px;
line-height:15px;
font-weight:bold;
padding-bottom:10px;
color:#333;
background-image:none;
list-style: none none;

}
ul.work li strong {
font-size:11px;
color:red;
list-style: none none;
}
ul.work li span {
font-size:11px;
font-weight:normal;
list-style: none none;
}

ul.work li a {color:#666;}
ul.work li a.details {margin-right:5px;padding:0 0 0 14px;background:url(icon_details.gif) no-repeat;}
ul.work li a.viewsite {padding:0 0 0 16px;background:url(icon_viewsite.gif) no-repeat;}
ul.work li a:visited {color:#999;}
ul.work li a:hover {color:#333;}

li {
	margin-left: 30px;
	
}

#sidebar .clientlist li {font-weight:bold;}

#sidebar .gray li {
padding:0 0 0 11px;
color:#666;
background:url(icon_doublearrow_gray.gif) no-repeat left;
}

#sidebar li a {color:#555;}
#sidebar li a:visited {color:#999;}
#sidebar li a:hover {color:#222;}

#sidebar li.link {background:url(subnav_0.gif) no-repeat left;padding:0 0 0 15px;}
#sidebar p.link a {background:url(subnav_0.gif) no-repeat left;padding-left:10px;padding:0 0 0 15px;}

#sidebar .link a {color:#61BFB5;font-weight:normal;}
#sidebar .link a:visited {color:#76b400;}
#sidebar .link a:hover {color:#629500;}


/* links
----------------------------------------------- */
a {color:#76b400;}
a:visited {color:#aaa;}
a:hover {color:#5A8609;text-decoration:underline;}

/* #main p a {font-weight:bold;} */

#news a:visited {color:#76b400;}
#news a:hover {color:#5A8609;}


/* forms
----------------------------------------------- */
form {
margin:0;
padding:5px 10px;
background:#f7f7f7 url(bg_form.gif);
font-size:80%;
border:1px solid #eee;
}

form#contactus {margin-bottom:10px;}

form div.name {
float:left;
width:80px;
}

form div.phone {
float:right;
width:146px;
}

label {
display:block;
color:#333;
margin:0;
}
label span {color:#c00;}

input.text, select, textarea {
display:block;
margin:0 0 0px;
padding:0;
border:1px solid #ccc;
font-family:tahoma, verdana, sans-serif;
font-size:11px;
color:#444;
}
input.hidden {display:none;margin:0;border:0;}

.subject {margin-bottom:10px;}

input.text, textarea {padding:2px;}

textarea {
width:165px;
height:120px;
margin:0 0 5px;
}

input#name {width:170px;}
input#phone {width:170px;}
input#email {width:170px;}
select#subject {width:170px;}

input.hidden {display:none;}




/*-------------Gallery*/
<!--

#page-container  p {
margin: 25px 0;
}

#page-container  a {
color: #900;
text-decoration: none;
font-weight: bold;
}

#page-container  a:hover {
background: #900;
color: #FFF;
}

hr {
margin: 10px 0;
_margin: 0; /*IE Sucks*/
clear: both;
width:400px;;
}

#page-container {
margin: 0 auto;
width: 350px;
text-align: left;
}

.pg {
width: 350px;
list-style: none none;
}

.pg:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}

.pg li {
list-style: none none;
display: inline;
}

.pg li a {
margin: 2px;
border: 1px solid #CCC;
padding: 4px;
position: relative;
float: left;
display: block;
width: 100px;
height: 75px;
}

.pg li a:hover {
font-size: 100%;
z-index: 2;
}

.pg li a img {
border: 0 none;
position: absolute;
width: 100px;
height: 75px;
list-style: none none;
}

.pg li a:hover img,.pg li a:active img,.pg li a:focus img {
width: 200px;
height: 150px;
left: -50px;
top: -37px;
z-index: 1;
}
-->