/* @override http://www.edicomms.co.uk/main2.css */


/* layout
----------------------------------------------- */

#accessibility {
	position: absolute;
	top: -10000px;
}


#head {
	text-align: center;
}

#sidebar-1, #sidebar-2 {
	padding-top: 50px;
	width: 150px;
}

#sidebar-1 {
	margin-right: 5px;
	float: left;
	text-align: right;
}

#sidebar-2 {
	margin-left: 5px;
	float: right;
}

.section_list {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}

.section_list li {
	margin: 0 10px 2px 0;
	padding: 0;
}

#foot {
	margin-top: 5px;
	clear: both;
	text-align: center;
}

/* box model hacks
http://archivist.incutio.com/viewlist/css-discuss/48386
----------------------------------------------- */

#sidebar-1, #sidebar-2 {
\width: 150px;
w\idth: 150px;
}

/* overrides
----------------------------------------------- */

#sidebar-2 p, #sidebar-1 p {
	font-size: 0.8em;
	line-height: 1.5em;
}


div.divider {
	margin: 2em 0;
	text-align: left;
	width: 560px;
}

div.divider2 {
	width: 680px;
	margin: 2em 0;
	text-align: center;
}

/* articles
----------------------------------------------- */

.directory {
	list-style-type: circle;
}

.author {
	font-style: normal;
	font-size: 0.8em;
}

.published {
	font-size: 0.8em;
}

/* comments
----------------------------------------------- */

.comments_error {
	color: #000;
	background-color: #fff4f4;
}

ul.comments_error {
	padding : 0.3em;
	list-style-type: circle;
	list-style-position: inside;
	border: 2px solid #fdd;
}

div#cpreview {
	color: #000;
	background-color: #f1f1f1;
	border: 2px solid #ddd;
}

/*form#txpCommentInputForm td {
	vertical-align: top;*/
}

#comments-help {
	margin: 2px 0 15px 0;
	font-size: 0.7em;
}


/* comments
----------------------------------------------- */



h3#comment {
  clear: both;
  font-size: 1.6em;
  margin-top: 2.0em;
  border-top: 1px solid #444444;
  border-bottom: 1px solid #444444;
  background: url(/images/news_bg.gif) repeat left bottom;
  text-align: center;
}
.comment.even {
	background-color: #e6e6e6;
	padding: 5px 0px 15px 10px;
	margin-bottom: 10px;
	border: 1px solid #444444;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}


.comment.even p{
	font-size: inherit;
}

.comment.odd p{
	font-size: inherit;
}
ol.comments {
  margin: 1.2em 1.2em 1.2em 0;
  list-style-type: none;
}

ol.comments li {
  border-bottom: 1px solid #999999;
  padding: 1px 0 1px 0;
  margin-bottom: 1.5em;
}

h3.commenttitle a {
  font-size: 1.6em;
  text-decoration: none;
  color: #444444;
  border: 0;
}

h3.commenttitle a:hover {
  background: #CCCCCC url(/images/a_hover.gif) repeat-x left bottom;
}

.commentmeta {
  font-size: 0.9em;
  line-height: 0em;
}

h3#postcomment {
  display: block;
  clear: both;
  margin: 0.6em 0.6em 0 0.6em;
  font-weight: bold;
  font-size: 1.6em;
  color: #444444;
  text-align: center;
  border: 0;
}

form#txpCommentInputForm {
  margin-top: 40px;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
 
  padding-bottom: 1.2em;
  width: 508px;
  margin-left: auto;
  margin-right: auto;
	background-color: #ea5921;
}
 /*  1.  One of zemText, zemTextarea, zemSelect, zemRadio, zemCheckbox, zemSubmit. It should be obvious which class is used for which form element (and corresponding label).
   2. zemRequired or errorElement or zemRequirederrorElement, depending on whether the form element is required, an error was found in whatever the visitor entered… or both.

   1. An individual “id” or “class” set to the value of the name attribute of the corresponding tag. When styling forms based on this class, you should explicitly set the name attribute because automatically generated names may change in newer zem_contact_reborn versions.*/

.zemContactForm {
  margin-top: 0px;
  border: 1px solid #999;
  padding: 1.2em;
  width: 508px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ea5921;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.zemContactForm fieldset {
border: none;
}

.zemContactForm label {
	line-height: 2.3em;
}


.zemContactForm legend {
	font-weight: bold;
	font-size: 1.5em;
	padding-bottom: 10px;
}

.zemContactForm input {
float: left;
width: 100%;
height: 20px;
}

.zemContactForm input.zemSubmit {
float: left;
width: 200px;
margin-top: 20px;
float: right
}

.zemContactForm textarea {
float: left;
width: 100%;
height: auto;
}

form#txpCommentInputForm p {
  margin: 0 0 0 1.2em;
  padding: 0;
}

textarea.txpCommentInputMessage {
  height: 150px;
  width: 395px;
  margin-bottom: 10px;
}

#txpCommentInputForm {
  width: 200px;
  text-align: left;
  font-weight: bold;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #999;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

}

/* error page
----------------------------------------------- */

.error-status {
	font: 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.comments-wrapper {
	width: 400px;;
}

.entry-content {
	padding-left: 10px;
}

body {
	padding: 0px;
 	margin: 0px;
	background: #7F7F7F url(images/layout/bg_tile.jpg) repeat-y center;
	font: normal 80% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height:100%; 
}

#container {
	width:890px;
	margin:0px auto;
	background: transparent;
	 height:100%; 
}

#header {
	width:890px;
	height:195px;
	padding-top: 0px;
	background: url(images/layout/header.jpg) no-repeat;
}
#slide {
	width:890px;
	height:300px;
	background: url(images/layout/slide_bg.jpg) no-repeat;
}

.contenttop {
	width:890px;
	height:25px;
	background: url(images/layout/content_top_bg.jpg) no-repeat;
}

.contentmain {
	width:890px;
	padding-left: 20px;
	background: url(images/layout/content_body_bg.jpg) repeat-y;
	height:100%;
	display: inline-table;
	z-index: -1;
}

.contentbtm {
	width:890px;
	height:35px;
	background: url(images/layout/content_btm_bg.jpg) no-repeat;
}

#content {
	width:890px;
	height: 100%;
}

.contenttop2 {
	width:890px;
	height:20px;
	background: url(images/layout/content2_top_bg.jpg) no-repeat;
}

.contentmain2 {
	width:890px;
	background: url(images/layout/content2_body_bg.jpg) repeat-y;
	height:100%;
	display: inline-table;
	z-index: -1;
}
 	
.contentbtm2 {
	width:890px;
	height:35px;
	background: url(images/layout/content2_btm_bg.jpg) no-repeat;
}




.servicemenu {
	width: 100%;
	height: auto;
	clear: both;
	margin-left: 0px;
}
.servicethumbs {
	width: 100%;
	height: auto;
	clear: both;
	margin-left: 0px;
}
.supportthumbs {
	width: 93%;
	height: auto;
	clear: both;
	margin-left: 20px;
}

.supportthumbs h1{
background: url(images/layout/sect_bg.jpg) repeat-y;
	color: white;
	padding: 3px 13px;
}

#content2 {
	width:890px;
	padding-top: 7px;
}
.contentcol1{
	width:240px;
	float: left;
	padding: 0px 20px 0px 30px;
	color: white;
}


.contentcol2 ul{
	list-style-type: none;
}
	
.contentcol2{
	width:550px;
	float: left;
	padding: 0px 0px 10px 10px;
	display: inline-table; 	}

.contentcol3{
	width:800px;
	float: left;
	padding: 0px 0px 10px 10px;
	display: inline-table; 	}

.contentcol2 img{
	margin-bottom: 10px;
	float: left;
}
.contentbtm2 {
	width:890px;
	height:35px;
	background: url(images/layout/content2_btm_bg.jpg) no-repeat;
}

#thumb_service {
	width: 120px;
	height:210px;
	float: left;
}

#thumb2 {
	width: 100%;
	height:auto;
	float: left;
    }
    
#thumb {
	width: 120px;
	height:210px;
	float: left;
}
#footer {
	bottom: 0;
	clear: both;
	width:890px;
	height:90px;
	background: url(images/layout/footer.jpg);
}

#navbar {
	width:522px;
	height:0px;
	padding-top: 105px;
	margin-left: 270px;
}

.navclass a{
	color: #fff;
	text-decoration: none;
	font-size: 130%;
	line-height: 23px;
}

.navclass li{
	display: inline;
	list-style-type: none;
	padding-right: 15px;
}

.navclass a:hover{
	color: #000;
	text-decoration: none;
}



.entry-content ul{
	list-style-type: disc;
}

ul{
	list-style-type: disc;
}

.menu {
	font-family: arial, sans-serif; 
	width:596px; 
	height:40px; 
	position:relative; 
	margin:0; 
	font-size:12px; 
	padding-top: 115px;
	margin-left: 281px;	; 
	position:relative; 
	z-index:100;	
}
.menu ul {padding:0; margin:0; list-style-type: none;}

.menu ul li {float:left; border-left:1px solid #444; width:100px; height:31px;}

.menu ul li a, .menu ul li a:visited {display:block; width:105px; text-decoration:none; padding:0 0 0 5px; height:31px; line-height:30px; color:#000;}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu ul li ul {visibility:hidden; position:absolute; top:145px; left:0; }


.menu ul li:hover a,
.menu ul li a:hover {color:#fff; background:transparent;}

.menu ul li:hover ul,
.menu ul li a:hover ul {visibility:visible; width:622px; color:#fff; }

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {float:right; border:0; border-left:1px solid #eee;}

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {float:left; border:0; border-left:1px solid #eee;}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background:#bd8d5e url(../../graphics/drop2.gif) bottom right no-repeat; color:#fff;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:31px; }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; color:#fff;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#ea5921; color:#000;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; color:#000; }

.menu ul li:hover ul.right li {float:right;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {background:#ea5921; color:#000;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#333; color:#fff;}

/* Textpattern base Sheet
----------------------------------------------- */


blockquote, h3, p, li {
	padding-right: 10px;
	padding-left: 0px;
	font-size: 0.9em;
	line-height: 1.6em;
	background-color:     background-color: #444444;
;
}

blockquote {
	margin-right: 0;
	margin-left: 20px;
}

h1, h3 {
	margin: 0 0 0 0;
	font-weight: normal;
	font: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}

h1, h2 {
	font: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h1 {
	font-size: 1.5em;
	color: #ea5921;
}

h2 {
	font-size: 1.3em;
	margin: 0 0 0 0;
	padding: 0px;
}

hr {
	margin: 2em auto;
	width: 370px;
	height: 1px;
	color: #7a7e7d;
	background-color: #7a7e7d;
	border: none;
}

small, .small {
	font-size: 0.9em;
}

/* links
----------------------------------------------- */

a {
	color: #ea5921;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

h1 a, h2 a, h3 a {
	border: none;
	text-decoration: none;
	font: 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}

h3 a {
	font: 2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#site-name a {
	border: none;
}

#sidebar-2 a, #sidebar-1 a {
	color: #c00;
	border: none;
}

/* layout
----------------------------------------------- */

#accessibility {
	position: absolute;
	top: -10000px;
}


#head {
	text-align: center;
}

#sidebar-1, #sidebar-2 {
	padding-top: 50px;
	width: 150px;
}

#sidebar-1 {
	margin-right: 5px;
	float: left;
	text-align: right;
}

#sidebar-2 {
	margin-left: 5px;
	float: right;
}

.section_list {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}

.section_list li {
	margin: 0 10px 2px 0;
	padding: 0;
}

#foot {
	margin-top: 5px;
	clear: both;
	text-align: center;
}

/* box model hacks
http://archivist.incutio.com/viewlist/css-discuss/48386
----------------------------------------------- */

#sidebar-1, #sidebar-2 {
\width: 150px;
w\idth: 150px;
}

/* articles
----------------------------------------------- */

.directory {
	list-style-type: circle;
}

.author {
	font-style: normal;
	font-size: 0.8em;
}

.published {
	font-size: 0.8em;
}

/* comments
----------------------------------------------- */

.comments_error {
	color: #000;
	background-color: #fff4f4;
}

ul.comments_error {
	padding : 0.3em;
	list-style-type: circle;
	list-style-position: inside;
	border: 2px solid #fdd;
}

div#cpreview {
	color: #000;
	background-color: #f1f1f1;
	border: 2px solid #ddd;
}

/*form#txpCommentInputForm td {
	vertical-align: top;*/
}

#comments-help {
	margin: 2px 0 15px 0;
	font-size: 0.7em;
}


/* comments
----------------------------------------------- */



h3#comment {
  clear: both;
  font-size: 1.6em;
  margin-top: 2.0em;
  border-top: 1px solid #444444;
  border-bottom: 1px solid #444444;
  background: url(/images/news_bg.gif) repeat left bottom;
  text-align: center;
}


.comment.odd {
	background-color: #f3f3f3;
	padding: 5px 0px 15px 10px;
	margin-bottom: 10px;
	border: 1px solid #444444;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;


}


ol.comments {
  margin: 1.2em 1.2em 1.2em 0;
  list-style-type: none;
}

ol.comments li {
  border-bottom: 1px solid #999999;
  padding: 1px 0 1px 0;
  margin-bottom: 1.5em;
}

h3.commenttitle a {
  font-size: 1.6em;
  text-decoration: none;
  color: #444444;
  border: 0;
}

h3.commenttitle a:hover {
  background: #CCCCCC url(/images/a_hover.gif) repeat-x left bottom;
}

.commentmeta {
  font-size: 0.9em;
  line-height: 0em;
}

h3#postcomment {
  display: block;
  clear: both;
  margin: 0.6em 0.6em 0 0.6em;
  font-weight: bold;
  font-size: 1.6em;
  color: #444444;
  text-align: center;
  border: 0;
}

textarea.txpCommentInputMessage {
  height: 150px;
  width: 395px;
  margin-bottom: 10px;
}

/* error page
----------------------------------------------- */

.error-status {
	font: 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.comments-wrapper {
	width: 400px;;
}

.entry-content {
	padding-left: 10px;
}



.entry-content h3 {
	font-size: 1.3em;
	font-weight: bold;
}

/* accordian menu
----------------------------------------------- */


ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 97%;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #000;
}

ul#menu li ul li a {
  background: #ea5921;
  color: #fff;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #333;
  border-left: 5px #000 solid;
  padding-left: 15px;
}
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }




/* portfolio
----------------------------------------------- */



#portfolio h1 { 
	margin: 0 0 0px 0; 
	height: 71px; 
	text-indent: -9999px; 
	padding-bottom: 0;
	}

#portfolio { 
	width: 800px; 
	float: left;
	}
	
.portfolio-item { 
	width: 200px; 
	float: left; 
	display: block; 
	margin: 0px 0px 20px 0px; 
	position: relative;
	}
	
#home .portfolio-item { 
	margin: 0 0 0 0;
	}
	
.portfolio-item a:hover { 
	border: none; 
	background: none;
	}
	
#page-home .portfolio-item { 
	margin-bottom: 0;
	}
	
.portfolio-item img {
	border: none; 
	margin: 10px 0 10px 0;
	}
.portfolio-item h4 {
	margin: 0 0 5px 0;
	}

.portfolio-detail img { 
	float: left;
	}

.portfolio-detail-item { 
	float: right; 
	width: 180px;
	}

.portfolio-detail-item h3 { 
	background: none; 
	border-bottom: 5px solid #E9E7E1; 
	margin: 0px 0px 20px 0;
	padding-bottom: 20px; 
	line-height: 1.2em;
	}

.portfolio-detail .portfolio-detail-item .more {
	float:none;
	}
	
	/* Avaya Tables
----------------------------------------------- */
.avayatable {
	border-collapse:collapse;
	margin: auto;
}

.avayatable th {
	background-color:#ea5921;
	font-weight: bold;
	text-align: center;
	border: 1px solid #000000;
	padding: 5px;
	color: white;
}				

.avayatable td {
	border: 1px solid #000000;
	padding: 5px;
}

.avayatablectr {
	border-collapse:collapse;
	margin: auto;
}

.avayatablectr th {
	background-color:#ea5921;
	font-weight: bold;
	text-align: center;
	border: 1px solid #000000;
	padding: 5px;
}				

.avayatablectr td {
	border: 1px solid #000000;
	padding: 5px;
	text-align: center;
}

.avayatableqx {
	border-collapse:collapse;
	margin: auto;
}

.avayatableqx th {
	background-color: #EE1A2C;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	color:#FFFFFF;
	border: 1px solid #000000;
	padding: 5px;
}				

.twocolleft {
	float:left;
	width: 350px;
}

.avayapage {
	clear:both;
}