/* CSS Document for COMGATE pjones */
*{
	margin:0;
	padding:0;
}
body, html{
	width:100%;
	height:100%;
	text-align: center;

}
img{
	border:0;
}


#bodyoverall {
	margin: 0px auto;
	width: 877px;
	text-align: left;
}

/* the header */

div#banner {
	height:130px;
	width:877px;
	background: url(/images/Comgate-header.jpg) no-repeat;
        font: 13px Arial;
}
div.words {
	float: right;
	margin-top: 70px;
	height: 30px;
	width: 250px;
}	
div.indent {
	margin: 0 0 0 50px;
}
#navbar {
        clear: both;
        padding: 0px 0 0 12px;
        height: 28px;
	width: 762px;
        background-color:#c7c8ca;
}
div.nav1 , div.nav2 , div.nav3 , div.nav4  {
        float: left;
        height: 28px;
}
div.nav1 {
	width: 188px;
    	background: url(/images/Home-no-text.jpg) 0px -28px no-repeat;
}
div.nav2 {
        width: 186px;
        background: url(/images/What-we-do.jpg) 0px -28px no-repeat;
}
div.nav3 {
        width: 186px;
        background: url(/images/About-us.jpg) 0px -28px no-repeat;
}
div.nav4 {
        width: 190px;
        background: url(/images/Contact-us.jpg) 0px -28px no-repeat;
}

div.nav1 a, div.nav2 a, div.nav3 a, div.nav4 a {
	display: block;
	padding: 0;
	margin: 0 ;
	overflow: hidden;
	width: 100%;
	height: 100%;
        font: bold 13px Arial;
	text-decoration: none;
	color:#fff;
}

div.nav1 a {
	width: 188px;
	background: url(/images/Home-no-text.jpg) no-repeat;
}
div.nav2 a {
        width: 186px;
        background: url(/images/What-we-do.jpg) no-repeat;
}
div.nav3 a {
        width: 186px;
        background: url(/images/About-us.jpg) no-repeat;
}
div.nav4 a {
        width: 190px;
        background: url(/images/Contact-us.jpg) no-repeat;
}
div.nav1 a:hover, div.nav1ON a{
        background-image: none;
	color:#555;
}
div.nav2 a:hover, div.nav2ON a  {
        background-image: none;
        color:#555;
}
div.nav3 a:hover, div.nav3ON a  {
        background-image: none;
        color:#555;
}
div.nav4 a:hover, div.nav4ON a  {
        background-image: none;
        color:#555;
}
div.nav1 span, div.nav2 span, div.nav3 span, div.nav4 span {
	display: block;
	margin: 0px;
	padding: 7px 0 0 0;
	text-align: center;
}
/* main body */

div#body {
	height: 500px;
	width: 774px;
        background-color: #c7c8ca;
	margin: 0 0 0 50px;
}

/* specific to the home page */
div#logo {
        height:306px;
        width:877px;
        background: url(/images/Middle-section.jpg) no-repeat;
}
div#products {
	height:260px;
	width:774px;
	margin-left: 50px;
	background-color:#c7c8ca;
        font: 11px Arial;
	}
div#products a {
	text-decoration: none;
	color: #000;
        }
div.tex2mid, div.msuremid, div.schoolmid {
	height: 90px;
        padding: 0px 3px 0px 3px;
}

div.tex2, div.tex2mid, div.tex2bot {
	 margin-left: 12px;
}
div.tex2 {
        height: 160px;
        width: 234px;
        background: url(/images/Tex2-top.jpg) no-repeat;
}
div.tex2mid {
        width:234px;
        background: url(/images/Tex2-middle.jpg) repeat-y;
}
div.tex2bot {
        height:9px;
        width:234px;
        background: url(/images/Tex2-bottom.jpg) no-repeat;
}

div.msure, div.msuremid, div.msurebot {
         margin-left: 268px;
}
div.msure {
	margin-top: -260px;
        height:160px;
        width:234px;
        background: url(/images/Msure-top.jpg) no-repeat;
}
div.msuremid {
        width:234px;
        background: url(/images/Msure-middle.jpg) repeat-y;
}
div.msurebot {
        height:9px;
        width:234px;
        background: url(/images/Msure-bottom.jpg) no-repeat;
}

div.schoolnote, div.schoolmid, div.schoolbot {
         margin-left: 526px;
}
div.schoolnote {
	margin-top: -260px;
        height:160px;
        width:235px;
        background: url(/images/Schoolnote-top.jpg) no-repeat;
}
div.schoolmid {
        width:234px;
        background: url(/images/Schoolnote-middle.jpg) repeat-y;
}
div.schoolbot {
        height:9px;
        width:234px;
        background: url(/images/Schoolnote-bottom.jpg) no-repeat;
}
div#left {
        float:left;
        height:160px;
        width:62px;
        background: url(/images/Top-side-left.jpg);
	repeat: yes;
}
div#right {
        float:left;
        height:160px;
        width:28px;
        background: url(/images/Top-side-right.jpg);
}

/* the non-home page layouts */
div#mainbody {
	height:430px;
	width: 730px;
	margin: 160px 0 0 62px;
}
div#mainbody2 {
        width: 730px;
        margin: 15px 0 0 62px;
	height: 420px;
}
div.aboutimg {
	height:145px;
	width:877px;
	background: url(/images/About-us-header_08.jpg);
}
div.contactimg {
        height:145px;
        width:877px;
        background: url(/images/Contact-us-header.jpg);
}
div.boxtop {
	height: 173px;
	width:  238px;
	background: url(/images/Doorway-box.jpg) no-repeat;
        font: 11px Arial;
	margin-left: 6px;
	padding-top: 10px;
	padding-left: 6px;
}
div.boxtop span {

}

div.boxbot {
        height: 173px;
        width:  238px;
	margin: 20px 0 20px 6px;
        background: url(/images/Doorway-box.jpg) no-repeat;
        font: 11px Arial;
        padding-top: 10px;
        padding-left: 6px;
}
div.boxbot span {

}

div#writingbox {
	height: 400px;
        width: 490px;
        margin: -403px 0 0 260px;
        font: 13px Arial;
	overflow: hidden;
}
#writingbox ul {
	list-style-type: disc;
}

/* paragraph styles */
	input.smallin {
	font-size: 11pt;
	margin:1px;
}
textarea.contact {
	font: 11px Arial; 
	width:300px; 
	height:150px;
	margin: 2px 0 0 1px;
}
p.head {
	width: 95%;
	color:#4b772c;
        font: bold 14px Arial;
	margin-bottom: 9px;
}
p {
        color:#000;
        font: 12px Arial;
        margin-bottom: 6px;
}

/* the footer */
#footer {
	width:774px;
	margin: 0px 0 0 50px;
}
div.foot-left, div.foot-right {
	font: 9px/1 Arial, sans-serif;
	color:#000;
}
div.foot-left a, div.foot-right a {
	color: #000;
        text-decoration: none;
}

div.foot-left a:hover, div.foot-right a:hover {
        color: #000;
        text-decoration: none;
}

div.foot-left {
	float: left;
        margin: 0 0 0 0;
}

div.foot-right {
	float: right;
        margin: 0 0 0 0;
}
div#bottom {
        height:26px;
        width:877px;
        background: url(/images/Comgate-bottom.jpg) no-repeat;
}
div.bottom_left {
        height: 67px;
        width:  62px;
        margin: -93px 0 0 0px;
        background: url(/images/Bottom-left.jpg) no-repeat;
}
div.bottom_right {
        height: 67px;
        width:  62px;
        margin: -67px 0 0 812px;
        background: url(/images/Bottom-right.jpg) no-repeat;
}