/* ------------------------------------------ */
/* 	    Resetting browsers element padding    */
/* ------------------------------------------ */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {	margin: 0;	padding: 0;}

/* default color scheme */
body {	background: #fff;	color: #000;}

/* remove borders  and possible underlining */
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border:none; font-variant: normal;}

/* remove stylized font-variations */
address, caption, cite, code, dfn, em, th, var, i, b {	font-style: normal;	font-weight: normal;}

/* table and center elements should always be top left aligned */
caption, th, td, center {	text-align: left;	vertical-align: top;}
q:before, q:after {	content: close-quote;}

/* remove cellpadding and cellspacing */
table {	border-collapse: collapse;	border-spacing: 0;}

/* clear possible list-styles; should override in design */
ul, ol, dir, menu, li {	list-style: none;}

/* clear possible heading styles; should override in design */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}

/* prevent default browser coloring of links */
a { color: inherit; }

/* clear form field font settings */
input, textarea, select { font-family: inherit;	font-size: inherit;	font-weight: inherit;}

/* ------------------------------------------ */
/* 	    End of resetting for browsers         */
/* ------------------------------------------ */



/* ------------------------------------------ */
/* 				PAGE STRUCTURE                */
/* ------------------------------------------ */
body{
	/* background:url(../i/Body_BackGround.jpg) top center repeat-y; */
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
}
a{ color:#BA301C; text-decoration:none;}
a:hover{ text-decoration:underline;}

#page_wrap { width: 100%; margin:0; }

#container
{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}

/* --- HEADINGS and TEXT --- */
h1 {
	color:#888888;
	font-size:30px;
	font-weight:bold;
	padding-bottom:15px;
}

h2 {
	color:#BA301C;
	font-weight:bold;
	font-size: 20px;
	padding-bottom:20px;
}

h3 {
	color:#BA301C;
	font-weight:bold;
	font-size:16px;
	padding-bottom:20px;
}


h4
{	color:#BA301C;
	font-weight:bold;
	font-size:11px;
	padding-top:25px;
	padding-bottom:5px;
}

p, li
{
	font-size:14px; line-height:21px; margin-bottom:10px;
}

a 
{
	outline: none; text-decoration:none;
}

a img 
{
	border: none;
}


/* --- HEADER --- */
#header
{
	width:960px;
	padding-top:10px;
	overflow:hidden;
}

h1#logo a
{ 
	background:url(../i/celogo.jpg) no-repeat;
	height:110px;
	width:375px;
	text-indent:-2000px;
	border:none;
	padding-top:5px;
	outline:none;
	float:left;
	clear:both;
	overflow:hidden;
}


/* --- NAVIGATION ---- */
#navigation{
	display:inline;
	float:right;
	height:35px;
	margin-top:31px;
	margin-bottom:1px;
	margin-right:0;
	clear:both;
	padding-right:2px;
}
#navigation ul li{ display:inline;}
#navigation ul li a{ display:inline; height:35px; text-indent:-4000px; background-image:url(../i/CEMenu.gif); background-repeat:no-repeat; float:left;}

#Home a{ background-position:0px 0px; width:110px;}
#Home a:hover, #Home a.current{ background-position:0px -35px;}
#AboutUs a{ background-position:-110px 0px; width:110px;}
#AboutUs a:hover, #AboutUs a.current{ background-position:-110px -35px;}
#OurServices a{ background-position:-220px 0px; width:110px;}
#OurServices a:hover, #OurServices a.current{ background-position:-220px -35px;}
#References a{ background-position:-330px 0px; width:110px;}
#References a:hover, #References a.current{ background-position:-330px -35px;}
#Contact a{ background-position:-440px 0px; width:110px;}
#Contact a:hover, #Contact a.current{ background-position:-440px -35px;}
/* --- END NAVIGATION --- */

/* Setup Margins */
#main_image
{
	display:block; 
	margin-top:1px;
	margin-bottom:1px;
	margin-right:1px;
	margin-left:1px;
	width:1000px;
	height:306px;
	float:left;
	overflow:hidden;
}

#header_container{ width:1000px; height:105px;}
#logo_container{ width:380px;   padding:0px 0px; padding-top:0px;float:left;}
#menu_container{ width:570px; padding:0px 20px; padding-top:39px; float:right; }
/* --- END HEADER --- */


/* --- MAIN CONTENT AREA ----*/

#content{ width:1000px; overflow:hidden; clear:both; display:inline;}

/* --- Left Column --- */
#left_column{ float:left; padding:38px 5px 38px 20px; width:250px;}
#left_column ul.arrow_bullets{ display:block;}
#left_column ul li{ margin-bottom:10px;}

#left_column ul.arrow_bullets 			li{ background:url(../i/RedArrow.gif) left no-repeat; padding:0 0 0 16px; margin:0 0 8px 3px;}
#left_column ul.arrow_bulletsSubMenu	li{ background:url(../i/RedArrowSubMenu.gif) left no-repeat; padding:0 0 0 16px; margin:0 0 4px 10px; font-size:10px;}

#left_column ul {margin-left: 5px;}
#left_column h2 { background:url(../i/SubTitleBar.jpg) left no-repeat; color:#FFFFFF; width:200px; height:37px; padding:0px 10px; line-height:30px; font-size:15px; margin-bottom: 10px;}
#left_column_PhotoContainer{width:240px; padding-left:5px; padding-top:40px}

/* --- Centre Column --- */
/*
#centre_column{ width:458px; padding:32px 28px; float:left;}
#centre_column h2 { padding-bottom:4px; }
#centre_column ul { margin:5px 10px 5px 40px; vertical-align:top;}
#centre_column ul li { list-style:disc; margin:5px 0px 5px 15px;}
*/

/* --- New Centre Column --- */
#twooftwo_column, #twooftwo_bullet_column{ float:left; padding:32px 15px; width:670px;}
#twooftwo_bullet_column p{ width:530px;}

#twooftwo_column h2, #twooftwo_bullet_column h2 { padding-bottom:10px;}
#twooftwo_column h3, #twooftwo_bullet_column h3{ margin:20px 0 10px; clear:both;}

#twooftwo_column ul { margin:5px 10px 5px 40px; vertical-align:top;}
#twooftwo_bullet_column ul { display:inline-block; vertical-align:top; margin:5px auto 25px 5px; float:left;}

#twooftwo_column ul li { list-style:disc; margin:5px 0px 5px 15px;}
#twooftwo_bullet_column ul li{ list-style:disc; margin:5px 0px 5px 15px; width:300px;}
#twooftwo_bullet_column ul.no_bullets li { list-style:none;}

/* --- Refernce Page --- */
#reference_page_table{ width:600px; padding-left:1px; padding-top:50px}
.reference_name{ clear:left; color:#888888; float:left; font-size:16px; font-weight:normal; width:300px; padding-bottom:30px}
.reference_image{ padding-left:300px; padding-bottom:20px}

/* --- Contact Page --- */
#contact_page {float:left; margin:5px 2px; width:660px;}
.address { border-top:1px solid #BA301C; border-bottom:1px solid #BA301C; clear:both; display:block; margin:10px 0 20px; padding:10px 0;}
.address_title { clear:left; color:#BA301C; float:left; font-size:16px; font-weight:bold; width:10px;}
.address_content { clear:none; display:block; padding-left:80px;}

/* --- END MAIN CONTENT AREA --- */


/* --- FOOTER --- */
#footer{border-top:2px solid #888888; clear:both; text-align:center; width:960px; font-size:12px; line-height:24px; margin:30px auto; padding-top:5px;}
#footer ul {margin-left: 30px;}
#footer ul li{ display:inline;}
p#footer_bar{ width:516px; height:2px; display:inline;}
p#copyright{ display:block; font-size:12px; line-height:26px;padding-bottom:25px;}
/* --- END FOOTER --- */

/* --- TWITTER --- */
#twitter_page {float:left; margin:0px 20px;}
.twitter_content { clear:none; display:block; font-size:11px; width:980px;}

#twitter_newspage {float:left; margin:0px 0px;}
.twitter_content_newspage  { clear:none; display:block; font-size:13px; width:600px;}
/* --- END TWITTER --- */

/* --- NEWSLETTER ---*/
#newsletter{float:left; margin:5px 2px; width:660px;}
.newsletter_content { clear:none; display:block; padding-left:0px; height: 10px; font-size: 8pt;}

/* --- END NEWSLETTER ---*/

/* --- TICKER ---*/
#ticker {
	height: 40px;
	overflow: hidden;

}
#ticker li {
	height: 40px;
}
/* --- END TICKER ---*/



/* END PAGE STRUCTURE */



