/* Comtecs base CSS stylesheet, fresh and new for 2009! */

/* (c) 2009 Comtecs, so keep your mitts off! */



/* General declarations */

.facebook {

display: none;

}

.expired td { 
	background-color: #f00;
	color: #fff;
}
.expiring td {
	background-color: yellow;
}
.controls {
float: right;
}
.splashimgs a:hover {
	border: 2px solid #c0c0c0;
}
body {

	background-color: #5c5c5c;

	margin:0px;

	padding:0px;

}

body,#container {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #48484a;

}
#copyright, #logocontrol {
display: none;
}

h1,h2,h3 {

	font-family: Arial, Helvetica, sans-serif;

	color: #07055a; /* Also known as Comtecs Blue, maybe. */

}

h2 {

	font-weight: normal;

	font-size: 14px;

}

h2.internal {

	margin-top: 0px;

}

#maininfo p, #contactinfo p, #statusinfo p, #notesinfo p, .maininfo p, .notesinfo p, h2 {

	margin: 2px 0px;

}

#maininfo, #contactinfo, .maininfo {

	min-height: 200px;

}

#maininfo, #statusinfo, .maininfo {

	width: 260px;

	float: left;

}

#contactinfo, #notesinfo, .notesinfo {

	width: 430px;

	float: right;

}

.notes {

	width: 100%;

	background-color: #efefef;

	padding: 2px;

	border: 1px solid #48484a;

	height: 55px;

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

}

.maincontacts {

	width: 50%; float: left;

	background-image: url('/images/background.gif');

	background-repeat: no-repeat;

	border-bottom: 1px dotted #48484a;

	padding-top: 10px;

	padding-bottom: 10px;

}

#topline {

	border-bottom: 1px solid #48484a;

}

.note {

	padding-bottom: 4px;

	margin-bottom: 4px;

	border-bottom: 1px solid #48484a;

	width: 100%;

}

.notelead {

	font-style: italic;

	border-bottom: 1px solid #ddd;

	width: 100%;

}

.leader {

	color: #48484a;

	border-bottom: 1px solid #48484a;

	width: 100%;

	

}

.editlink {

	float: right;

}

.editlink img {

	border: 0px;

	margin-right: 20px;

}

#operations img {

	border: 0px;

}

#maininfo h2 {

	font-weight: bold;

}

.breaker {

	clear: both; /* Used to sort out pesky floats! */

}

.moreinfo {

	text-align: right;

	float: right;

	margin-top: 6px;

}



.moreinfo a {

	padding: 4px;

	background-color: none;

	color: #fff;

	border: 1px solid #fff;

	text-decoration: none;

}



.dark a {

	color: #666;

	border: 1px solid #666;

}

.moreinfo a:hover {

	color: blue;

	background-color: #eee;

}	



/* Cool image replacement technique for SEO */

h1#title {

	padding: 58px 0 0 0;

	overflow: hidden;

	background-image: url("/images/logo.gif"); 

	background-repeat: no-repeat;

	width: 262px;

	height: 0px !important; /* for most browsers */

	height /**/:58px; /* for IE5.5's bad box model */

}



/* Layout CSS */

#container {

	width: 815px;

	margin: 0 auto;

	background-color: #fff;

}

#inner {

	width: 745px;

	margin: 0 auto;

}

#logo {

	float: left;

}

#telephone {

	float: right;

}

#telephone h3 {

	padding:0px;

	margin:0px;

	margin-top: 24px;

	font-weight: normal;

	font-size: 2.8em;

}

#navigation {

	font-size: 11px;

	font-weight: bold;

	border-top: 1px dotted #000;

	border-bottom: 1px dotted #000;

	margin-bottom: 5px;

}

#navigation ul {

	padding: 5px 0px 5px 0px;

	margin: 0px;

}

#navigation ul li {

	display: inline;

}

#navigation ul li a {

	text-decoration: none;

	color: #48484a;

	padding: 0px 13px 0px 13px;

}

#navigation ul li a:hover {

	text-decoration: underline;

	color: #000;

}

#navigation ul li.starter a {

	padding-left: 0px;

}

#navigation ul li.last a {

	padding-right: 0px;

}

#home-mast {

	height: 350px;

}

#home-mast-container {

	height: 350px;

	background-repeat: no-repeat;



}

/* Masthead conditional positioning and colours */

.text-1, .text-4, .text-6, .text-7, .text-8, .text-9 {

	float: right;

	margin: 30px 20px 0px 0px;

	width: 370px;

	text-align: justify;

}

.text-2, .text-3, .text-5 {

	float: left;

	margin: 10px 0px 0px 10px;

	width: 320px;

	text-align: justify;

	color: #fff;

}

.text-5 {

	margin: 230px 0px 0px 10px;

}

.text-6 {

	color: #fff;

}

.text-6, .text-9 {

	width: 320px;

	margin: 10px 10px 0px 0px;

}

.text-7 {

	width: 340px;

        margin: 180px 10px 0px 0px;

}

.text-3 {

	width: 350px;

}

.text-4, .text-8 {

	margin: 30px 10px 0px 0px;

	width: 360px;

	color: #fff;

}



.firstline {

	font-size: 25px;

}

.secondline {

	margin-top: -7px;

	font-size: 25px;

	text-align: right;

}

#home-content .left {

	float: left;

	width: 310px;

}

#home-content p {

	font-size: 12px;

	text-align: justify;

}

#home-content .right {

	float: left;

	padding-top: 16px;

	padding-left: 25px;

}

.box-outer {

	width: 130px;

	float: left;

	margin-right: 10px;

	text-align: center;

}

.box-inner {

	border: 1px solid #d2d2d2;

	text-align: center;

	height: 95px;

	padding: 2px;

	margin-bottom: 3px;

	margin-top: 7px

}

.boxhead {

	color: #07055a;

	font-size: 12px;

}

.last {

	margin-right: 0px;

}

#footer {

	background-color: #5c5c5c;

}

#footer div {

	color: #fff;

	font-size: 10px;

}

#terms {

	float: left;

}

#copyright {

	float: right;

}



.internal-left {

	float: left;

	width: 200px;

}

#intnav {

	list-style-type: none;

	padding-left: 0px;

	margin-left: 0px;

}

#intnav li {

	padding: 5px 0px 5px 0px;

}

#intnav li a {

	color: #5c5c5c;

	text-decoration: none;

}

#intnav li a:hover {

	color: #000;

	text-decoration: underline;

}

.internal-right {

	float: left;

	width: 545px;

}

#internal-mast {

	background-color: #8ad4f5;

	height: 185px;

	margin-top: 20px;

}

.mast-text {

	padding-top: 5px;

	padding-left: 193px;

	padding-right: 8px;

}

#internal-mast img {

	float: left;

}

.quote {

	font-size: 15px;

	font-weight: bold;

}

.quote-tag {

	font-size: 12px;

	padding-top: 5px;

	text-align: right;

}

#status {

}



/* Begin Web 2.0 bottom list styling */

#links {

	padding-bottom: 20px;

	margin-top: 10px;

	font-size: 11px;

}

#links ul {

    padding: 8px 0 0 0;

    margin: 0 0 25px 0;

    list-style-type: none;

}

#links ul * {

    margin: 0;

    padding: 0;

}

#links ul li {

    display: block;

    float: left;

    width: 25%;

    _width: 24%;

}

#links a, .right a, .sharethis a {

	text-decoration: none;

	color: #48484a;

}

.sharethis {

	float: left;

}

#links a:hover {

	color: #000;

	text-decoration: underline;

}



* + html #links ul li {

    width: 24%;

}



#links dt {

	font-weight:bolder;

	width: 90%;

	border-bottom: 1px solid #c0c0c0;

	margin-bottom: 5px;

}







/* Slideshow CSS */

#items_container {

	width: 745px;

	height: 350px;

	overflow: hidden;

	position: relative;  /* this could also be set as 'relative', too */

	left: 0px;

	top: 0px;

	background-color: #6299AE;

}



div.slide_item {

	width: 745px;

	height: 350px;

	position: absolute;

	left: 500px;

	top: 0px;

}



div.first_item {

	left: 0;

}

#num_nav {

	width: 750px;

	height: 30px;

	list-style: none;

	position: relative;

	top: -60px;

	left: 460px;

}



#num_nav li {

	display: block;

	float: left;

	width: 20px;

	height: 20px;

	margin: 2px;

	border: 1px solid #666666;

	background-color: #333333;

}



#num_nav a {

	display: block;

	width: 20px;

	height: 20px;

	color: #fff;

	line-height: 20px;

	text-align: center;

}

#terms a {

	color: #fff;

	text-decoration: none;

}

.socialnetworking {

	width: 170px; 

	padding-top: 10px;

	border-top: 1px dotted #000;

}

.socialnetworking img {

	margin: 5px 5px 5px 5px;

	border: 0px;

}



.socialnetworking-home {

	padding-top: 10px;

        border-top: 1px dotted #000;

}

.socialnetworking-home img {

	padding: 10px 3px 0px 3px;

	border: 0px;

}

.error {   border: 1px solid #ff0000; padding: 3px; width: 95%; margin-top: 5px; background-color: #FFB5B9; }

.success { border: 1px solid #11772D; padding: 3px; width: 95%; margin-top: 5px; background-color: #C4EFC5; }



#pagecontent {

	text-align: justify;

}

#interviewbullets ul {

	margin-top:0px;

}











.icon {

	padding-left: 20px;

	padding-top: 2px;

	padding-bottom: 2px;

	background-repeat: no-repeat;

}

.website {

	background-image: url('/images/website.png');

}

.telephone {

	background-image: url('/images/telephone.png');

}

.fax {

	background-image: url('/images/fax.png');

}

.social {

	background-image: url('/images/social.png');

}

.email {

	background-image: url('/images/email.png');

}

.activelink {

	background-color: #ddd;

}



#searchbox {

	float: right;

	padding-top: 7px;

}

.searchresult {

	float: left;

	width: 200px;

/*	border-right: 1px dotted #000;

	border-bottom: 1px dotted #000;

*/	padding-left: 20px;

	min-height: 165px;

	background-color: #fafafa;

}

.alt {

	background-color: #eee;

}

.searchresult p {

	margin: 0px;

}

#sresults {

	width: 660px;

	border: 1px solid #000;

}

.sticky {

	background-color: #FFFFDD;

}

#mainnotes {

	height: 200px;

	overflow: auto;

}
#news {
	border: 1px solid #000;
	margin-bottom: 5px;
	height: 20px;
}
#newshead {
	float: left;
	padding-right: 10px;
	padding-top: 1px;
	padding-left: 2px;
}
#moostick {
	float: left;
}
#moostick,
	.moostick
{
	display: block;
	height: 1.1em;
	margin: 0;
	text-align: left;
	padding: 2px 0 2px 0;
	overflow: hidden;       /* used in css check */
}

#moostick li,
	.moostick li
{
	display: block;         /* used in css check */
	list-style-type: none;  /* used in css check */
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
}

#moostick .show,
	.moostick .show
{
	visibility: visible;
	opacity: 1;
}