body {
margin:0;
padding:0;
background:#fff url(../images/bg_body.gif) repeat-y 50% 0;
background-attachment:fixed;
text-align:center;
min-width:750px;
font-family:tahoma,verdana,arial,helvetica,sans-serif;
}
.clear {
display:block;
clear:both;
height:0;
line-height:0;
margin-bottom:10px;
padding-top:10px;
}
.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;}
/* layout
----------------------------------------------- */
#wrapper {
margin:0 auto;
width:750px;
text-align:left;
}
#wrapper-padding {
padding:25px;
}

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

body#homepage #header {
height:202px;
background:url(../images/bg_header_home_green.jpg) left top;
}

a#logo {
text-indent:-5000px;
position:absolute;
left:0;
top:0;
width:200px;
height:51px;
}

body#homepage a#logo {display:none;}

a#clientlogin {
text-indent:-5000px;
position:absolute;
right:14px;
top:18px;
width:71px;
height:15px;
font-size:11px;
background:url(../images/button_clientlogin_green_home.gif) no-repeat 0 0;
}
a#clientlogin:hover {background-position:0 -15px;}
a#clientlogin:active {background-position:0 -30px;}

body#homepage a#clientlogin {background-image:url(../images/button_clientlogin_green_home.gif);}

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

#main {
float:left;
width:482px;
}

/* description -- to be used in used in main menu link to show blog type output */
.description {
border:1px solid transparent;
border-width:1px 0;
}
.description:hover {background-color:#fafafa;}
.description img {float:left;margin:14px 10px 0 0;padding:3px;border:1px solid #eee;}
.description {border:none;border-top:1px solid #fff;border-bottom:1px dashed #ddd;}
div.last {border-bottom:1px solid #fff;}
.description a {text-decoration:none;}
.description a:hover {background-color:#fafafa;}
.description a:hover img {background-color:#eee;border-color:#aaa;}
.description p a {color:#42567D;text-decoration:underline;}
.description p a:visited {color:#42567D;}
.description p a:hover {color:#94BDF4;background-color:none;}

/* work columns */
.workcolumn {
float:left;
margin-right:15px;
width:45%;
}
.workcolumn2 {
float:left;
margin-right:15px;
width:95%;
}
.workcolumn-right {padding-left:15px;border-left:1px solid #eee;}

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

/* sidebar boxes */
#sidebar .box {
width:202px;
padding:5px 0 0;
margin-bottom:8px;
background:#ffc url(../images/corners_top_sidebar_yellow.gif) no-repeat left top;
}
#sidebar .box div {
background:url(../images/corners_bottom_sidebar_yellow.gif) no-repeat left bottom;
padding:0 0 5px;
}
#sidebar .box div div {
background:url(../images/rails_sidebar_yellow.gif) repeat-y left top;
padding:0 10px 0;
}
#sidebar .gray {background:#f8f8f8 url(../images/corners_top_sidebar_gray.gif) no-repeat left top;}
#sidebar .gray div {background:url(../images/corners_bottom_sidebar_gray.gif) no-repeat left bottom;}
#sidebar .gray div div {background:url(../images/rails_sidebar_gray.gif) repeat-y left top;}
#sidebar .green {background:#42567D url(../images/corners_top_sidebar_green.gif) no-repeat left top;}
#sidebar .green div {background:url(../images/corners_bottom_sidebar_green.gif) no-repeat left bottom;}
#sidebar .green div div {background:url(../images/rails_sidebar_green.gif) repeat-y left top;}
#footer {
background:#f7f7f7 url(../images/corners_top_footer.gif) no-repeat left top;
width:702px;
padding:7px 0 0;
margin:0;
}
#footer div {
background:url(../images/corners_bottom_footer.gif) no-repeat left bottom;
padding:0 0 7px;
}
#footer div div {
background:url(../images/rails_footer.gif) repeat-y left top;
padding:3px 11px 5px;
}

/* navigation
----------------------------------------------- */
#nav {
float:left;
margin:0 0 10px;
padding:8px 0 0;
width:700px;
background:url(../images/tab_gray.gif) repeat-x bottom;
font-family:tahoma,verdana,arial,helvetica,sans-serif;
font-size:x-small;
line-height:normal;
list-style:none;
}
#nav li {
display:inline;
margin:0;
padding:0;
}
#nav a {
float:left;
background:url(../images/tab_gray.gif) no-repeat left top;
margin:0 3px 0 0;
padding:0 0 0 24px;
border-bottom:1px solid #e6e6e6;
text-decoration:none;
font-weight:normal;
}
#nav a span {
float:left;
display:block;
background:url(../images/tab_gray.gif) no-repeat right top;
padding:5px 36px 4px 11px;
color:#777;
}

/* commented backslash hack hides rule from ie5-mac \*/
#nav a span {float:none;}
/* end ie5-mac hack */

#nav a:hover span {color:#555;}

#nav #current a {
background-position:0 -80px;
border-width:0;
font-weight:bold;
}
#nav #current a span {
background-position:100% -80px;
padding-bottom:5px;
color:#555;
}
#nav a:hover {background-position:0% -40px;}
#nav a:hover span {background-position:100% -40px;}

/* headings
----------------------------------------------- */
h1 {
font-size:16px;
color:#444;
padding:0 0 0 17px;
margin:7px 0 8px;
background:url(../images/icon_heading_green.gif) no-repeat left;
}
h1 em, #sidebar h3 em {
font-style:normal;
font-weight:normal;
color:#94BDF4;
}

h1 a {color:#444;}
h1 em a {color:#99bb54;}

h2 {
font-size:16px;
color:#42567D;
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;
}

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


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

#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:0;
font-size:10px;
line-height:10px;
color:#b4b4b4;
}
p#footer-left {float:left;}
p#footer-right {float:right;}

#footer a {color:#b4b4b4;}
#footer a#contactlink {padding-left:19px;padding-bottom:2px;background:url(../images/icon_email.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 ul li {
padding-left:10px;
background:url(../images/icon_bullet.gif) no-repeat 0 50%;
}

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

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

#main ul.work li {
font-size:11px;
line-height:12px;
font-weight:bold;
padding-bottom:10px;
color:#333;
background-image:none;
}
ul.work li strong {
font-size:11px;
color:red;
}
ul.work li span {
font-size:11px;
margin-right:5px;
padding:0 0 0 14px;
background:url(../images/icon_details.gif) no-repeat;
font-weight:normal;
}

ul.work li a {color:#666;}
ul.work li a:visited {color:#999;}
ul.work li a:hover {color:#333;}

#sidebar ul {
list-style:none;
margin:0;
padding:0;
font-size:11px;
line-height:17px;
}

#sidebar .services li {
padding:0 0 0 11px;
color:#595947;
background:url(../images/icon_doublearrow_yellow.gif) no-repeat left;
}

#sidebar .services li a {color:#555;}
#sidebar .services li a:visited {color:#999;}
#sidebar .services li a:hover {color:#94BDF4;}

#sidebar .gray li {
padding:0 0 0 11px;
color:#666;
background:url(../images/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(../images/icon_doublearrow_green.gif) no-repeat left;}
#sidebar p.link a {background:url(../images/icon_doublearrow_green.gif) no-repeat left;padding-left:10px;}

#sidebar .link a {color:#42567D;font-weight:bold;}
#sidebar .link a:visited {color:#42567D;}
#sidebar .link a:hover {color:#94BDF4;}


/* links
----------------------------------------------- */
a {color:#42567D;}
a:visited {color:#aaa;}
a:hover {color:#94BDF4;text-decoration:underline;}

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

#news a:visited {color:#42567D;}
#news a:hover {color:#94BDF4;}


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

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

input.text, select, textarea {
display:block;
margin:0 0 10px;
padding:0;
border:1px solid #ccc;
font-family:tahoma, verdana, sans-serif;
font-size:10px;
color:#444;
}
input.hidden {display:none;}
/* miscellaneous
----------------------------------------------- */
hr {
text-align:left;
margin-left:0;
margin-bottom:15px;
height:1px;
width:480px;
background-color:#fff;
color:#fff;
border:none;
border-bottom:1px dashed #ddd;
}

.description hr {margin-bottom:0;}