/* CSS Document */

html {
	margin: 0;
	}

body {
	margin: 0;
	text-align: center;
	background: url(layout-images/body-bg.jpg);
	background-repeat: repeat-x;
	}
#container {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	}

#main {
	margin: 0;
	width: 900px;
	background: url(layout-images/main-bg.jpg);
	background-repeat: repeat-x;
	}

.mainfs {
	padding: 12px 0 0 0;
	font-family: Arial, Verdana, Sans-Serif;
	color: #03255b;
	}

#mainpns {
	width: 552px;
	float: left;
	padding-left: 24px;
	padding-right: 24px;
	}

#mainpns a {
	color: #03255b;
	}

#mainpns h3 {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 18px;
	}

#mainpns p {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 14px;
	}

#mainpns li {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 14px;
	}

#mainrside {
	width: 300px;
	float: left;
	}

#mainrside p {
	text-align: center;
	}

#mainrside p a {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #03255b;
	}
	
#mainrside h3 {
	padding: 12px 0 0 0;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 18px;
	font-style: italic;
	color: #03255b;
	}
	
	
/*###################header starts here*/
#header {
	width: 900px;
	height: 101px;
	background: url(layout-images/header-bg.jpg);
	}

#identity {
	float: left;
	}
#identity h1 {
	width: 248px;
	height: 101px;
	margin: 0;
	background: url(layout-images/cpms-logo.jpg);
	}
#identity h1 span {
	display: none;
	}

#call {
	float: right;
	}
#call h2 {
	width: 350px;
	height: 101px;
	margin: 0;
	background: url(layout-images/call-us.jpg);
	}
#call h2 span {
	display: none;
	}
/*###################header ends here*/

/*###################navigation starts here*/
#navigation {
	width: 900px;
	height: 42px;
	background: url(layout-images/nav-bg.jpg);
	}
#navigation ul {
	margin: 0;
	padding: 0;
	}
#navigation li {
	margin: 0;
	padding: 0;
	}
ul#navmain li {
	display: block;
	float: left;
	}
ul#navmain li a {
	display: block;
	outline: none;
	width: 70px;
	height:42px;
	background: url(layout-images/nav-buttons.jpg) no-repeat 0 0;
	text-indent: -9009px;
	margin: 0 60px 0 0;
	}
ul#navmain li a:hover {
	background-position: 0 -42px
	}
ul#navmain li#navhome a {
	margin: 0 60px 0 12px;
}
ul#navmain li#navprod a {
	width: 181px;
	background-position: -70px 0;
	margin:0 60px 0 0;
	}
ul#navmain li#navprod a:hover {
	background-position:-70px -42px
	}
ul#navmain li#navclient a { 
	width: 181px;
	background-position: -251px 0;
	margin: 0 60px 0 0;
	}
ul#navmain li#navclient a:hover {
	background-position: -251px -42px
	}
ul#navmain li#navabout a {
	width: 95px;
	background-position: -432px 0;
	margin: 0 60px 0 0;
	}
ul#navmain li#navabout a:hover {
	background-position: -432px -42px
	}
ul#navmain li#navcontact a {
	width: 111px;
	background-position: -527px 0;
	margin: 0;
	}
ul#navmain li#navcontact a:hover {
	background-position: -527px -42px
	}
/*###################navigation ends here*/

/*###################special section starts here*/
#special {
	width: 600px;
	height: 255px;
	float: left;
	padding-top: 8px;
	}
/*###################special section ends here*/

/*###################list signup section starts here*/
#mlform {
	width: 300px;
	height: 250px;
	float: left;
	}
#mlform h3 {
	margin: 0;
	padding: 12px 0 0 0;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 18px;
	font-style: italic;
	color: #dd3300;
	}
input.mlstxt {
	width: 259px;
	height: 37px;
	padding: 7px 0 12px 12px;
	margin: 0;
	background: url(layout-images/mltxt-bg.gif);
	background-repeat: no-repeat;
	border: none;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 18px;
	color: #505b76;
	}
input.mlssubmit {
	width: 259px;
	height: 37px;
	padding: 0;
	margin: 0;
	border: none;
	}
/*###################list signup section ends here*/

/*###################featured items section starts here*/
#featureditems {
	width: 900px;
	height: 100px;
	clear: both;
	}
#featureditems li a {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 14px;
	font-style: italic;
	color: #03255b;
	}
#featureditems li a:hover {
	color: #fff;
	background-color: #03255b;
	}
img.fipic {
	display: block;
	margin: 0 auto;
	}
#item1 {
	width: 300px;
	float: left;
	}
#item1 ul {
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
	}
#item1 li {
	background: url(layout-images/check-mark.jpg);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 22px;
	}
#item2 {
	width: 300px;
	float: left;
	}
#item2 ul {
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
	}
#item2 li {
	background: url(layout-images/check-mark.jpg);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 22px;
	}
#item3 {
	width: 300px;
	float: left;
	}
#item3 ul {
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
	}
#item3 li {
	background: url(layout-images/check-mark.jpg);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 22px;
	}
#featureditems h2 span {
	display: none;
	}
h2#pbproducts {
	width: 217px;
	height: 26px;
	background: url(layout-images/pb-products.jpg);
	margin: 0;
	}
h2#pbservices {
	width: 214px;
	height: 26px;
	background: url(layout-images/pb-services.jpg);
	margin: 0;
	}
h2#pbother {
	width: 263px;
	height: 26px;
	background: url(layout-images/pb-other.jpg);
	margin: 0;
	}
/*###################featured items section ends here*/

/*###################Testimonial section starts here*/
#testimonialcont {
	clear: both;
	text-align: center;
	}
#testimonial {
	width: 859px;
	height: 88px;
	margin: 0 auto;
	}
#testimonial p {
	text-align: left;
	margin: 0;
	padding: 12px 12px 0 12px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 18px;
	color: #505b76;
	}
#testimonial p.author {
	text-align: right;
	color: #80889b;
	margin: 0;
	padding: 0 12px 0 12px;
	}
/*###################Testimonial section ends here*/

/*###################Copywright section starts here*/
#copyright {
	height: 120px;
	background: url(layout-images/copyright-bg.jpg);
	margin: 20px 0 0 0;
	}
#copyright p {
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #456088;
	}
#copyright p.copyp1 {
	padding-top: 35px;
	}
#copyright a {
	color: #ddd;
	}
/*###################Copywright section ends here*/