body  { background: #2e6590 url("../images/bgslice.jpg") repeat-x }

#pagewrap {
	position:relative;
	margin:0 auto;
	width:1160px;
}

#top {
	position:relative;
	margin:0 auto;
}

#body {
	width:1000px;
	position:relative;
	z-index:9500;
	margin:0 auto;
	margin-top:-65px;
	margin-bottom:-65px;
}

#product_body {
	margin: 0 0 0 35px;
	float:left;
	width:700px;

}

#content_img {
	padding-bottom:25px;
	padding-top:25px;
	padding-right:25px;
	float:left;

}

#whitetop {
	background:url(../images/content_top.png) no-repeat;
	height:35px;
}

#whitetop-prod {
	background:url(../images/content_top_prod.png) no-repeat;
	height:35px;
}

#whitebody {
	background:url(../images/content_slice.png) repeat-y;
	width:1000px;
	
}

#prodbody {
	background:url(../images/prod_body_slice.png) repeat-y;
	width:1000px;
}

#whitebottom {
	background:url(../images/content_bottom.png) no-repeat;
	height:35px;
	position:relative;
	z-index:5000;
}

#prodbottom {
	background:url(../images/prod_body_bottom.png) no-repeat;
	height:45px;
	position:relative;
	z-index:5000;
}

#contentwrapper {
	width:900px;
	margin:0 auto;

}


#prodwrapper {
	width:960px;
	margin:0 auto;

}

#footer {
	background:url(../images/footer_slice.jpg) repeat-x;
	position:relative;
	height:429px;
	/*z-index:-1;*/
	
}

#footer .container {
	width:960px;
	/*height:429px;*/
	margin:0 auto;
	position:relative;
	

}

.pod {
	width:900px;
}

#primary, #secondary {
	padding:10px 0;
}

#primary {height:425px;}

/* These are the classes that will define the width of the left div, depending on the number of columns */

.one-col {
	width:200px;
	float:left;
	position:relative;
}

.two-col {
	width:434px;
	margin-left:34px;
	position:relative;
}

.three-col {
	width:668px;
	float:left;
	position:relative;
}

.wide-column {
	width:318px;
	float:left;
	position:relative;
}

#left_side {
	float:left;
	width:200px;
}

#main {
	width:668px;
	float:left;
	padding-bottom:25px;
	position:relative;
}

#right_nav {
	width:200px;
	float:left;
	position:relative;


}



/*  --------------  footer -------------------- */



#footer ul {
	list-style:none;
	padding:0;
	margin-top:65px;
}

#primary_links {width:110px; margin-left:40px; float:left;}

ul#outside_links, ul#social_media, ul#legal {
	margin-left:65px;
	float:left;
}

ul#primary_links li, ul#outside_links li, ul#legal li {margin-top:10px;}
ul#social_media li {height:25px; margin-top:5px; padding-left:35px; padding-top:6px;}

#it-blog {background:url(http://www.connectwise.com/content/images/blog_button.png) no-repeat 0 0;}
#wikit {background:url(http://www.connectwise.com/content/images/wikit.png) no-repeat 0 0;}
#twitter {background:url(http://www.connectwise.com/content/images/twitter.png) no-repeat 0 0;}
#facebook {background:url(http://www.connectwise.com/content/images/facebook.png) no-repeat 0 0;}
#youtube {background:url(http://www.connectwise.com/content/images/youtube.png) no-repeat 0 0;}
#linkedin {background:url(http://www.connectwise.com/content/images/linkedin.png) no-repeat 0 0;}
#flickr {background:url(http://www.connectwise.com/content/images/flickr.png) no-repeat 0 0;}
#myspace {background:url(http://www.connectwise.com/content/images/myspace.png) no-repeat 0 0;}