/* CSS Document */

/*//////////////// created by John Benedict ////////////////*/
/*/////////////// john@benedictgraphico.com ////////////////*/


/* MAIN
-------------------------------------------------------------- */

#wrap				{ background: #fff url(../imgs/subPage-wrap-bg.gif) 10px 147px no-repeat; }


#content			{ width: 478px; margin: 0 0 10px 260px; padding: 0 36px 0 24px; 
					border: 1px solid #ccd6e0; background: #fff /*url(../imgs/subPage-content-bg.gif) no-repeat*/; }

#content h3			{ text-indent: -9999px; line-height: 18px; padding: 18px 0; }

h3#IntRed101		{ background: #fff url(../imgs/subPage-hdr-IntRed101.gif) 0 18px no-repeat; }
h3#WANsolutions		{ background: #fff url(../imgs/subPage-hdr-WANsolutions.gif) 0 18px no-repeat; }
h3#whyZO			{ background: #fff url(../imgs/subPage-hdr-whyZO.gif) 0 18px no-repeat; }
h3#successStories	{ background: #fff url(../imgs/subPage-hdr-successStories.gif) 0 18px no-repeat; }
h3#aboutUs			{ background: #fff url(../imgs/subPage-hdr-aboutUs.gif) 0 18px no-repeat; }

#content h4,
#content p,
#content ul			{ font-size: 12px; line-height: 18px; padding: 0 0 18px; }

#content h4			{ color: #036; font-weight: bold; }
#content p,
#content ul			{ color: #333; }

#content li			{ margin: 0 30px; padding: 0; }

#content li ul		{ padding: 0; }


.cols				{ display: block; }
.col				{ float: left; padding: 0 9px 18px 0; }

.ss img				{ border: 1px solid #ccd6e0; }

.ss h4,
.ss p				{ width: 300px; }
.col li				{ margin: 0 0 0 30px !important; }

.clear				{ clear: left; }
.line				{ margin: 0 0 18px; height: 1px; display: block; background: #ccd6e0; }

/* Landing Page
-------------------------------------------------------------- */

#landingPage		{ width: 538px; margin: 0 0 10px 260px; padding: 50px 0 0; 
					border: 1px solid #ccd6e0; background: #fff url(../imgs/landingPage-hdr.jpg) 1px 1px no-repeat; }

#landingPage h3		{ font-size: 22px; font-weight: bold; color: #12456d; padding: 0 0 9px; }

#landingPage p		{ font-size: 14px; line-height: 21px; color: #333; padding: 0 0 9px; }

#landingPage ul		{ font-size: 13px; line-height: 18px; color: #333; }

#landingPage li		{ margin: 0 30px; padding: 0; }

.lCol				{ float: left; width: 200px; padding: 0 15px 0 24px; }
.rCol				{ float: left; width: 270px; }

.lCol p				{ padding: 9px 0 !important; }

#dataCollect		{ clear: left; width: 460px; padding: 18px 15px 0 24px; }

#dataCollect h4		{ width: 463px; height: 30px; background: url(../imgs/h4-bg.gif); display: block;
					font-size: 18px; line-height: 30px; color: #fff; padding: 0 6px; }

form				{ font-size: 13px; line-height: 18px; padding: 15px 0; margin: 0; color: #333; }

form ol				{ list-style: none; margin: 0; padding: 0; }
form li				{ float: left; width: 33%; margin: 0; padding: 0; text-indent: 0; }

input,
label				{ margin: 0; padding: 0; display: block; }

input,
select				{ margin-bottom: 9px; font-size: 13px; line-height: 18px; padding: 1px; color: #333; }
label				{ font-weight: bold; }

#btn				{  }
#btn input			{ width: 142px; }

.note				{ clear: both; font-size: 10px !important; text-align: right; }


#chips				{ float: right; width: 538px; margin: 0 0 10px 260px; border: 1px solid #ccd6e0; padding: 0; }