/*
DefyDistribution.com CSS Page
designed by: Blake Poutra
*/

/*====================================Global Declarations===================================================*/

* {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
}

/*============================================Blog===========================================================*/
body 
{
	background: center top url('images/bgAdj.jpg') fixed no-repeat #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
}
#container
{
	width: 800px;
	background-image: url('images/contBG.gif');
	background-repeat: repeat-y;
	margin: 10px auto;
	margin-top: 0px;
	margin-bottom: -20px;
}
#header
{
	width: 784px;
	padding: 0px;
	margin-left: 8px;
	background-color: #996633;
}
#left {
	float: left;
	width: 160px;
}
#leftNav {
	float: left;
	background: transparent no-repeat center top url('images/menu.jpg');
	width: 120px;
	margin-left: 7px;
	margin-top: 15px;
	margin-bottom: 30px;
}
.leftLinkFirst {
	float: left;
	width: 100px;
	margin-top: 25px;
	margin-left: 10px;
}
.leftLink {
	float: left;
	width: 100px;
	margin-top: 5px;
	margin-left: 10px;
}
.leftLink a, .leftLinkFirst a {
	color: #996633;
	font-size: 130%;
	font-weight: bold;
	text-decoration: none;
}
.leftLink a:hover, .leftLinkFirst a:hover {
	text-decoration: line-through;
	color: #99CCFF;
}
#demo {
	width: 150px;
	margin-left: 10px;
}
#demo img {
	border: none;
}
#clients {
	width: 140px;
	margin-left: 18px;
	margin-top: 20px;
}
#content {
	float: left;
	width: 600px;
	margin-left: 15px;
	margin-top: 13px;
}
#content p {
	color: #996633;
	margin-bottom: 5px;
}
#content h2 {
	color: #996633;
	margin-bottom: 10px;
}
#content h3 {
	margin-top: -16px;
	font-size: 90%;
	color: #996633;
}
#content a {
	color: #996633;
}
#content a:hover {
	color: #99CCFF;
	text-decoration: line-through;
} 
#right {
	float: right;
	width: 160px;	
}
#containerBottom {
	clear: both;
	width: 800px;
	height: 50px;
	background: #FFFFFF top url('images/footBG.gif') no-repeat;
	margin: 10px auto;
	margin-top: 10px;
}
#footer {
	clear: both;
	width: 800px;
	padding: 0;
	background-color: #FFFFFF;
	margin: 10px auto;
	margin-top: 10px;
}
#leftBox {
	width: 800px;
	float: center;
	text-align: center;
}
#leftBox p {
	font-size: 90%;
	color: #996633;
}
#leftBox a {
	color: #99CCFF;
	text-decoration: none;
}

/*============================================About===========================================================*/

#canvas {
	float: right;
	width: 200px;
	margin: 5px;
}

/*============================================Features===========================================================*/

#featuresList {
	color: #996633;
	list-style-type: disc;
}
.productImage {
	float: left;
	width: 105px;
	margin-left: 20px;
	margin-top: 20px;
	border: dashed #996633 thin;
}


/*============================================Launch===========================================================*/


#submitThanks {
	color: #FF0000;
}


/*============================================Blog===========================================================*/


#blogBox {
	float: left;
	width: 450px;
	margin-left: 15px;
	margin-top: 13px;
}
#blogBox p {
	color: #996633;
	margin-bottom: 5px;
}
#blogBox h2{
	color: #996633;
	margin-bottom: 10px;
}
#blogBox h3 {
	margin-top: -16px;
	font-size: 90%;
	color: #996633;
}
#blogBox a {
	color: #996633;
}
#blogBox a:hover {
	color: #99CCFF;
	text-decoration: line-through;
}
#blogRight {
	float: left;
	width: 140px;
	margin-left: 15px;
	margin-top: 5px;
	text-align: left;
}
#blogRight h3 {
	color: #996633;
	text-decoration: underline;
	margin-top: 10px;
	margin-bottom: 3px;
}
#blogRight ul {
	list-style-type: none;
}
#blogRight li a {
	color: #996633;
	text-decoration: none;
}
#blogRight li a:hover {
	color: #99CCFF;
	text-decoration: underline;
}


/*============================================Demo===========================================================*/


#demoContainer {
	float: left;
	width: 605px;
	height: 473px;
	background-color: #996633;
	margin-left: 15px;
	margin-top: 15px;
}
#demoBox {
	float: left;
	width: 595px;
	background-color: #FFFFFF; 
	margin-left: 5px;
	margin-top: 5px;
}