@charset "UTF-8";
/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../assets/images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center 400px;
}

strong {
font-weight: bold;
}

#mainholder{
	width:960px;
	margin:0 auto;
}

#skin{

}

#header{
	height:100px;
}

#header .left{
	width:425px;
	padding-right:23px;
	float:left;
}


#header .right{
	float:right;
	width:512px;
	position:relative;
	height:100px;
}

#header #logo{
	padding-left:15px;
	padding-top:10px;
	padding-bottom:0;
}

#search_form {
	float:right;

}


#middle{

}

#middle-contact {
	width:930px;
	height:690px;
	background:transparent url(/assets/media/images/excelit_map.jpg) no-repeat left top;
	
}

.c-holder {
	width:930px;
	height:690px;
	position:relative;
	
}


#middle-contact h2 {
	color:#ffffff;
	font-size:22px;
	font-weight: bold
}

#middle-contact .bottomleft-content {
	top:124px;
	left:7px;
	width:186px;
	padding-right:23px;
	position:absolute;
	z-index:0;
}

#middle-contact .topright-content {
	position:absolute;
	left:214px;
	width:700px;
	top:14px;
	color:#ffffff;
	z-index:0;
}

#middle-contact .bottomleft-content a {
	color:#ffffff;
}



#middle .left{
	float:left;
	width:413px;
	padding-left:12px;
	padding-right:23px;
}

#middle .left-content{
	margin-left: 12px;
	float:left;
	width:188px;
	padding-left:12px;
	padding-right:23px;
	height: 200px;
	background-color: #8a0e1c;
}

#middle .left-content h2, #middle-contact .bottomleft-content h2 {
	color:#FFFFFF;
	font-size:22px;
	padding:12px 0 8px 0;
	font-weight: bold
}

#middle .left-content p, #middle-contact .bottomleft-content p {
	color:#edcace;
	font-size:13px;
	line-height:18px;
	padding-bottom:5px;
}


#middle .right{
	float:right;
	width:512px;
}

#middle .right-content{
	float:right;
	width:708px;
	height: 200px;
}

#middle .left .hoverbox{
	background-color:#8a0e1c;
	display:inline-block;
	float:left;
	height:126px;
	margin-bottom:12px;
	margin-right:12px;
	padding:0 15px;
	width:170px;
	position:relative;
}

#middle a {
color: white;
}

#middle strong {
color: white;
}

#middle .left .hoverbox:hover {
	background-color:#7783a7;
}

#middle .left .hoverbox h3{
	color:#FFFFFF;
	font-size:17px;
	padding:12px 0 8px 0;
	font-weight: bold
}

#middle .left .hoverbox p{
	color:#FFFFFF;
	font-size:11px;
	line-height:12px;
	padding-bottom:4px;
}

#middle .left .hoverbox a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	font-size: 12px;
	line-height: 20px;
	position:absolute;
	bottom:5px;
}
#middle .left .hoverbox .editable a{
	position:static;	
}
#middle .left .hoverbox.nopad{
	margin-right:0;
}
#middle .right{
	
}

#main {
padding: 0 16px 0 25px;
}

#main .left {
	float:left;
	width:580px;
	padding-right:23px;
}

#main .right {
	float:right;
	width:300px;
}

#main .left h2, .case-studies h2 {
font-size: 30px;
color: #8a0e1c;
margin: 10px 0;
}

#main .left p {
font-size: 12px;
line-height: 135%;
color: #666666;
margin: 10px 0 10px 0;
}
#main-content div ul {
	margin: 0px;
	padding: 0px;
}
#main-content div ul li {
color: #666666;
font-size: 12px;
line-height: 120%;
margin: 0px 0px 0px 13px;
padding: 0px 0px 0px 0px;
}

#main-content {
padding: 0 16px 0 25px;
margin-top:25px;
}
#main-content a{
	color:#7783A7;
	text-decoration:underline;
}
#main-content .left {
	float:left;
	width:420px;
	padding-right:23px;
}
#main-content .leftstretch {
	float:left;
	width:600px;
	padding-right:23px;
}
#main-content .rightstretch {
	float:right;
	width:290px;
}

#main-content .right {
	float:right;
	width:465px;
}

#main-content div ul{
	margin-top:0;
	padding-left:0px;
}

#main-content .fourcol {
	width:222px;
	margin-right:7px;
	float:left;
}
#main-content .fourcol h3 a{
	color:#8A0E1C;
	text-decoration:none;
}
#main-content .threecol {
	width:185px;
	margin-right:20px;
	float:left;
}
#main-content .threecol.middle{
	width:150px;
	margin:0 100px;
}
#main-content .threecol.last{
	width:200px;
}
#main-content .twocol {
	margin-right:14px;
	width:445px;
	float:left;
}
#main-content .newscols {
	padding-top:10px;
	color:#666666;
	font-size:12px;
	line-height:135%;
	margin:10px 0;
	clear:both;
}
#main-content .newscols img{
	padding-left:10px;
	padding-bottom:10px;
}
#main-content div {
	color:#666666;
	font-size:12px;
	line-height:135%;
	text-align:justify;
}
#main-content div .search p{
	font-size:13px;
}

#main-content h2 {
	font-size: 30px;
	color: #8a0e1c;
	margin: 10px 0;
	line-height:normal;
}

#main-content h3 {
	font-size: 20px;
	color: #8a0e1c;
	margin: 10px 0;
	line-height:normal;
}
#main-content h4 {
	font-size: 22px;
	color: #8a0e1c;
	margin: 10px 0;
	line-height:normal;
}

#main-content .bluebox h3 {
	color: white;
	font-size: 20px;
	background-color: #7783a7;
	padding: 10px 10px;
	margin:0;
	text-transform:capitalize;
}
#main-content .bluebox a {
	colour: #FFFFFF;
	text-decoration: none;
}
.bluebox h3 a {
	color: #FFFFFF;
	text-decoration: none;
}

#main-content p, .address p, #main-content p {
font-size: 12px;
line-height: 135%;
color: #666666;
margin: 10px 0 10px 0;
}

.address {
margin-top: 20px;
}

.address h3 {
font-size: 20px;
color: #8a0e1c;
}

.bluebox {
border: 1px solid #7783a7;
font-size: 12px;
line-height: 135%;
color: #666666;
margin: 10px 0 10px 0;
background-color: white;
}


.case-studies .bluebox {
float: left;
width: 440px;
margin: 0 10px 10px 0 ;
height:190px;
}

.bluebox h3 {
color: white;
font-size: 20px;
background-color: #7783a7;
padding: 10px 10px;
}

.bluebox .article {
padding: 10px 10px 5px 10px;
}

.bluebox .article h4 a {
color: #8a0e1c;
font-weight: bold;
margin-bottom: 10px;
text-decoration: none;
}

.case-studies .bluebox .case {
	width:420px;
}

.bluebox .case {
	padding:10px;
	width:443px;
}

#main-content .bluebox .case img {
float: right;
border: 1px solid grey;
height: 120px;
margin-left:10px;
}

#main-content .bluebox .case h4 a {
color: #8a0e1c;
font-weight: bold;
margin-bottom: 10px;
text-decoration: none;
}

#footer {
margin-top: 70px;
background-color: #efefef;
color: #6f6864;
font-size: 11px;
padding: 10px;
}

#footer a {
color: #6f6864;
text-decoration: none;
padding-right: 20px;
}

#footer .left {
float: left;
width: 400px;
}

#footer .right {
float: right;
width: 400px;
text-align: right;
}



#slide{
	height:264px;
	width:496px;
	overflow:hidden;
	z-index:-1;
}

#slide img{
	top:0;
	left:0;
}

h6{
	color:#1F2B65;
	float:right;
	font-size:30px;
	padding-top:20px;
	position: absolute;
}

b, strong{
	font-weight:bold;
	color:#8A0E1C;
}





li				{
				font-family:Arial, Helvetica, sans-serif;
				font-size: 12px;
				color:#666;
				padding-bottom: 5px;
				}
				
				
				
#main-content .bluebox .case h4 a {
	text-align:left !important;
}
#main-content .bluebox .case h4 {
	text-align:left !important;
}				
				
/* SEARCH */	
	
		
.search			{
				font-size: 12px;
				color:#666;
				padding: 0 10px 0 0;
				}
				
.searchButton	{
				margin: 0 0 0 10px;
				}
				
				
				
				
/* NEW HOMEPAGE BUTTONS */


a.homepage_button {
				color: #FFFFFF;
				background-color: #8a0e1c;
				border: none;
				text-decoration: none;
				padding: 8px 7px 8px 7px;
				margin: 1px 0 0 0;
				font-weight: bold;
				font-size: 11px;
				}
				
a.homepage_button:hover {
				color: #FFFFFF;
				text-decoration: none;
				background-color: #2f3d72;
				}
				
				
				
				
				


/********************************** menu ********************************************************/


.menu {
	bottom:0;
	clear:left;
	font-family:arial,sans-serif;
	height:30px;
	position:absolute;
	text-align:center;
	z-index:10000;
	padding-bottom:10px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;
	text-align:center;
}
.menu li a {
	color:#827B77;
	display:block;
	float:left;
	font-size:13px;
	height:30px;
	line-height:30px;
	padding-right:0;
	text-decoration:none;
	width:90px;
	text-transform:capitalize;
}
.menu li.last a {
	padding-right:0;
}
.menu ul ul li{
	text-align:left;
	background-color: #8a0e1c;
	border-bottom:1px gray solid;
	z-index:100;
}


.menu ul ul {padding-left:0px; 	z-index:100;  }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative; list-style-image:none;list-style-type:none;margin:0 0 0 0px;padding:0px 0;vertical-align:middle;display:inline;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;top:30px;
	left:0;
	width:125px;
	background-image:url(../assets/images/bg-menu.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	display:table;
}

.menu ul ul li.first{ /*border:none;*/ border-top:#FFFFFF solid 1px;}
.menu ul ul li{/*border-top:#FFFFFF solid 1px;*/}



/* another hack for IE5.5 */
* html .menu ul ul {top:28px;t\op:28px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; ;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a {/*background-color:#1180c8;*/ height:auto; line-height:1em; padding:6px 10px; width:128px; font-size:13px;	color: white; }


/* yet another hack for IE5.5 */
* html .menu ul ul a {width:125px;w\idth:128px;}

/* style the top level hover */
.menu a:hover{
	color:#9e1d21;
}

.menu ul ul a:hover{
	background-color: #2f3d72;
	color:#FFFFFF;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
/**********************************************************************************************/

* { margin:0; padding:0; }

#newsticker-demo { 
width:310px; 
background:#EAF4F5; 
padding:5px 5px 0; 
font-family:Verdana,Arial,Sans-Serif;
font-size:12px;
margin:20px auto;
}

#newsticker-demo a { text-decoration:none; }
#newsticker-demo img { border: 2px solid #FFFFFF; }

#newsticker-demo .title {
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px;
}

.newsticker-jcarousellite { width:300px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .thumbnail { float:left; width:110px; }
.newsticker-jcarousellite .info { float:right; width:190px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }

.clear { clear: both; }