/* CSS Document */

/* CSS Document */

#clear {

	clear:both;

}


.clear {

	clear:both;

}


a {

	color:#777;
	text-decoration:underline;

}

#siteholder {

	padding-top:30px;
	width:798px;

	font-family:Helvetica, Arial, sans-serif;
	font-size:85%;
	color:#666;

}

#wrapper {

	border:1px solid #888;
	text-align:left;
	width:100%;

}

#case #wrapper {
	
	background:#fff url(../images/site/case-sidegraph-bg.jpg) repeat-y 0 0;

}

#header {

	margin:0;
	padding:0;
	
	height:125px;

}

#appr #header {
	
	background:#fff url(../images/site/appr-sidegraph-top.jpg) repeat-y 0 0;

}

#case #header {
	
	background:#fff url(../images/site/case-sidegraph-top.jpg) repeat-y 0 0;

}

#cont #header {
	
	background:#fff url(../images/site/cont-sidegraph-top.jpg) repeat-y 0 0;

}

#serv #header {
	
	background:#fff url(../images/site/serv-sidegraph-top.jpg) repeat-y 0 0;

}

#twocolumn {

	
}

#portfolio #twocolumn {

	background:none;

}

#appr #leftcol {

	width:390px;
	background:url(../images/site/appr-sidegraph-side.jpg) no-repeat 0 0;
	height:523px;

	float:left;

}

#serv #leftcol {

	width:390px;
	background:url(../images/site/serv-sidegraph-side.jpg) no-repeat 0 0;
	height:523px;

	float:left;

}

#case #leftcol {

	width:386px; /*was 386px*/
	background:#cd0f0f url(../images/site/case-sidegraph-side.jpg) no-repeat 0 0;
	height:523px;

	float:left;

}

#cont #leftcol {

	width:390px;
	background:url(../images/site/cont-sidegraph-side.jpg) no-repeat 0 0;
	height:523px;

	float:left;
}

#rightcol {

	width:400px;

	float:right;

}

#footer {

	border:1px solid #888;

	margin-top:5px;
	padding-top:5px;
	padding-bottom:5px;

}

#pagelinks {

	margin-top:5px;
	padding-top:5px;
	padding-bottom:5px;

}






/*//////////////// MAIN MENU STYLES ///////////////////*/

#mainmenu {
   padding: 0;
   margin: 0;
   font-size:90%;

}

#mainmenu ul {
   margin: 0 0 0 0;
   padding: 0 0 1.5em 0;
   list-style-type: none;
}

#mainmenu li {
	color: #fff;
	text-decoration:none;
	padding: 2px 0 2px 0;

}

#mainmenu li.last {


}

#mainmenu li.current, #mainmenu li.currentlast {

	padding: 2px 0 2px 28px;
	text-decoration:none;
	background:url(../images/site/arrow-white.gif) no-repeat 0 5px;

}

#mainmenu li.currentnone , #mainmenu li.currentnonelast {
   color: #fff;
}

#mainmenu li.currentnone a, #mainmenu li.currentnonelast a {
   color: #fff;
}

#mainmenu li.current a, #mainmenu li.currentlast a {
   color: #fff;
}

#mainmenu li.current li a, #mainmenu li.currentlast li a {
   color: #fff;
}

#mainmenu li.current li.current a, #mainmenu li.currentlast li.currentlast a {
   color: #fff;

}

/*#mainmenu ul ul {
   margin: 0.7em 0 0 0;
   padding-bottom: 0;
   color: #777;
}

#mainmenu ul ul ul {
   margin: 0.7em 0 0 0;
   padding-bottom: 0;
   color: #777;
}

#mainmenu ul ul li.last, #mainmenu ul ul li.currentnonelast , #mainmenu ul ul li.currentlast {
   border-bottom: none;
   padding-bottom: 0;
   margin-bottom: 0;
}*/


#mainmenu a {

	padding: 3px 0 3px 28px;
	text-decoration:none;
	color:#fff;

}


#mainmenu a:hover, #mainmenu a:active {

	color:#fff;
	padding: 3px 0 3px 28px;
	text-decoration:none;
	background:url(../images/site/arrow-white.gif) no-repeat 0 5px;

}

/*///////////////// end MENU STYLES ///////////////////*/



/*///////////////// PORTFOLIO PARTS ///////////////////*/


#portmenus h1 {

	color:#555;
	font-size:160%;
	font-weight:normal;
	padding: 3px 0 3px 0;
	margin:0 0 0 27px;

}


#portitem  {

	margin-top:20px;
	margin-bottom:10px;
	padding:0 0 5px 20px;

}


#description {

	margin: 15px 0 0 20px;
    padding: 2px;

	float:left;
	display:inline;

}


.pagenav {
      border-top: none;
      border-bottom: none;
	  margin: 15px 20px 0 0 ;
      padding: 2px;
	  padding-right:20px;
      background: #fff;

	  float:right;

}

.pagenav h2 {
      font-weight: normal;
      display: inline;
}

.pagenav ul {
      display: inline;
      margin: 0 0 0 0.5em;
      padding: 0;
}

.pagenav li {
      display: inline;
      padding: 0 0 0 2px;
}

.pagenav li.first {
      background: url('');
      padding-left: 0;
}

.pagenav li a {
        color: #555;
        text-decoration: underline;
}

.pagenav li a:hover {
        color: #555;
        text-decoration: underline;
}


/*//////////////// DISCIPLINES MENU STYLES ///////////////////*/

.disc {
   padding: 0;
   margin: 0 20px 0 0;
   width: auto;
   float: left;
   display: inline;
}

.disc ul {
   margin: 0 0 0 0;
   padding: 0 0 1.5em 0;
   list-style-type: none;
}

.disc h1 {
   margin: 0 0 0 28px;
}

.disc li {
	color: #777;
	text-decoration:none;
	padding: 2px 0 2px 0;

}

.disc li.last {


}

.disc li.current, .disc li.currentlast {

	padding: 3px 0 3px 0;
	text-decoration:none;
	background:url(../images/site/arrow-yellow.gif) no-repeat 0 5px;

}

.disc li.currentnone , .disc li.currentnonelast {
   color: #777;
}

.disc li.currentnone a, .disc li.currentnonelast a {
   color: #777;
}

.disc li.current a, .disc li.currentlast a {
   color: #777;
}

.disc li.current li a, .disc li.currentlast li a {
   color: #777;
}

.disc li.current li.current a, .disc li.currentlast li.currentlast a {
   color: #777;

}

.disc a {
   padding: 3px 0 3px 28px;
	text-decoration:none;
	color:#777;
}


.disc a:hover, .disc a:active {
   color:#777;
	padding: 3px 0 3px 28px;
	text-decoration:none;
	background:url(../images/site/arrow-yellow.gif) no-repeat 0 5px;
}

/*///////////////// end MENU STYLES ///////////////////*/

















/*///////////////// CONTENT STYLING ///////////////////*/


#home #content {

	padding: 0px 20px 0px 24px;

}

#portfolio #content {

	padding: 0;

}

#content {

	padding: 0px 40px 0px 30px;

}

#content a {

	color:#cd0f0f;

}

#content h1 {

	margin: 0 0 0 0;

	color:#555;
	font-size:160%;
	font-weight:normal;

}

#content h2 {

	margin: 20px 0 0 0;

	color:#555;
	font-size:100%;
	font-weight:normal;

}

#content h3 {

	margin: 0 0 0 0;

	color:#555;
	font-size:110%;
	font-weight:normal;

}


#content p {

	margin: 7px 0;

	color:#666;
	font-size:90%;
	font-weight:normal;
	text-align:justify;
	line-height:16px;

}


#servicestable {

	font-size:90%;
	font-weight:normal;
	line-height:16px;

}

.redhighlight {

	color:#cd0f0f;

}





/*///////////////// end CONTENT STYLING ///////////////////*/











  /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 /*////////////////// HOME PAGE STYLES (Different from all other pages, so don't touch. I warned you!) ///////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



#home #twocolumn {

	background:none;

}

#home #leftcol {

	width:430px;
	background:none;

	float:left;

}

#home #rightcol {

	width:357px;

	float:right;

}


/*//////////////// MAIN MENU STYLES for HOME ///////////////////*/

#home #mainmenu {
   padding: 0;
   margin: 0;
}

#home #mainmenu ul {
   margin: 0 0 0 0;
   padding: 0 0 1.5em 0;
   list-style-type: none;
}

#home #mainmenu li {
	color: #777;
	text-decoration:none;
	padding: 2px 0 2px 0;

}

#home #mainmenu li.last {


}

#home #mainmenu li.current, #home #mainmenu li.currentlast {

	padding: 3px 0 3px 28px;
	text-decoration:none;
	background:url(../images/site/arrow-grey.gif) no-repeat 0 5px;

}

#home #mainmenu li.currentnone , #home #mainmenu li.currentnonelast {
   color: #777;
}

#home #mainmenu li.currentnone a, #home #mainmenu li.currentnonelast a {
   color: #777;
}

#home #mainmenu li.current a, #home #mainmenu li.currentlast a {
   color: #777;
}

#home #mainmenu li.current li a, #home #mainmenu li.currentlast li a {
   color: #777;
}

#home #mainmenu li.current li.current a, #home #mainmenu li.currentlast li.currentlast a {
   color: #777;

}

/*#mainmenu ul ul {
   margin: 0.7em 0 0 0;
   padding-bottom: 0;
   color: #777;
}

#mainmenu ul ul ul {
   margin: 0.7em 0 0 0;
   padding-bottom: 0;
   color: #777;
}

#mainmenu ul ul li.last, #mainmenu ul ul li.currentnonelast , #mainmenu ul ul li.currentlast {
   border-bottom: none;
   padding-bottom: 0;
   margin-bottom: 0;
}*/


#home #mainmenu a {

	padding: 3px 0 3px 28px;
	text-decoration:none;
	color:#777;

}


#home #mainmenu a:hover, #home #mainmenu a:active {

	color:#777;
	padding: 3px 0 3px 28px;
	text-decoration:none;
	background:url(../images/site/arrow-red.gif) no-repeat 0 5px;

}

/*///////////////// end MAIN MENU STYLES for HOME PAGE ///////////////////*/

  /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 /*////////////////////////////////////////////// end HOME PAGE STYLES ///////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/






  /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 /*////////////////// Portfolio PAGE STYLES (Different from all other pages, so don't touch. I warned you!) ///////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*//////////////// MAIN MENU STYLES for HOME ///////////////////*/

#portfolio #mainmenu {
   padding: 0;
   margin: 0;
   width:200px;

   float:left;
   display:inline;

}

#portfolio #mainmenu ul {
   margin: 0 0 0 0;
   padding: 0 0 1.5em 0;
   list-style-type: none;
}

#portfolio #mainmenu li {
	color: #777;
	text-decoration:none;
	padding: 2px 0 2px 0;

}

#portfolio #mainmenu li.last {


}

#portfolio #mainmenu li.current, #portfolio #mainmenu li.currentlast {

	padding: 3px 0 3px 28px;
	text-decoration:none;
	background:url(../images/site/arrow-grey.gif) no-repeat 0 5px;

}

#portfolio #mainmenu li.currentnone , #portfolio #mainmenu li.currentnonelast {
   color: #777;
}

#portfolio #mainmenu li.currentnone a, #portfolio #mainmenu li.currentnonelast a {
   color: #777;
}

#portfolio #mainmenu li.current a, #portfolio #mainmenu li.currentlast a {
   color: #777;
}

#portfolio #mainmenu li.current li a, #portfolio #mainmenu li.currentlast li a {
   color: #777;
}

#portfolio #mainmenu li.current li.current a, #portfolio #mainmenu li.currentlast li.currentlast a {
   color: #777;

}

/*#mainmenu ul ul {
   margin: 0.7em 0 0 0;
   padding-bottom: 0;
   color: #777;
}

#mainmenu ul ul ul {
   margin: 0.7em 0 0 0;
   padding-bottom: 0;
   color: #777;
}

#mainmenu ul ul li.last, #mainmenu ul ul li.currentnonelast , #mainmenu ul ul li.currentlast {
   border-bottom: none;
   padding-bottom: 0;
   margin-bottom: 0;
}*/


#portfolio #mainmenu a {

	padding: 3px 0 3px 28px;
	text-decoration:none;
	color:#777;

}


#portfolio #mainmenu a:hover, #portfolio #mainmenu a:active {

	color:#777;
	padding: 3px 0 3px 28px;
	text-decoration:none;
	background:url(../images/site/arrow-red.gif) no-repeat 0 5px;

}

/*///////////////// end MAIN MENU STYLES for HOME PAGE ///////////////////*/

  /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 /*////////////////////////////////////////////// end HOME PAGE STYLES ///////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/




/* Tables */
table {
        border-collapse: collapse;
        border: none;
        clear: none;
        margin: 0;
}

caption {
   text-align: left;
   margin: 0 0 .2em 0;
   font-weight: bold;
   font-size: 120%;
}

thead th {
        background: #fff;
        font-weight: normal;
        color: #fff;
        font-size: 105%;
        border-bottom: none;
}

th {
   font-weight: normal;
}

th, td {
   padding: 1px;
   border-right:none;
   border-bottom:none;
}