/* CSS Document */

#body
{
	margin-top:0px;
	margin-left:0px;
	padding:0;
	/*background:#FFFFFF url(../images/layout/background-gradient.jpg) repeat-x top left;*/
/*	width:100%;*/
	text-align:center;
}

#main-container
{
	background:#DDEEEE url(../images/layout/little-right-gradient-two-blue.jpg) repeat-y top right;
	width:960px;
	top:0px;
	text-align:left;	
	overflow:hidden;
	display:block;
	position:relative;
	height:auto;
	margin:0 auto;
}

/*.main-container-gradient
{
	background:#FFFFFF url(../images/layout/right-gradient.jpg) no-repeat top right;
	height:500px;
	width:15px;
}*/

#inner-container
{
	background:#FFFFFF url(../images/layout/little-left-gradient-two-blue.jpg) repeat-y top left;
	width:945px;
	margin-left:0px;
	overflow:hidden;		
	position:relative;
	height:auto;
	text-align:left;
}

/*.inner-container-gradient
{
	background:#FFFFFF url(../images/layout/left-gradient.jpg) no-repeat top left;
	height:500px;
	width:15px;
}*/

#header
{
	background:#000000 url(../images/layout/banner02.jpg) no-repeat 0px 0px;
	width:930px;
	height:125px;
	margin-left:15px;
}

#content-container
{
	width:930px;
	margin-left:15px;
	margin-top:24px;
}

#left-menu
{
	width:162px;
	margin-left:24px;
	float:left;
	padding-bottom:24px;
	background-color:#FFFFFF;
}

#left-menu ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#left-menu ul li
{
	background:#FFFFFF url(../images/buttons/button-grad03.gif) no-repeat bottom left;
	width:162px;
	height:31px;
	margin-bottom:5px;
}

#left-menu ul li a
{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	width:162px;
	height:31px;
	padding-left:22px;
	text-decoration:none;
	line-height:28px;
	display:block;
}

#left-menu ul li:hover
{
	background:#FFFFFF url(../images/buttons/button-grad03.gif) no-repeat center left;
	width:162px;
	height:31px;
}

#left-menu ul li a:hover
{
	color:#FFFFFF;
}

#left-menu ul li:selected
{
	background:#FFFFFF url(../images/buttons/button-grad03.gif) no-repeat top left;
	width:162px;
	height:31px;
}

#footer
{
	background:#DDEEEE url(../images/layout/footer-two-blue.jpg) no-repeat top left;
	width:960px;
	height:50px;
	padding-bottom:50px;
	margin:0 auto;
}

#layouts
{
	float:left;
	margin-left:25px;
	position:relative;
	width:696px;
	height:auto;
}

.layout-100,
.layout-66-33,
.layout-33-33-33
{

}

.column-1,
.column-2,
.column-3
{
	float:left;
}

.layout-100 .column-1
{
	width:100%;
}

.layout-66-33 .column-1
{
	width:66.6%;
}

.layout-66-33 .column-2,
.layout-33-33-33 .column-1,
.layout-33-33-33 .column-2,
.layout-33-33-33 .column-3
{
	width:33.3%;
}

.layout-66-33 .column-1 .layout-33-33-33 .column-1,
.layout-66-33 .column-1 .layout-33-33-33 .column-2,
.layout-66-33 .column-1 .layout-33-33-33 .column-3
{
	width:154px;
}

.box-a
{
	margin:0 24px 24px 0;
}

.box-a img
{
	border:none;
	margin:0;
}

.column-2 .box-a p
{
	text-align:center;
	margin:5px 0 10px 0px;
}

.box-b
{
	margin:0 24px 24px 0;
}

.box-b ul
{
	margin:0;
	padding:0;
}

.box-b li
{
	list-style-type:none;
}

.box-c
{
	margin:0 24px 24px 0;
	border:1px solid red;
}

.box-c img
{
	border:none;
	margin:0;
}

.column-2 .box-c p
{
	text-align:center;
	margin:5px 0 10px 0;
}

.box-d
{
	margin:0 24px 24px 0;
	padding:0px 0px 0px 10px;
}

.box-d img
{
	border:none;
	margin:0;
}
.column-2 .box-d
{
	background:transparent url(../dev/column2-grad-04.gif) repeat-y 0px 0px;
}

.column-2 .box-d p
{
	text-align:center;
	margin:5px 0 10px 0px;
/*	padding:0px 0px 0px 5px;*/
}

.column-2 .box-d h3
{
	margin:5px 0 10px 0px;
	padding:0px 0px 0px 3px;
	/*padding:0px 0px 0px 5px;*/
	/*background:yellow url(../images/layout/left-gradient-bg-two.jpg) repeat-y 0px 0px;*/
	background-color:#FFCCCC;
}