/* 

CSS Style Sheet.
Matrix Solutions Website.
V1.01.
Functioning but need to clean up all traces of not used classes or IDs (IE6 some fixes)

*/

/*
IE 6 Banner
*/

#ie6Warning {
		background: #e3e3e3;
		border: 1px solid #bbbbbb;
		padding: 10px 10px 1px;
		margin-bottom: 10px;
}

#ie6Warning h2 {
	    background-image: url(../images/ie6-warning.gif);
		background-repeat: no-repeat;
		padding-left: 40px;
}




/*
General Styling start
*/
body {
	background-color: #2c5abf;
}

.clear-both {
	clear: both;
}

#container {
	font-size: 12px;
	margin: 0px auto;
	margin-bottom: 0px; /* 20px*/
	width: 976px; /*976*/
	color: #666;
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	background-color: #fff;
	
}

#sidebar-left {
	PADDING-LEFT: 3px;
	FLOAT: left;
	MARGIN-LEFT: 0px;
	WIDTH: 168px;
	margin-bottom: 5px;
}

.admin#content {
	WIDTH: 570px
}

#content {
	FLOAT: left;
	MARGIN: 0px 0px 0px 0px;
	OVERFLOW: hidden;
	WIDTH: 780px;
}

.content-mission {
	padding: 20px;
	font-size: 14px;
	background-image:url(../images/testimonials-bg1.png);
	background-repeat:repeat-x;
	background-color: #c7f4fe;
	color: #6a6205;
	margin-left: 20px;
	margin-right: 20px;
}

.feedback-form {
	margin-top: -20px;  /*-20px*/
	margin-left: 20px;
	margin-right: 20px;
	font-size: 14px;
	background-color: #c7f4fe;
}

.cust-serv-pic {
	padding: 20px;
	margin-right: 50px;
	margin-top: -287px;
}

.latestnews {
	padding:20px;
	background-color:#FFF;
	font-size:16px;
	clear: both
}

#head_main {
	        width: 785px;
            position: relative; 
            clear: both; 
} 

#head_left {
	width: 60%;
	position: relative;
	float: left	
}

#head_right {
	width: 38%;
	position: relative;
	float: right;
	padding: 4px
}

.sky-packages {
	float: left;
	width: 250px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
}

.sky-packages-picture {
	float: right;
	width: 500px;
	margin-top: 14px;
	margin-bottom: 30px;
}

.pc-image {
	margin: 20px;
}

/*
General Styling End
*/

/*
Nav Start
*/

ul.navigation {
margin: 0px;
padding: 5px;
list-style-type: none;
}

ul.navigation li{
padding-left: 10px;	
margin-top: 3px;
}

ul.navigation a {
color: #2a59bd;
width: 150px;
display: block;
}

ul.navigation a:hover {
color: #2a59bd;
background-color: #dde6f8;
}


/*
Nav End
*/

/*
Date Start
*/

.date {
	padding-left: 1px;
}

/*
Date End
*/

/*
Font Styling Start
*/

H1 {
	font-size: 16px;
	color: #666666;
}
H2 {
	font-size: 16px;
	text-transform: capitalize;
	color: #666666;
}
H3 {
	font-size: 13px;
	color: #666666;
}

#header H1 {
	FONT-SIZE: 32px; COLOR: #cc6633
}
#header P {
	MARGIN: -17px 0px 8px 30px; COLOR: #999999
}

a {
	color: #2a59bd;
}

a:hover {
	color: #2a59bd;
	font-weight: bold
}

a.index1 {
	color: #2a59bd;
}

a:hover.index1 {
	color: #2a59bd;
	font-size:16px;
	font-weight: bold
}

a.about-new {
	color: #FF0000
}

a:hover.about-new {
	color: #FF0000;
	font-size:14px;
	font-weight: bold
}

a.form-error {
	color: #336600;
	background-color: #FEE7E8;
}

a:hover.form-error {
	color: #CB0110;
	font-size:14px;
	background-color: #FEE7E8;
	font-weight: bold
}

a.form-valid {
	color: #0000FF;
	background-color: #EFFFDF;
	font-weight: bold
}

a:hover.form-valid {
	color: #0000FF;
	font-size:14px;
	background-color: #EFFFDF;
	font-weight: bold
}

H1.title {
	MARGIN: 5px 0px
}
.index-big {
	font-size:14px
}
.index-big-hd {
	font-size:16px;
	padding: 10px;
}
.heading1 {
	font-size:12px
}
.404 {
	font-size:14px;
	color:#F00
}

#content H2 A:link {
	COLOR: #666666
}
#content H2 A:visited {
	COLOR: #666666
}
#content H2 A:hover {
	COLOR: #cc6714
}
#content P {
	PADDING-BOTTOM: 10px; 
}

/*
Font Styling End
*/



/*
font styling
.navlist A:visited {
	COLOR: #cc6714;
}
font styling
*/



/*
Footer Start
*/
#footer {
	CLEAR: both;
	PADDING-RIGHT: 5px;
	MARGIN-TOP: 20px;
	margin-bottom: -20px; /* Important IE6 and 7 fix white gap below footer was set 0px now -20px FURTHER TESTING ALL PLATFORMS + BROWSERS*/
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	background-image:url(../images/footer.png);
}

#footer P {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	COLOR: #FFFFFF;
	PADDING-TOP: 5px
}

#footer P A {
	color: #CCC;
}

#footer P A:hover {
	color: #ffffff;
}
/*
Footer End
*/

/*
Form Start
*/
.form-error {
	COLOR: #CB0110;
	BACKGROUND-COLOR: #FEE7E8;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.form-valid {
	COLOR: #0000CC;
	BACKGROUND-COLOR: #EFFFDF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.form-enter {
	BACKGROUND-COLOR: #EFFFDF
}
.form-enter-req {
	border-color:#009933;
	BACKGROUND-COLOR: #EFFFDF
}
.form-border {
	BACKGROUND-COLOR: #EFFFDF;
	margin-top: auto;
	margin-right: 345px;
	margin-bottom: auto;
	margin-left: 0px;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid #009933;
}
/*
Form End
*/

/*
Misc Start
*/

DIV.dashboard-container1 {
	OVERFLOW: hidden
}
DIV.dashboard-container2 {
	OVERFLOW: hidden
}
DIV.dashboard-panel-head {
	FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #adadad
}
#sidebar-right {
	FLOAT: right; WIDTH: 175px
}
#sidebar-right P {
	PADDING-BOTTOM: 10px; BORDER-BOTTOM: #dddddd 1px solid
}
#sidebar-left .calendar A {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; TEXT-TRANSFORM: none; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}

/*
Misc End
*/

/********************************* LiveValidation *************************************/

.LV_valid {
	background-image: url('../images/bullet.png'); background-position: 100%; background-repeat: no-repeat;
	z-index:1;
}
	
.LV_invalid {
	color:#990000;
}
	
.LV_validation_message{
    margin:0 0 0 10px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
	background-image: url('../images/bullet.png'); background-position: 100%; background-repeat: no-repeat;
	z-index:1;
    border: 1px solid #66CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #990000;
}

/*__END__*/