body {
	 background-color: #fff;
	 background-image: none;
}

/* redundant tags to help netscape 4 */
body, div, p, th, td, li, dd, dl, dt { 
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 11px; 
	 color: #333; 
	 font-weight: normal; 
}

h1 { 
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 20px; 
	 color: #333; 
	 font-weight: bold; 
}

img { 
	 border-width:0; 
	 border-style:none;
}

a { 
	 color: #333; 
}

a:visited { 
	 color: #333; 
}

a:hover { 
	 color: #CC0000; 
}

a.bmNavigation { 
	 color: #333; 
	 font-weight: bold; 
}

.bmActiveNav { 
	 color: #333; 
	 font-weight: bold; 
}

a.bmNavigation:visited { 
	 color: #333; 
}

.bmActiveNav:visited { 
	 color: #333; 
}

a.bmNavigation:hover { 
	 color: #CC0000; 
}

.bmActiveNav:hover { 
	 color: #CC0000; 
}

a.bmBreadcrumbs { 
	 font-size: 10px; 
	 color: #333; 
}

a.bmBreadcrumbs:visited { 
	 color: #333; 
}

a.bmBreadcrumbs:hover { 
	 color: #CC0000; 
}

a.bmParent { 
	 color: #333; 
	 font-weight: bold; 
}

a.bmParent:visited { 
	 color: #333; 
}

a.bmParent:hover { 
	 color: #CC0000; 
}

a.bmSpotHeadline { 
	 color: #333; 
	 font-weight: bold; 
}

a.bmSpotHeadline:visited { 
	 color: #333; 
}

a.bmSpotHeadline:hover { 
	 color: #CC0000; 
}

a.bmHeadlineLink { 
	 color: #333; 
	 font-weight: bold; 
}

a.bmHeadlineLink:visited { 
	 color: #333; 
}

a.bmHeadlineLink:hover { 
	 color: #CC0000; 
}

a.bmQuickHead { 
	 font-size: 10px; 
	 color: #333; 
}

a.bmQuickHead:visited { 
	 color: #333; 
}

a.bmQuickHead:hover { 
	 color: #CC0000; 
}

a.bmToolLink { 
	 color: #333; 
}

a.bmToolLink:visited { 
	 color: #333; 
}

a.bmToolLink:hover { 
	 color: #CC0000; 
}

a.bmRelatedLink { 
	 color: #333; 
}

a.bmRelatedLink:visited { 
	 color: #333; 
}

a.bmRelatedLink:hover { 
	 color: #CC0000; 
}

.bmSubhead { 
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 16px; 
	 color: #333; 
	 font-weight: bold; 
}

.bmBreadcrumbText { 
	 font-size: 10px; 
}

.bmarticleByline { 
	 font-weight: bold; 
}

.bmpromoByline { 
}

.bmarticleDate { 
}

.bmpromoDate { 
}

.bmCaption { 
}

.bmTipHead { 
	 font-weight: bold; 
}

.bmTipText, .bmTipText div, .bmTipText p, .bmTipText th, .bmTipText td, .bmTipText li, .bmTipText dd, .bmTipText dl, .bmTipText dt { 
}

.bmBottomText, .bmBottomText div, .bmBottomText p, .bmBottomText th, .bmBottomText td, .bmBottomText li, .bmBottomText dd, .bmBottomText dl, .bmBottomText dt { 
	 font-size: 10px; 
	 color: #666; 
}

.bmBigPull, .bmBigPull div, .bmBigPull p, .bmBigPull th, .bmBigPull td, .bmBigPull li, .bmBigPull dd, .bmBigPull dl, .bmBigPull dt { 
	 font-size: 18px; 
	 color: #369; 
	 font-weight: bold; 
}

.bmSmallPull, .bmSmallPull div, .bmSmallPull p, .bmSmallPull th, .bmSmallPull td, .bmSmallPull li, .bmSmallPull dd, .bmSmallPull dl, .bmSmallPull dt { 
}

.bmIcon { 
	 border-width:0px; 
	 vertical-align:middle; 
	 margin:1px; 
}

.bmLeftImage { 
	 float:left; 
	 clear:left; 
	 margin:0px 15px 10px 0px; 
}

.bmRightImage { 
	 float:right; 
	 clear:right; 
	 margin:0px 0px 15px 10px; 
}

.bmCenterImage {	
	 clear:both; 
	 text-align:center; 
	 margin:10px auto; 
}

.bmBigPull { 
	 border-top-width:4px; 
	 border-top-style:dotted; 
	 border-top-color:#369; 
	 border-bottom-width:4px; 
	 border-bottom-style:dotted; 
	 border-bottom-color:#369; 
	 padding:10px;  
}

.bmSmallPull { 
	 border-top-width:4px; 
	 border-top-style:dotted; 
	 border-top-color:#333; 
	 border-bottom-width:4px; 
	 border-bottom-style:dotted; 
	 border-bottom-color:#333; 
	 padding:10px;  
}

.bmLinkleft { 
	 clear:left; 
}

.bmLinkright { 
	 clear:right; 
}

.bmBottomTools { 
	 clear:both; 
	 width:100% 
}

.bmBotRelated { 
	 float:left; 
	 width:45%; 
	 text-align:left 
}

.bmBotEmailPrint { 
	 float:right; 
	 width:45%; 
	 text-align:right 
}

.bmClearAll { 
	 clear:both; 
}

.bmSpider { 
	 visibility: hidden; 
}

/* begin user-customized tags */
/* =======================================
   MAIN PAGE CONTAINERS
   ======================================= */
   
#siteBox {
	width: 750px;
	margin:0px auto;
	text-align:center;
}


#pageContents {
	text-align:left;
	background-color: #369;
}


/* =======================================
   PAGE HEADER, INCLUDING NETWORK NAV
   ======================================= */
   
#AffordableTranslations {
	height: 58px;
	background-color: #369;
	background-image: url(/images/affordable-translations.gif);
	background-repeat: no-repeat;
}

#siteNav {
	padding-left:36px;
}

/* These styles set up the logo "hotspot" */

#homeLink {
	height:41px;
	width:405px;
}

#homeLink a {
	display:block;
	height:41px;
	width:405px;
}

#homeLink a .homeText {
	display:none;
}



/* =======================================
   MAIN CONTENT AREA FOR ALL PAGES
   ======================================= */
   
/* These containers set up the basic content box */
#homeCanvas {
	float:left;
	width:575px;
	background-color:#ccc;
}

#pageCanvas {
	float:left;
	width:575px;
	background-color:#fff;
}

#theContent {
	border-right:1px solid #fff;
}


/* This is the actual container for homepage content */
#homeContent {
	background-image: url(/images/homepage-translations.jpg);
	background-repeat: no-repeat;
	background-color:#fff;
	float:left;
	padding-top:193px;
	width:401px;
}


/* This is the actual container for other page content */
#pageContent {
	background-color:#fff;
	float:left;
	width:365px;
	margin-top:1em;
}

#servicesText {
	background-image: url(/images/translation-services.gif);
	background-repeat: no-repeat;
	padding-top: 26px;
	margin-right: 5px;
	margin-left: 39px;
	background-color:#fff;
}

#estimateText {
	background-image: url(/images/translation-estimate.gif);
	background-repeat: no-repeat;
	padding-top: 26px;
	margin-right: 5px;
	margin-left: 39px;
	background-color:#fff;
}

#ratesText {
	background-image: url(/images/translation-rates.gif);
	background-repeat: no-repeat;
	padding-top: 26px;
	margin-right: 5px;
	margin-left: 39px;
	background-color:#fff;
}

#aboutText {
	background-image: url(/images/about-us.gif);
	background-repeat: no-repeat;
	padding-top: 26px;
	margin-right: 5px;
	margin-left: 39px;
	background-color:#fff;
}

#contactText {
	background-image: url(/images/contact-us.gif);
	background-repeat: no-repeat;
	padding-top: 26px;
	margin-right: 5px;
	margin-left: 39px;
	background-color:#fff;
}

#pageText {
	padding-right:5px;	
	padding-left:36px;
}



/* =======================================
   MAIN SECTION NAVIGATION
   ======================================= */
   
#sectionNav {
	background-color: #666;
	border-right: #333 1px solid;
	padding-left:36px;
	margin-bottom:1px;
	height:19px;
}


/* =======================================
   GRAY HOMEPAGE SIDEBAR
   ======================================= */
   
#sidebar {
	background: #ccc;
	float:right;
	width: 173px;
	text-align:left;
}

#testimonial {
	margin:5px 10px;
	background-image: url(/images/our_clients_say.gif);
	background-repeat: no-repeat;
	padding-top: 15px;

}

#latestNews {
	margin:2em 10px;
	background-image: url(/images/latest_news.gif);
	background-repeat: no-repeat;
	padding-top: 15px;

}


/* =======================================
   INTERNAL-PAGE SIDEBAR
   ======================================= */
   
#insideSidebar {
	float:right;
	width: 200px;
	text-align:left;
}

#insideImage {
	padding-top:26px;
	margin-top:1em;
}

#insideLanguages {
	border: #999 1px solid;
	padding: 4px;
	margin: 1em 10px 1em 0;
}


/* =======================================
   SHOW GRAPHIC HEADERS INSTEAD OF H2 TEXT
   ======================================= */
   
#AffordableTranslations h1,
#AffordableTranslations h2,
#getEstimate h2,
#servicesBox h2,
#languagesBox h2,
#testimonial h2,
#latestNews h2,
#insideLanguages h2,
#servicesText .highlight,
#ratesText .highlight,
#aboutText .highlight,
#contactText .highlight,
#estimateText .highlight {
	display:none;
}



/* =======================================
   BOXES FOR SERVICES AND LANGUAGES
   ======================================= */
   

#leftBox {
	float:left;
	width:197px;
}

#rightBox {
	float:right;
	width:197px;
}

#servicesBox {
	border: #999 1px solid;
	padding-top: 30px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 5px;
	background-image: url(/images/translations-services-tab.gif);
	background-repeat: no-repeat;
}

#languagesBox {
	border: #999 1px solid;
	padding-top: 30px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 5px;
	background-image: url(/images/translations-languages-tab.gif);
	background-repeat: no-repeat;
	margin-right: 5px;
}

.fieldBox {
	border: #999 1px solid;
	padding: 10px;
}


/* =======================================
   LANGUAGE FLAGS
   ======================================= */
   
.flagFrance {
	background-image: url(/images/flag_france.gif);
	background-repeat: no-repeat;
	padding-left:27px;
	padding-bottom:7px;
}

.flagSpain {
	background-image: url(/images/flag_spain.gif);
	background-repeat: no-repeat;
	padding-left:27px;
	padding-bottom:7px;
}

.flagGermany {
	background-image: url(/images/flag_germany.gif);
	background-repeat: no-repeat;
	padding-left:27px;
	padding-bottom:7px;
}

.flagItaly {
	background-image: url(/images/flag_italy.gif);
	background-repeat: no-repeat;
	padding-left:27px;
	padding-bottom:7px;
}

.flagPortugal {
	background-image: url(/images/flag_brazil.gif);
	background-repeat: no-repeat;
	padding-left:27px;
	padding-bottom:7px;
}

.flagRussia {
	background-image: url(/images/flag_russia.gif);
	background-repeat: no-repeat;
	padding-left:27px;
	padding-bottom:7px;
}


/* =======================================
   ONLINE ESTIMATE COLUMN
   ======================================= */

#getEstimate {
	/* margin relative to 750px width of #siteBox,
	   for an effective width of 176px; with padding,
	   there are 156px for contents */

	position: relative;
	background-image: url(/images/estimate-grid.jpg);
	background-repeat: no-repeat;
	margin-left: 574px;
	padding-top:40px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	color:#fff;
}

#getEstimate a:link,
#getEstimate a:visited {
	color:#fff;
}

#getEstimate a:hover {
	color:#cff;
}

#inEstimateForm {
	/* with border and padding, width is 12px less
	   than #getEstimate: That's 144px for content */

	margin:1em 0;
	color:#fff
}

#estimateForm {
	/* with border and padding, width is 12px less
	   than #getEstimate: That's 144px for content */

	position: relative;
	margin:1em 0;
	border:1px solid #999;
	padding:5px 5px 155px 5px;
	background: url(/images/handglobe.jpg) no-repeat bottom right #369;
	color:#fff
}

#estimateForm input,
#estimateForm textarea,
#estimateForm select,
#inEstimateForm input,
#inEstimateForm textarea,
#inEstimateForm select {
	width: 133px;
	background-color: #cff;
	color: #369;
	border: 2px inset #69c;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
}

#estimateForm .submit,
#inEstimateForm .submit {
	width: auto;
	font-weight: bold;
	background-color: #fff;
	color: #036;
	border: 1px solid #036;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}


/* =======================================
   COLUMN LEVELER
   ======================================= */

/* clears all floats to level out columns, at least mostly */

.bottomOut {
	clear:both;
	background-color:#fff;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}


/* =======================================
   GENERAL FONT STYLES
   ======================================= */


.small {
	font-size:10px;
	font-weight: normal;
}

form {
	margin: 0;
}

h1 {
	margin: 0;
}

.formError {
	color: #c00;
	font-weight: bold;
}

input,
textarea,
select  {
	width: 300px;
	background-color: #eee;
	color: #036;
	border: 2px inset #999;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
}

.fieldBox input,
.fieldBox textarea,
.fieldBox select {
	width: 90%;
}

.fieldBox .submit {
	width: auto;
}

.fieldBox .breathe {
	border: 0;
	width: auto;
	background-color: #fff;
	padding: 0;
}

select.breathe {
	width:auto;
}

.submit {
	width: auto;
	font-weight: bold;
	background-color: #fff;
	color: #036;
	border: 1px solid #036;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

/* end user-customized tags */

/*bmWidget add START*/
.bmPullLeft { 
	 float:left; 
	 clear:left; 
	 width:200px; 
	 margin:0px 20px 10px 0px; 
} 

.bmPullRight { 
	 float:right; 
	 clear:right; 
	 width:200px; 
	 margin:0px 0px 10px 20px; 
} 

.bmPullCenter { 
	 float:left; 
	 clear: both; 
	 width:200px; 
	 text-align: center; 
	 margin: 0px auto; 
} 

.bmToolLeft { 
	 float:left; 
	 clear:left; 
	 width:190px; 
} 

.bmToolRight { 
	 float:right; 
	 clear:right; 
	 width:190px; 
} 

.bmToolCenter { 
	 text-align:center; 
	 margin:0px auto;
}

a.bmNavigation:hover { 
	 background-color:#cccccc 
}

.bmActiveNav { 
	 background-color:#cccccc 
}

div.bmNavigation, div.bmActiveNav { 
	 padding: 5px 
}

/*bmWidget add END*/

