html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
background-color: #ffffff;
color: #000000;
text-align: center;
height:100%;
}

body a {
color:#C6213C;
text-decoration:none;
}

body a:hover, body a:focus {
color:#8F8889;
text-decoration:underline;
}


h1 {
	font-size: 13px;
	font-weight: bold;
	color: #24A3D3;
	padding:5px 0 5px 0;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding:5px 0 5px 0;
}

p {
	padding:5px 0 5px 0;
}



#wrapper {
width: 888px;
height: auto;
background-color:#FFFFFF;
margin:0px auto;
text-align:left;
}

#top {
width: 888px;
height: 46px;
margin: 48px 0 0 0;
}

#flash {
width:888px; 
height:330px;
float:left;
}

#body {
width:888px;
height:auto;
float:left;
}

#content {
width:611px;
height:auto;
float:left;
}

#content_border {
width:611px;
height:auto;
float:left;
background:url(../graphics/feat_1_bg.gif) right repeat-y;
}

#feature_1 {
width:284px;
height:182px;
float:left;
background:url(../graphics/feat_1_bg.gif) right repeat-y;
}

#feature_1 #padding_1 {
padding-left:46px;
}

#feature_2 {
width:327px;
height:182px;
float:left;
background:url(../graphics/feat_1_bg.gif) right repeat-y;
}

#feature_2 #padding_2 {
padding-left:13px;
}


#right {
width:277px;
height:182px;
float:left;
}

#right #padding_r {
padding-left:15px;
}

#footer {
	width:888px;
	height:auto;
	float:left;
	background:url(../graphics/footer.gif) top no-repeat;
	padding:10px 0 0 0;
	clear: both;
}

#paragraph_1 {
width:45%; height:auto; float:left; padding-right:5px; padding-top:15px;
}

#paragraph_2 {
width:45%; height:auto; float:right; padding-left:0px; padding-right:30px; padding-top:15px;
}


#grey {
width:75%;
height:13px;
margin-right:5px;
background-color:#BFB5B7;
}

.bold_text {
font-weight:bold;
text-transform: uppercase;
}

.grey {
color:#8F8889;
}

.red {
color:#C6213C;
}

.red_bold {
color:#C6213C;
font-weight:bold;
text-transform: uppercase;
}

.grey_bold {
color:#8F8889;
font-weight:bold;
text-transform: uppercase;
}


#home_text {
width:307px;
height:auto;
padding:0 10px 0 10px;
}

#padding_2 {
width:589px;
padding:10px 10px 0 10px;
height:auto;
}

/*---------------------------------------------------------------------------------------------------*/
/*-----------------------------------------NEW MULTI PROJECTS PAGE-----------------------------------*/
/*---------------------------------------------------------------------------------------------------*/

#p_holder {
width:570px;
height:auto;
float:left;
margin-bottom:30px;
padding-bottom:15px;
border-bottom:1px solid #C6213C;
}

#p_title {
width:530px;
height:37px;
float:left;
}

.title_top {
color:#000000;
font-size:15px;
font-weight:bold;
}
.title_bottom {
color:#555555;
font-size:13px;
font-weight:normal;
}

#p_logo { 
width:40px;
height:30px;
margin-top:3px;
background:url(../graphics/cardy_logo.jpg) no-repeat;
float:left;}

#p_thumbs {
width:132px;
padding-top:8px;
height:auto;
float:left;
}

#p_thumbs img {
padding-right:4px;
padding-bottom:2px;
float:left;
}

#p_content{
width:428px; 
padding:0 5px 5px 5px;
height:auto;
float:left;}

/* Rules below added for new projects pages by Andy - 6th May 2008 @ 16:56 */

#content_border_project_categories {
	width: 910px;
	height: auto;
	float: left;
}

.project_category_container {
	float: left;
	width: 213px;
	height: 150px;
	margin-right: 10px;
	margin-bottom: 50px;
}

.project_category_container img {
	border: 0;
}

.project_category_title {
	background: #c6213c;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 5px;
}

.project_category_title a {
	color: #FFFFFF;
}

/* --- */