body {
font-family: arial, verdana, sans-serif;
background-color: #f1f1f1;
background: url(img/SM-cust-pgBg.gif) repeat top left;
color: #000;
}

#wrapper {
background: url(img/SM-cust-bg.gif) repeat-y top right;
}

div#wrapper {
margin-left: auto;
margin-right: auto;
width: 750px;
}

div#wrapper {
\width: 750px;
w\idth: 750px;
}

hr {
display: none;
}

a { color: #699; }
/*------------------------- */
#hdr {
height: 200px;
width: 740px;
background: url(img/SM-cust-hdr.jpg) no-repeat top left;
border-top: 5px solid #fff;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
}

#hdr {
\width: 750px;
w\idth: 740px;
}

#hdr h1 {
display: none;
margin: 0;
padding: 0;
}

/*------------------------- */
#mNav {
text-align: left;
border-top: 5px solid #fff;
border-bottom: 5px solid #fff;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
}

#mNav ul
{
margin: 0;
padding: 5px;
list-style-type: none;
background-color: #D9F7F7;
color: inherit;
}

#mNav ul li { display: inline; }

#mNav ul li a
{
text-decoration: none;
padding: 5px 20px;
color: #699;
background-color: #D9F7F7;
font-weight: bold;
text-transform: lowercase;
font-size: 14px; 
}

#mNav ul li a:hover
{
color: #699;
background-color: #fff;
}

#mNav ul li.on a {
color: #699;
background-color: #fff;
}

/*------------------------- */
#cont {
float: left;
margin: 0;
padding: 0;
width: 506px;
background-color: #f1f1f1;
border-right: 5px solid #fff;
border-left: 5px solid #fff;
font-size: 12px;
color: inherit;
}

#cont {
\width: 516px;
w\idth: 506px;
}

#cont p {
margin: 0;
padding: 10px;
line-height: 150%;
}

/*------------------------- */
#sNav {
float: left;
width: 229px;
background-color: #D9F7F7;
border-right: 5px solid #fff;
}

#sNav {
\width: 234px;
w\idth: 229px;
}


#sNav h2 {
	margin: 0; 
	padding: 0;
}

#sNav h2 a:link, #sNav h2 a:visited {
	display: block;
	margin: 0; 
	padding: 2px 10px;
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	color: #666;
	background-color: inherit;
}

#sNav h2 a:hover {
	background-color: #fff;
	color: inherit;
}

#sNav ul {
list-style-type: none;
margin: 0;
padding: 0;
}


#sNav li {
	margin: 0;
	padding: 0;
}

#sNav li a:link, #sNav li a:visited {
	margin: 0;
	display: block;
	padding: 2px 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	font-weight: bold;
	text-transform: lowercase;
	letter-spacing: .1em;
	color: #999;
	font-size: 12px;
}

#sNav li a:hover {
	padding: 3px 10px 1px 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	color: #666;
	background-color: #fff;
}

/*------------------------- */
#clients {
clear: left;
margin: 0;
padding: 0;
width: 506px;
background-color: #DEF7E4;
border-top: 5px solid #fff;
border-right: 5px solid #fff;
border-left: 5px solid #fff;
}

#clients {
\width: 516px;
w\idth: 506px;
}

div#clients h2{
display: block;
margin: 0 5px;
padding: 10px 0 3px 5px;
border-bottom: 3px solid #BEDEDD;
text-decoration: none;
color: #666;
font-size: 14px;
font-weight: bold;
}

#clients ul {
margin: 0;
padding:  0;
list-style-type: none;
}

#clients li{
float: left;
padding: 10px;
width: 233px;
background-color: #DEF7E4;
}

#clients li h2 {
margin: 0;
padding: 0;
border-bottom: none;
}

#clients li h2 a:link, #clients li h2 a:visited {
display: block;
margin: 0 0 3px 0;
padding: 0;
font-size: 12px;
border-bottom: 1px solid #ccc;
color: #333;
text-decoration: none;
}

#clients li h3 {
margin: 0;
padding: 0;
}

#clients li h3 a:link, #clients li h3 a:visited {
display: block;
margin: 0 3px 20px 0;
padding: 0;
float: left;
width: 100px;
height: 75px;
border: 1px solid #333;
}

#clients li h3 span { display: none; }

#clients li h3.clOne a {
background: url(img/SM-cust-cliOne.jpg) no-repeat top left;
background-color: #ccc;
}

#clients li h3.clTwo a {
background: url(img/SM-cust-cliTwo.jpg) no-repeat top left;
background-color: #369;
}


#clients li p.descr {
margin: 0;
padding: 0;
border-bottom: none;
font-size: 11px;
}

/*------------------------- */
#cms {
width: 336px;
border-right: 5px solid #fff;
border-left: 5px solid #fff;
float: left;
}

#cms {
\width: 346px;
w\idth: 336px;
}

#cms span{ display: none; }

#cms h1 {
margin: 0;
padding: 0;
}

#cms h1 a {
margin: 0;
padding: 0;
display: block;
width: 336px;
height: 163px;
background: url(img/SM-cust-cmsTease.jpg) no-repeat top left;
border-top: 5px solid #fff;
}

/*------------------------- */
#themes {
background-color: #ccc;
width: 165px;
height: 163px;
float: left;
border-top: 5px solid #fff;
border-right: 5px solid #fff;
}

#themes {
\width: 170px;
w\idth: 165px;
}

#themes h2 {
display: block;
margin: 0 0 5px 0;
padding: 0;
font-size: 14px;
height: 28px;
background: url(img/SM-cust-themeTtl.gif) no-repeat bottom center;
}

#themes h2 span { display: none; }


#themes ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#themes li h3 {
margin: 0;
padding: 0;
}

#themes li h3 span { display: none }

#themes li h3 a:link, #themes li h3 a:visited {
display: block;
margin: 5px 20px;
padding: 0;
height: 25px;
width: 120px;
border: 1px solid #fff;
}

#themes li h3.themeOne a {
background: url(img/SM-cust-themeCust.gif) no-repeat top left;
}

#themes li h3.themeTwo a {
background: url(img/SM-cust-themeOlde.gif) no-repeat top left;
}

#themes li h3.themeThree a {
background: url(img/SM-cust-themeTech.gif) no-repeat top left;
}

#themes h4 {
margin: 0;
padding: 0;
text-align: center;
}

#themes h4 a {
margin: 0;
padding: 0;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #333;
}

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

#ftr {
border-top: 5px solid #fff;
background-color: #D9F7F7;
clear: both;
font-size: 10px;
padding: 0;
border-top: 5px solid #fff;
border-right: 5px solid #fff;
border-bottom: 5px solid #fff;
border-left: 5px solid #fff;
}

#ftr ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 30px;
}

#ftr ul li {
margin: 0;
padding: 0 0 0 10px;
float: left;
}

#ftr ul li.right {
float: right;
padding-right: 10px;
}