/* strip all spacing */
* {
	margin: 0;
	padding: 0;
	}

body {
	color: #828282;
	font-family: Verdana;
	font-size: 10pt;
	margin-bottom: 20px;
	}

#container-wrapper {
	margin: 0 auto;
	width: 900px;
	}

#wrapper {
	overflow: auto;
	background: transparent url( ../images/rainLogo.png ) no-repeat bottom left;
	}

a, a * {
	border: 0px;
	text-decoration: none;
	}

ul#nav {
	list-style: none;
	text-align: right;
	width: 165px;
	}

ul#nav li {
	margin-bottom: 6px;
	}

ul#nav li a span{
	display: none;
	}

ul#nav li#nav-about a, ul#nav li#nav-portfolio a, 
ul#nav li#nav-clients a, ul#nav li#nav-contact a {
	display: block;
	height: 20px;
	width: 165px;
	}

ul#nav li#nav-about a {
	background: transparent url( ../images/about-us.gif ) no-repeat top right;
	}

ul#nav li#nav-portfolio a {
	background: transparent url( ../images/portfolio.gif ) no-repeat top right;
	}

ul#nav li#nav-clients a {
	background: transparent url( ../images/clients.gif ) no-repeat top right;
	}

ul#nav li#nav-contact a {
	background: transparent url( ../images/contact.gif ) no-repeat top right;
	}

ul#nav li#nav-about a:hover, ul#nav li#nav-portfolio a:hover, 
ul#nav li#nav-clients a:hover, ul#nav li#nav-contact a:hover {
	background-position: bottom right;
	}

body#about ul#nav li#nav-about a, body#portfolio ul#nav li#nav-portfolio a,
body#clients ul#nav li#nav-clients a, body#contact ul#nav li#nav-contact a {
	background-position: bottom right;
	}

#container-col-sub {
	float: left;
	margin-right: 22px;
	margin-top: 63px;
	}

#container-col-main {
	float: left;
	margin-top: 52px;
	}

/* border and margin code for each page */
body#about #container-col-main, body#clients #container-col-main,
body#contact #container-col-main  {
	border: 2px solid #ececec;
	padding: 16px 14px;
	}

/* about */
body#about #container-col-main p {
	width: 283px; /* 311 - horiz col-main padding */
	}

body#about h1#about-header {
	background: transparent url( ../images/about-header.gif ) no-repeat center left;
	height: 24px;
	width: 166px;
	margin-bottom: -10px;
	}

body#about h1#about-header span{
display: none;
}
	
body#about p {
	margin-top: 20px;
	}

/* clients */
body#clients #container-col-main h1#client-header {
	background: transparent url( ../images/client-header.gif ) no-repeat center left;
	width: 354px; /* set the box(border) width */
	height: 50px; /* use the height to create padding w/o box modeling ie */
	clear: left;
	}

body#clients #container-col-main h1#client-header span {
	display: none;
	}

body#clients #container-col-main ul {
	list-style: none;
	}

body#clients #container-col-main ul a {
	color: #6B6B6B;
	}

body#clients #container-col-main ul#left {
	float: left;
	clear: left;
	width: 218px;
	}

body#clients #container-col-main ul#right {
	float: left;
	}

body#clients #container-col-main a#client-login span {
	display: none;
	}

body#clients #container-col-main a#client-login {
	float: left;
	clear: left;
	height: 30px;
	width: 160px;
	background: transparent url( ../images/client-login.gif) no-repeat 0 0;
	}

/* contact */
body#contact a {
	color: #FF8000;
	}

body#contact h1#contact-header {
	background: transparent url( ../images/contact-header.gif ) no-repeat center left;
	height: 21px;
	width: 246px;
	}

body#contact h1#contact-header span{
	display: none;
	}

body#contact dt {
	margin-top: 12px;
	}

body#contact h1 {
	width: 310px;
	}

/* portfolio */
body#portfolio a {
	color: #bdbdbd;
	}

body#portfolio ul {
	list-style: none;
	}

body#portfolio #img-frame {
	float: left;
	border: 2px solid #ececec;
	padding: 12px;
	}

body#portfolio img {
	float: left;
	clear: left;
	}

body#portfolio #container-portfolio-nav {
	float: left;
	margin-left: 70px;
	}

body#portfolio ul.portfolio-nav {
	float: left;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	}

body#portfolio ul.portfolio-nav li {
	float: left;
	clear: left;
	margin: 5px;
	}

body#blog #posting {
	border: 2px solid #ececec;
	width: 484px;
	}

body#blog #posting hr{
	border: 1px solid #ececec;
	width: 461px;
	}

body#blog h1 span {
	display: none;
	}

body#blog h1 {
	background: url( ../images/blog.png ) no-repeat center;
	width: 480px;
	height: 59px;
	}
	
body#blog #posting h2#title, body#blog #posting p, body#blog #posting span#date {
	margin: 0 11px;
	}

body#blog #posting h2#title {
	margin-top: 5px;
	}

body#blog #posting span#date {
	display: block;
	margin-bottom: 5px;
	} 

body#blog #posting img {
	display: block;
	margin: 20px auto;
	}

#vid
{
padding: 3px;
float: left;
}

#logoLink {
	/* float an invisible link over the logo */
	background: transparent;
	bottom: 84px;
	display: block;
	height: 82px;
	left: 84px;
	position: relative;
	width: 82px;
	/* ie needs this so it can think like a normal browser */
	clear: left;
	}