@import url("ie-win.css");

body {
margin: 0; 
padding: 0;
background: #fff;
}

/* page design */
#container {
border: solid 1px #397191;
border-width: 60px 0;
text-align: center;
}
#shadow1 { 
min-width: 720px; 
max-width: 72em;
margin: 0 auto;
font-size: 100%;
text-align: left;
background: transparent url(dropshadow-right.gif) 100% 0 repeat-y;
width: 100%;
}
* html #shadow1 {
width: 90%; /* fallback for older IE versions */
}

#shadow2 {
float: left;
width: 100%;
background: transparent url(dropshadow-left.gif) 0 0 repeat-y;
}
#page {
/* border-bottom: solid 60px #0e3248; replaced by a real footer */
margin: 0 18px -60px 18px;
position: relative;
background: #90bbd2 url(software_solutions_breadcru.gif) 50% 0 repeat-y;
font: 100%/1.4 Arial, sans-serif;
}

/* content */

#header {
height: 105px;
background: #fff url(lush_group_software_solutions.gif) 100% 0 no-repeat;
}

#content {
border-left: solid 200px #90bbd2;
min-height: 22em;  /* was 40em  */
background: #fff;
padding: 1px 0;
margin: 2em 0 0;
}


/* main navigation */
#topnav {
position: absolute;
top: -60px;
left: 0;
width: 100%;
height: 60px;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
background: #0e3248;
}
#topnav li {
float: left;
width: 20%;
height: 40px;
margin-top: 20px;
background: #bcd url(allnav.png) 100% -41px no-repeat;
position: relative;
}
#topnav li:hover, #topnav li.selected {
background: #bcd url(allnav.png) 100% 0 no-repeat;
}
#topnav li a, #topnav li a:link, #topnav li a:visited {
display: block;
color: #fff;
background: #0e3248 url(allnav.png) 0 -41px no-repeat;
text-decoration: none;
text-align: center;
line-height: 1px;
margin-right: 1px;
padding-left: 8px;
padding-top: 20px;
height: 40px;
}
#topnav li a:hover, #topnav li.selected a:link, #topnav li.selected a:visited  {
color: #000;
background: #eee url(allnav.png) 0 0 no-repeat;
height: 40px;
}

/* secondary navigation */
#sidenav {
position: absolute;
top: 105px;
left: 0;
width: 200px;
margin: 0;
padding: 0;
list-style: none;
}

#sidenav li  {
position: relative;
height: 1%;
}

#sidenav ul {
list-style: none;
margin: 0;
padding: 0;
}
#sidenav li a, #sidenav li b {
padding: .5em 0 .1em 30px;
display: block;
min-height: 1.4em;
text-decoration: none;
color: #000;
background: #90bbd2 url(allnav.png) -210px 100% no-repeat;
position: relative;
}

#sidenav ul li a, #sidenav ul li a:link, #sidenav ul li a:visited {
padding-left: 45px;
color: #666;
}
#sidenav ul ul li a, #sidenav ul ul li a:link, #sidenav ul ul li a:visited {
padding-left: 50px;
}
#sidenav li b {
color: #fff;
background: #90bbd2 url(allnav.png) 0 100% repeat-y;
}
#sidenav li a:hover, html body #sidenav li.selected a {
background: #fff url(allnav.png) -520px 100% no-repeat;
}
#breadcrumb {
position: absolute;
top: 110px;
left: 240px;
color: #fff;
margin: 0;
padding: 0;
list-style: none;
font-size: 76%;
line-height: 1.2;
}

#breadcrumb li {
float: left;
}
#breadcrumb li a, #breadcrumb li a:link, #breadcrumb li a:visited {
color: #fff;
}

#breadcrumb li a:hover {
color: #000;
}

/* content styling */

h1, h2, h3, h4, h5, p, #content li {margin: 30px 30px 6px 40px;}
p {margin: 8px 30px 8px 40px;}
h1 {font-size: 200%;}
h2 {font-size: 150%;}
h3 {font-size: 130%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}
.sep {padding-bottom: 1em;}

h1 small {font-size: .6em; line-height: 1.2; display: block; margin-top: -.1em;}
#content ul {
margin: 0 30px 0 55px;
padding: 0;
font-size: 100%;
}
#content ul li {
margin: 0;
padding: 0 0 .1em 0;
}

.both {clear: both;}


/* Home page */

body#home #content {
border: none;
}

body#home #sidenav li a {
display: none;
}

body#home #breadcrumb {
display: none;
}

#footer {height: 60px; width: 100%; font-size: 80%; background: #0e3248; color: #fff; display: table;}

#footer p {text-align: right; }