/* BODY
------------------------------------------------------------------*/

body {
	color: #333;
	text-align:center;
background: #fff url(../img/main-gradient.png) repeat-x top;
	font-family: arial,verdana,helvetica,sans-serif;
	border-top:3px solid #B7B7B7;
	margin:0;
}

/* CONTAINER
------------------------------------------*/
#container {
width: 730px;
margin-right: auto;
margin-left: auto;
padding:0;
border:0;
text-align:left;
}


/* WIDES
----------------- */

/* WIDE 1
----------------- */

#wide1	{
width:100%;
height:61px;
border:0;
margin:0 0 5px 0;
padding:40px 0 0 20px;
text-align:left;
background: url(../img/wide-1-background.gif) center center no-repeat;
clear:both;
} 


/*WIDE 2
----------------- */
#wide2	{
width: 730px;
clear:both;
} 

.topnav	{
width: 730px;
border-collapse:collapse;
background-color:#f9f9f9;
}

.topnav td	{
padding:0;
margin:0;
background: #E6E6E6 url(../img/top-nav-background.png) center center repeat;
text-align:center;
}

.topnav a:link, .topnav a:visited	{
color: #ADADAD;
display:block;
background-color:#f9f9f9;
text-align:center;
text-decoration: none;
text-transform:uppercase;
font: bold 12px arial,verdana,helvetica,sans-serif;
}

.topnav a:hover, .topnav a:active	{
color: #333;
display:block;
background-color:#f9f9f9;
text-align:center;
text-decoration: none;
text-transform:uppercase;
font: bold 12px arial,verdana,helvetica,sans-serif;
}

.topbar1	{
border-right: 1px solid #bfbfbf;
}

.topbar2	{
border-left: 1px solid #9D9D9D;
}

.padding6	{
padding:0 0 6px 0 !important;
}

/* WIDE 3
----------------- */

#wide3	{
border:0;
margin:30px 0 0 0;
padding:0;
clear:both;
width: 730px;
} 

.bigwide3table	{
width:730px;
}

.bigwide3table-left	{
width:300px;
}

.bigwide3table-right	{
width:421px;
}

.customer-service	{
background: #ECECEC url(../img/front-page-table-left-top.png) no-repeat;
color:#249C11;
font: bold 12px/28px arial,verdana,helvetica,sans-serif;
padding: 0 0 0 18px !important;
margin:0;
width:276px;
height:25px;
}

.wide3form	{
background: url(../img/front-page-table-left-bottom.png) no-repeat;
width:294px;
height:255px;
}


/*PHONE ----------------- */

.phone-division	{
width:294px;
height:25px;
clear:both;
margin:0;
border:0;
padding: 10px 0 0 0;
background:url(../img/phone-line.png) bottom left no-repeat;
}

.form-left-phone	{
text-align:right;
float:left;
width:90px;
font: 11px arial,verdana,helvetica,sans-serif;
color:#333;
margin:0;
border:0;
padding: 0;
}

.form-right-phone {
text-align:left;
float:left;
width:160px;
font: 11px arial,verdana,helvetica,sans-serif;
color:#333;
margin:0;
border:0;
padding: 0 0 0 10px;
}




/*INQUIRY----------------- */
.inquiry-division	{
width:294px;
height:25px;
clear:both;
border:0;
padding:0;
margin:15px 0 0 0;
}

.form-left-inquiry	{
text-align:right;
float:left;
width:90px;
height:25px;
font: 11px arial,verdana,helvetica,sans-serif;
color:#333;
border:0;
}

.form-right-inquiry {
text-align:left;
float:left;
width:160px;
font: 11px arial,verdana,helvetica,sans-serif;
color:#333;
border:0;
padding: 0 0 0 10px;
}

.inquiry-division select	{
border:1px solid #666;
width:155px;
font: 11px arial,verdana,helvetica,sans-serif;
margin-bottom:5px;
}


/* EMAIL----------------- */
.email-division	{
width:294px;
height:25px;
clear:both;
border:0;
padding:0;
margin:0;
}

.form-left-email	{
text-align:right;
float:left;
width:90px;
height:25px;
font: 11px arial,verdana,helvetica,sans-serif;
color:#333;
border:0;
}

.form-right-email {
text-align:left;
float:left;
width:160px;
font: 11px arial,verdana,helvetica,sans-serif;
color:#333;
border:0;
padding: 0 0 0 10px;
}

.email-division input	{
border:1px solid #666;
width:148px;
margin-bottom:5px;
font: 11px arial,verdana,helvetica,sans-serif;
padding-left:5px;
}

/* MESSAGE----------------- */
.message-division	{
width:294px;
height:90px;
clear:both;
border:0;
padding:0;
margin:0;
}

.form-left-message {
text-align:right;
float:left;
width:90px;
height:25px;
font: 11px arial,verdana,helvetica,sans-serif;
color:#333;
border:0;
}

.form-right-message {
text-align:left;
float:left;
width:160px;
height:90px;
font: 11px arial,verdana,helvetica,sans-serif;
color:#333;
border:0;
padding: 0 0 0 10px;
}

.message-division textarea	{
border:1px solid #666;
width:143px;
height:80px;
font: 11px arial,verdana,helvetica,sans-serif;
padding:5px;
}

.form-img-submit	{
float:right;
padding: 10px 35px 0 0;
border:0;
clear:both;
}

.wide3form form	{
font: 11px arial,verdana,helvetica,sans-serif;
color:#333;
}


/* WIDE 4
----------------- */

#wide4	{
width: 730px;
height:100px;
margin:20px 0 0 0;
background: url(../img/wide-4-background.png) center bottom no-repeat;
clear:both;
} 

#wide4 p, .wide4 {
font: 12px arial,verdana,helvetica,sans-serif;
clear:both;
padding:0 30px;
} 


/* WIDE 5 FOOTER
----------------- */

#wide5	{
width: 650px;
height:100px;
margin:20px 0 0 0;
padding: 0 40px;
font: 11px arial,verdana,helvetica,sans-serif;
clear:both;
text-align:center;
} 



/* font variants
----------------- */

.smallcaps	{
font: bold small-caps 16px/22px font-family:Georgia,"Trebuchet MS","Book Antiqua",Centaur,"Bodoni MT" !important;
letter-spacing: 0.2em;
}

.bold	{
font-weight:bold !important;
}

.oblique	{
font-style:oblique !important;
}

.italic	{
font-style:italic !important;
}


/* FLOATS, CLEARS, ALIGNS, BORDERS, PADDING
----------------- */
.float-left	{
float:left;
}

.float-right	{
float:right;
}

.float-left-img	{
float:left;
margin: 0 20px 20px 0;
}

.float-right-img	{
float:right;
margin: 20px 0 20px 20px;
}

.clear-both	{
clear:both;
}

.clear-none	{
clear:none;
}

.clear-left	{
clear:left;
}

.clear-right	{
clear:right;
}

.align-right	{
text-align:right;
}

.align-center	{
text-align:center;
	}
	
.border0	{
border:0 !important;
}

.border1	{
border:1px solid #000; !important;
}

.padding10	{
padding:1em;
}

.padding20	{
padding:2em;
}


/* WIDTHS
----------------- */
.width100px	{
width:100px;
}

.width150px	{
width:150px;
}

.width175px	{
width:175px;
}

.width200px	{
width:200px;
}

.width225px	{
width:225px;
}

.width250px	{
width:250px;
}

.width300px	{
width:300px;
}

.width350px	{
width:350px;
}

.width400px	{
width:400px;
}



/* -------------- YOU ARE HERE --------- */

.here a:link, .here a:visited  {
color: #333;;
}

.here a:hover, .here a:active  {
color: #333;
}


/* COLORS
----------------- */

.red	{
color:#c00 !important;
}

.white	{
color:#fff !important;
}

.blue	{
color:#106CB6  !important;
}


/* BACKGROUND COLORS
----------------- */

.gold-background	{
background-color:#fccd14
}

.silver-background	{
background-color:#ccc;
}

.bronze-background	{
background-color:#b4b06b;
}



/* INTERNAL PAGES
----------------- */


#wide3-internal	{
height:186px;
clear:both;
background: url(../img/internal-wide3-background.png) no-repeat;
margin:30px 0 0 0;
}


/* THIS FORMATS THE TITLE BARS IN THE INTERNAL PAGES----------------- */
.internal-title-bar	{
background: url(../img/internal-upper-background.png) no-repeat;
height:35px;
color:#249C11;
font: bold 12px/20px arial,verdana,helvetica,sans-serif;
padding: 4px 0 0 20px;
text-transform:capitalize;
}

#wide3-about	{
width:732px;
height:auto;
clear:both;
margin: 30 0 0 0;
}


.about-us	{
color:#249C11;
font: bold 12px/20px arial,verdana,helvetica,sans-serif;
padding: 4px 0 0 20px;
}

.content	{
padding:20px;
font: 12px arial,verdana,helvetica,sans-serif;
}

.content p	{
font: 12px arial,verdana,helvetica,sans-serif;
margin: 0px 0px 10px 0px;
}

#wide4-internal	{
width: 732px;
height:46px;
margin:0;
padding: 0;
background: url(../img/internal-wide4-background.png) no-repeat;
clear:both;
} 





/* CONTACT
----------------- */

#wide3-contact {
width:732px;
height:auto;
clear:both;
background: url(../img/contact-content-background.gif) no-repeat bottom center;
margin:30px 0 0 0;
}

.contact-content	{
padding:20px;
font: 12px arial,verdana,helvetica,sans-serif;
}

.contact-content p	{
font: 12px arial,verdana,helvetica,sans-serif;
margin: 0px 0px 10px 0px;
}




/* PRODUCTS AND SERVICES
----------------- */

#wide3-products	{
width:730px;
clear:both;
margin:30px 0 0 0;
}

.products-table-top	{
background: url(../img/products-top-background.gif) no-repeat;
width:730px;
height:28px;
color:#249C11;
font: bold 12px/20px arial,verdana,helvetica,sans-serif;
padding:0;
text-transform:capitalize;
}

.products-table-top-left-cell	{
padding: 0 0 0 20px;
width:277px;
}

.products-table-top-right-cell	{

}


.products-table	{
background: url(../img/products-bottom-background.png) no-repeat;
width:730px;
height:394px;
}

.ingestion	{
width:auto;
height:93px;
clear:both;
}

.content-delivery	{
width:auto;
height:93px;
clear:both;
}

.monetization	{
width:auto;
height:93px;
clear:both;
}

.syndication	{
width:auto;
height:93px;
clear:both;
}

.products-left	{
float:left;
width:120px;
padding:0 0 0 20px;
font: bold 13px/90px arial,verdana,helvetica,sans-serif;
color:#333;
height:93px;
text-transform:capitalize;
border:0;
}

.products-right	{
float:right;
padding:15px 20px 0 0;
border:0;
width:412px;
}

.products-right p	{
font: 12px arial,verdana,helvetica,sans-serif;
color:#333;
margin: 0 0 7px 0;
}

