/* CSS solutiongroup.co.uk */

:link,:visited {text-decoration:none;} 
ul,ol,dl {list-style:none;} 
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd {margin:0; padding:0;} 
a img,:link img,:visited img {border:none;}
address {font-style:normal;}
strong {font-weight:bold;}
em {font-style:italic;}
i {font-style:normal;}
b {font-weight:normal;}

/*LAYOUT*/

html{
	margin-bottom: 1px;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
}

p.justified {text-align:justify;}

#content_container {
	min-height: 100%;
}

#header {
}

#hideintro {display:none;}

#top_menu {
	background-image: url(../images/topnavigation_bg.gif);
	background-repeat: no-repeat;
	width: 766px;
	height: 84px;
	margin-left: 214px;
	padding-top: 10px;
}

#left_column {
	padding-top: 10px;
	width: 214px;
	float: left;
}

#leftnav {
	margin-top: 45px;
}

/*left items*/

.leftnav_pagelinks { margin-left: 125px;}


/*----------Sidebar*/

/*Nav*/

#sideheader {margin-left: 6px; margin-bottom: 7px;}

#mainmenu {width:199px; height:289px; padding:0; clear: left;}
#mainmenu li {height:23px; width:199px; float:left;margin-top:1px;}
#mainmenu li a {display:block; width:199px; height:23px; float:left; color:#E20723; padding-left: 3px;}
#mainmenu li.m1 a {background-color: #FFFFFF;}
#mainmenu li.m2 a {background-color: #FFFFFF;}
#mainmenu li.m3 a {background-color: #FFFFFF;}
#mainmenu li.m4 a {background-color: #FFFFFF;}
#mainmenu li.m5 a {background-color: #FFFFFF;}
#mainmenu li.m6 a {background-color: #FFFFFF;}
#mainmenu li.m7 a {background-color: #FFFFFF;}
#mainmenu li.m8 a {background-color: #FFFFFF;}
#mainmenu li.m9 a {background-color: #FFFFFF;}
#mainmenu li.m10 a {background-color: #FFFFFF;}
#mainmenu li.m11 a {background-color: #FFFFFF;}
#mainmenu li.m12 a {background-color: #FFFFFF;}
#mainmenu li.m1 a:hover {background-color:#EAEAE6;}
#mainmenu li.m2 a:hover {background-color:#EAEAE6;}
#mainmenu li.m3 a:hover {background-color:#EAEAE6;}
#mainmenu li.m4 a:hover {background-color:#EAEAE6;}
#mainmenu li.m5 a:hover {background-color:#EAEAE6;}
#mainmenu li.m6 a:hover {background-color:#EAEAE6;}
#mainmenu li.m7 a:hover {background-color:#EAEAE6;}
#mainmenu li.m8 a:hover {background-color:#EAEAE6;}
#mainmenu li.m9 a:hover {background-color:#EAEAE6;}
#mainmenu li.m10 a:hover {background-color:#EAEAE6;}
#mainmenu li.m11 a:hover {background-color:#EAEAE6;}
#mainmenu li.m12 a:hover {background-color:#EAEAE6;}

#logo {	
	margin-left: 20px;
}

#side_menu {
	padding-left: 10px;
	width: 213px;
	height: 289px;
	background-image: url(../images/left_panel_bg.gif);
	background-repeat: no-repeat;
}
/*right items*/

#right_column {
	padding-top: 10px;
	float: left;
}

#gallery_area {
	padding: 1px;
	padding-left: 35px;
	width: 730px;
	background-image: url(../images/content_area_bg.gif);
}

#gallery_area2 {
	margin-top: 35px;
	padding: 1px;
	padding-left: 35px;
	width: 719px;
	background-image: url(../images/content_area_bg.gif);
}

#whoweare_area {
	padding: 1px;
	padding-left: 35px;
	width: 730px;
}

#gallery_info {
	width: 766px;
	padding-top: 10px;
	background-image: url(../images/expander_bg.gif);
	background-repeat: repeat-x;
	height: 37px;
}

#moreinfo {
	/*height: 100px;*/
	}

.clearfooter {
	clear: both;
}

#footercontainer {height: 50px;}

#footer {color:#615A5A; margin-left: 213px;}

div.item {
	float: left;
	background-image: url(../images/thumbnail_bg.gif);
	width: 140px;
	height: 147px;
	margin-right: 4px;
	padding: 5px;
	padding-bottom: 5px;
}
/* page styles */

a, a:visited, a:active, a:hover {
	color: #000000;
}

#moreinfo a {
	color: #E20723;
}
a.moreinfolink {
	color: #E20723;
}


/*image gallery code*/

.pics { height: 515px; width: 730px; padding:0; margin:0; overflow: hidden }
.pics img { height: 515px; width: 730px; padding: 0px; border: 0px; top:0; left:0 }

.nextbutton {
	position: absolute;
	top: 333px;
	left: 955px;
	z-index: 10000;
}

.prevbutton {
	position: absolute;
	top: 333px;
	left: 250px;
	z-index: 11000;
}

/* client info strip */

.gallery_header {
	color: #615A5A;
}
#gallery_clientname {
	margin-right: 30px;
}

.redtext {
	color: #E20723;
	display:block;
	margin-bottom: 10px;
}
.redtext2 {
	display:block;
	margin-top: 5px;
	margin-bottom: 7px;
}
.moreinfolink {
	float: right;
}

#moreinfo {
	clear:right;
}

#moreinfo2 {
	clear:right;
	padding-left: 35px;
}

.companyinfo1 {
	width: 355px;
	float: left;
}

.companyinfo2 {
	float: left;
	margin-left: 25px;
	width: 355px;
}

.companyinfo3 {
	float: left;
	width: 730px;
}

.blogheader {
	display: block;
	margin-bottom: 58px;
}

/* css image replacement */

h2.introline1 {
	width: 730px;
	height: 515px;
	background-image: url(../clients/homepage/whoweare.jpg);
	text-indent: -99999px;
}
h3.introline2 {
	width: 730px;
	height: 134px;
	background-image: url(../images/whoweare2_text.gif);
	margin-bottom: 25px;
	margin-top: 25px;
	text-indent: -99999px;
}
h3.whatwedo {
	width: 730px;
	height: 515px;
	background-image: url(../clients/homepage/whatwedo.jpg);
	text-indent: -99999px;
}

#whoweare_area a {
	color: #E20723;
}
#whoweare_area a:visited {
	color: #E20723;
}
#whoweare_area a:active {
	color: #E20723;
}
#whoweare_area a:hover {
	color: #0000000;
}

a.redlink {color: #E20723;}

hr  
{
  color: #C5C4BD;
  background-color: #C5C4BD;
  height: 1px;
  border: 0px;
  }
  
  input {width: 177px;}