/* !Override Blueprint defaults -------------- O*/

.container {width:870px;margin:0 auto;}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #dbdddd;
}

/* !PAGE BORDER ------------------- */

#page-border {
	border: 1px #CCC solid;
	background-color: #fff;
	margin-top: 1px;
	margin-bottom: 1px;
}

/* !HEADER -------------------------- */

#logo {
	margin-top: 70px;
}

#strapline {
	margin: 0 0 -18px 185px;
}

/* !NAVIGATION ----------------- */

#navigation {

	position: absolute;
	top: 2px;
}

#main-navigation {
	background-color: #a3a6a5;
}

#main-navigation ul {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
}

#main-navigation li {
	display: inline;
	float: left;
}

#main-navigation a {
    height: 20px;
    width: 80px;
    text-decoration: none;
    color: #fff;
    font-size: 1em;
    float: left;
    text-align: left;
    line-height: 2;
    background: #a3a6a5;
    border-right: 1px solid #bcbcbc;
    padding: 3px 0 3px 7px;
}

#main-navigation a:hover {
    background-image: url(../images/camerontec_nav_selected.png);
    background-repeat: repeat-x;
    color: #fff;
	background-color: #325269;
}




/* !MAIN NAVIGATION - PAGE BEHVIOURS ------ */

#body-company #main-navigation .nav-company a,
#body-solutions #main-navigation .nav-solutions a,
#body-news #main-navigation .nav-news a,
#body-clients #main-navigation .nav-clients a,
#body-partners #main-navigation .nav-partners a,
#body-support #main-navigation .nav-support a,
#body-contact #main-navigation .nav-contact a {
	background-color: #325269;
	background-image: url(../images/camerontec_nav_selected.png);
    background-repeat: repeat-x;
}

#body-home .nav-home a,
#body-company .nav-company a,
#body-solutions .nav-solutions a,
#body-flagship-engine .nav-flagship-engine a,
#body-routing-hub .nav-routing-hub a,
#body-developer-edition .nav-developer-edition a,
#body-access .nav-access a,
#body-dashboard .nav-dashboard a,
#body-options .nav-options a,
#body-why-fix .nav-why-fix a,
#body-news .nav-news a,
#body-news .nav-latest-news a,
#body-news-archive .nav-news-archive a,
#body-clients .nav-clients a,
#body-partners .nav-partners a,
#body-support .nav-support a,
#body-contact .nav-contact a {
	color: #fff;
}


#body-home .nav-home a:hover,
#body-company .nav-company a:hover,
#body-solutions .nav-solutions a:hover,
#body-flagship-engine .nav-flagship-engine a:hover,
#body-routing-hub .nav-routing-hub a:hover,
#body-developer-edition .nav-developer-edition a:hover,
#body-access .nav-access a:hover,
#body-dashboard .nav-dashboard a:hover,
#body-options .nav-options a:hover,
#body-why-fix .nav-why-fix a:hover,
#body-news .nav-news a:hover,
#body-news .nav-latest-news a:hover,
#body-news-archive .nav-news-archive a:hover,
#body-clients .nav-clients a:hover,
#body-partners .nav-partners a:hover,
#body-support .nav-support a:hover,
#body-contact .nav-contact a:hover {
	border-bottom: none;
	background-color: transparent;
}

#body-home a.nav-japanese {
	text-align: right;
	border-right: none;
	margin-left: 80px;
}

#body-home a:hover.nav-japanese {
	background-image: none;
	background-color: inherit;
}

#body-home a.nav-japanese img {
	border: 1px solid #999;
}



/* !SUCKERFISH DROPDOWNS ============== */

/* This solution is based on http://htmldog.com/articles/suckerfish/dropdowns/ */
/* Requires suckerfish.js to help IE7 and below */

/* redundant */
/*
#main-navigation,
#main-navigation ul {
	margin: 0;
	padding: 0;
}
*/

/* redundant */
/*
#main-navigation a {
	display: block;
	width: 80px;
}
*/

/* redundant */
#main-navigation li {
	/* float: left; */
	position: relative; /* necessary for IE7 */
}



#main-navigation li ul {
	position: absolute;
	top: 26px;
	width: 177px; /* compensate for 7px left padding on #main-navigation a */
	left: -999em; /* hides second level ul */
}

#main-navigation li:hover a {/* to make top nav hover bkg persistant */
	background-image: url(../images/camerontec_nav_selected.png);
    background-repeat: repeat-x;
    background-color: #325269;
}

#main-navigation li:hover ul,
#main-navigation li.sfhover ul {
	left: 0; /* reveals second level ul - makes IE7 work rather than left: auto */
	border-left: 1px #ddd solid;
	border-right: 1px #ddd solid;
}



#main-navigation li:hover ul a,
#body-company #main-navigation li:hover ul a,
#body-news #main-navigation li:hover ul a,
#body-solutions #main-navigation li:hover ul a {
	width: 170px;
	background-color: #a7cadb;
	background-image: none;
	color: #222;
	border-bottom: 1px #ddd solid;
	line-height: 1.75;
}


#main-navigation li:hover ul a:hover,
#body-company #main-navigation li:hover ul a:hover,
#body-news #main-navigation li:hover ul a:hover,
#body-solutions #main-navigation li:hover ul a:hover {
	background-image: none;
	background-color: #77afc6;
}


/* !CONTENT --------------------- */

#content {
	padding-top: 24px;
}

#content h1,
#content h2 {
	background-repeat: repeat-x;
	background-image: url(../images/camerontec_bar_blue.png);
	height: 25px;
	background-color: #325269;
	color: #fff;
	padding-left: 0.5em;
	font-size: 1.1em;
	line-height: 2.2;
	margin-bottom: 15px;
}

#content h3 {
	color: #427395;
	font-size: 1.2em;
	line-height: 1.4;
}

#body-contact #content h2 {
	background-color: transparent;
	color: #427395;
	padding-left: 0;
	margin-top: 0.5em;
	background-image: none;
}


#body-options h2,
#body-why-fix h2,
#body-careers h2,
#body-solutions h2,
#body-dashboard h2 {
	color: #427395;
	font-size: 1.2em;
	line-height: 1.4;
	background-image: none;
	background-color: transparent;
	padding-left: 0;

}

#content h3 a {
	color: #427395;
}

#body-options h3,
#body-careers h3 {
	font-size: 1.2em;
}

#content h4 {
	color: #427395;
	font-size: 1.1em;
}

/* !CONTENT - LINKS ------------ */

#content a {
    text-decoration: none;
    color: #003f52;
    border-bottom: 1px #999 solid;
}

#content a:hover {
    color: #325269;
    border-bottom: 1px #427395 solid;
	background-color: #e6e6e6;
}

#content a:hover strong {
    color: #325269;
}

#content div.cameronfix a {
	color: #77afc6;
	border-bottom: none;
}

#content div.cameronfix a:hover {
	color: #325269;
	border-bottom: 1px #325269 solid;
}

#content h1 a,
#content h2 a {
	color: #fff;
	border-bottom: none;
}

#content h1 a:hover,
#content h2 a:hover {
	color: #fff;
	border-bottom: 1px #fff solid;
	background-color: transparent;
}

#content a.diagram-link {
	border-bottom: none;
}

#content a:hover.diagram-link {
	background-color: transparent;
}


/* !CONTENT - LISTS ---------- */

#content ul {
	list-style: circle;
	padding-left: 18px;
}

#content ul ul {
	margin-top: 1em;
}

#content ul li {
	list-style-image: url(../images/icon_sml_blue.png);
	margin-bottom: 1em;
}

#content ul li.pdf {
	list-style-image: url(../images/pdf-icon.gif);
	margin-bottom: 1em;
	margin-left: 2em;
}

#body-newsletter #content ul ul.newsletter-contents li {
	list-style-image: none;
	/* list-style: circle; */
	
}

#body-solutions #content dt {
	margin-bottom: 0.5em;
	font-size: 1.2em;
}

#body-solutions #content dt a {
	color: #427395;
}

#body-solutions #content dd {
	margin-left: 0;
	margin-bottom: 1em;
}



/* !HOMEPAGE - CAMERONFIX -------- */

#content div.cameronfix a {
	color: #77afc6;
	border-bottom: none;
}

#content div.cameronfix a:hover {
	color: #325269;
	border-bottom: 1px #325269 solid;
}

#content div.cameronfix h1 a,
#content div.cameronfix h2 a {
	color: #fff;
}

#content div.cameronfix h1 a:hover,
#content div.cameronfix h2 a:hover {
	color: #fff;
	border-bottom: 1px #fff solid;
	background-color: transparent;
}


/* !NEWS & EVENTS -------- */

#news-events {
	background-repeat: repeat;
	background-image: url(../images/blue-box-background.png);
}

#content .news-events h3 {
	color: #fff;
	padding: 1em 0 0 1em;
	margin-bottom: 0.5em;
	font-size: 1.1em;
	line-height: 1.3;
}

#content .news-events p {
	padding: 0.5em 1em 0 1em;
	font-size: 1em;
}

#content div.news-events a {
	color: #fff;
	border-bottom: none;
}

#content div.news-events a:hover {
	color: #325269;
	border-bottom: none;
	background-color: transparent;
	border-bottom: 1px #325269 solid;
}


/* !CONTENT - MISC -------- */

.superscript {
	font-size: 0.6em;
	vertical-align: top;
}

#content .photo-left
{
	float: left;
	margin-right: 1em;
}

#content .photo-right
{
	margin-left: 2em;
	float: right;
}


#content .photo-border
{
	border: solid 1px #191919;
}

#content .photo-credit
{
	font-size: 0.8em;
	color: #555;
	margin-top: -36px;
}

#content .partner-logo {
	float: left;
	margin-bottom: 1em;
}

#content blockquote
{
	padding: 0em 1em;
	border-left: 1px #325269 dotted;
	font-style: italic;
	color: #222;
}

#content .box {
	background-color: #77afc6;
	padding: 1em;
}

#content .box h3 {
	color: #fff;
	font-size: 1.1em;
}

#content .box blockquote {
	border-left: none;
	padding: 0 0.5em;
}

#content img.diagram {
	margin-bottom: 2em;
}


strong {
	color: #444;
}

#content .span-5 p {
	padding-right: 1em;
}

#content .span-10 p,
#content .span-15 p,
#content .span-10 dl,
#content .span-15 dl {
	padding-right: 3em;
}

#content p.download,
#content p.download a {
	color: #777;
}

#content p.download a:hover {
	color: #427395;
}

#content img.download {
	float: left;
	margin-top: 4px;
	margin-right: 1em;
	margin-bottom: 3em;
}

#content p.click-to-enlarge {
	font-size: 0.9em;
	color: #777;
	margin-top: -20px;
}

.loud-blue {
	color: #427395;
	font-size: 1.2em;
	line-height: 1.4;
	margin-bottom: 1em;
}

/* !NEWS + EVENTS - DEFINITION LISTS ---------- */

dl.news-list,
dl.events-list {

}

dl.news-list dt,
dl.events-list dt {
	font-weight: normal;
	color: #666;
}

dl.news-list dd,
dl.events-list dd {
	margin-left: 0;
	margin-bottom: 1em;
}

dl.events {
	
}

dl.events dt {
	font-weight: normal;
	color: #083342;
	font-size: 1.2em;
	margin-bottom: 0.5em;
}

dl.events dd {
	margin-left: 0;
	margin-bottom: 2em;
}

/* !FOOTER --------------------- */


#footer ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0.5em;
}

#footer li {
	/* margin-bottom: 0.1em; */
	color: #444;
}

#footer ul ul {
	margin-top: 0.5em;
}


/* !FOOTER NAVIGATION --------------------- */

#footer a {
    text-decoration: none;
    color: #444;
    font-size: 0.95em;
}

#footer a:hover {
    color: #427395;
    border-bottom: 1px #427395 solid;
	background-color: #e6e6e6;
}

#body-company #footer ul li.nav-company a,
#body-company #footer ul ul li.nav-about a,
#body-company #footer ul ul li.nav-management a,
#body-company #footer ul ul li.nav-global-team a,
#body-careers #footer ul ul li.nav-careers a,
#body-solutions #footer ul li.nav-solutions a,
#body-flagship-engine #footer ul ul li.nav-flagship-engine a,
#body-routing-hub #footer ul ul li.nav-routing-hub a,
#body-developer-edition #footer ul ul li.nav-developer-edition a,
#body-access #footer ul ul li.nav-access a,
#body-options #footer ul ul li.nav-options a,
#body-dashboard #footer ul ul li.nav-dashboard a,
#body-why-fix #footer ul ul li.nav-why-fix a,
#body-news #footer ul li.nav-news a,
#body-events #footer ul ul li.nav-events a,
#body-news-archive #footer ul ul li.nav-news-archive a,
#body-events-archive #footer ul ul li.nav-events-archive a,
#body-sitemap #footer ul li.nav-sitemap a {
	color: #325269;
}


#body-news #footer ul ul li.nav-news-archive a,
#body-news #footer ul ul li.nav-events a,
#body-news #footer ul ul li.nav-events-archive a,
#body-solutions #footer ul ul li.nav-flagship-engine a,
#body-solutions #footer ul ul li.nav-routing-hub a,
#body-solutions #footer ul ul li.nav-developer-edition a,
#body-solutions #footer ul ul li.nav-access a,
#body-solutions #footer ul ul li.nav-dashboard a,
#body-solutions #footer ul ul li.nav-options a,
#body-solutions #footer ul ul li.nav-why-fix a,
#body-company #footer ul ul li.nav-careers a {
	color: #444;
}

#body-news #footer ul ul li.nav-news-archive a:hover,
#body-news #footer ul ul li.nav-events a:hover,
#body-news #footer ul ul li.nav-events-archive a:hover,
#body-solutions #footer ul ul li.nav-flagship-engine a:hover,
#body-solutions #footer ul ul li.nav-routing-hub a:hover,
#body-solutions #footer ul ul li.nav-developer-edition a:hover,
#body-solutions #footer ul ul li.nav-access a:hover,
#body-solutions #footer ul ul li.nav-dashboard a:hover,
#body-solutions #footer ul ul li.nav-options a:hover,
#body-solutions #footer ul ul li.nav-why-fix a:hover,
#body-company #footer ul ul li.nav-careers a:hover {
	color: #427395;
    border-bottom: 1px #427395 solid;
	background-color: #e6e6e6;
}

#body-events #footer ul ul li.nav-events a:hover,
#body-news-archive #footer ul ul li.nav-news-archive a:hover,
#body-events-archive #footer ul ul li.nav-events-archive a:hover,
#body-careers #footer ul ul li.nav-careers a:hover,
#body-sitemap #footer ul li.nav-sitemap a:hover  {
	background-color: transparent;
	border-bottom: none;
}

#footer img.fpl-logo {
	margin-top: 3px;
	float: right;
}

#copyright ul,
#sitemap ul {
	margin-top: -4px;
}

#copyright li,
#sitemap li {
	display: inline;
	color: #676767;
	font-size: 0.95em;
}

#sitemap ul {
	text-align: right;
}


/*
#footer-nav ul {
	text-align: right;
	margin-right: 0;
	margin-top: -9px;
}

#footer-nav li {
	display: inline;
	margin-right: 0;
	margin-left: 1em;
	color: #676767;
}

#footer-nav a {
	color: #676767;
}
*/



/* !SITEMAP ---------------- */

#body-sitemap #content ul li {
	/* font-weight: bold; */
	font-size: 1.2em;
}

#body-sitemap #content ul ul li {
	font-weight: normal;
	font-size: 0.9em;
}
