/* 
  -----------------------------------
 CSS for boxinternational.com
  ----------------------------------- 
*/

/********SIDEBAR NAVIGATION**********/
ul { font-size: 13px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; line-height: 30px; list-style-type: none; margin-left: 1em; padding-left: 0;}

ul a { margin-left: 2.5em; padding-left: 0;}
li a { font-weight:bold; margin: 0; padding: 0;}
li a:hover {
	color: #cccccc;
	font-weight:bold;
}

ul.b { font-size: 12px; line-height: 14px; color: #666666; font-family: Arial, Helvetica, sans-serif; line-height: 18px;}
ul.b a{ color: #666666;}

li.a { font-size: 12px; line-height: 18px; color: #666666; font-family: Arial, Helvetica, sans-serif; list-style-image: url(images/li-a.gif); margin-left: 70px;}
li.b { font-size: 12px; line-height: 18px; color: #666666; font-family: Arial, Helvetica, sans-serif; list-style-image: url(images/li-b.gif); margin-left: 80px;}
li.c { font-size: 12px; line-height: 18px; color: #666666; font-family: Arial, Helvetica, sans-serif; list-style-image: url(images/li-c.gif); margin-left: 80px;}
li.d { font-size: 12px; line-height: 18px; color: #666666; font-family: Arial, Helvetica, sans-serif; list-style-image: url(images/li-b.gif); margin-left: 10px;}
li.e { font-size: 12px; line-height: 18px; color: #666666; font-family: Arial, Helvetica, sans-serif; list-style-image: url(images/li-c.gif); margin-left: 10px;}

li.f { font-size: 12px; line-height: 24px; color: #152c45; font-family: Arial, Helvetica, sans-serif; list-style-type: none; margin-left: 25px; font-weight:bold;}
li.f a { color: #152c45;}
li.f a:hover { text-decoration: none; color: #cccccc;}
li.g {margin-bottom: 7px;}
.nowrap { white-space:nowrap }

td{
	line-height: 18px;
	font-size: 13px;
	color: #6c6c6c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 35px;
	}
	
	
td.projects{
	padding: 0px 30px 13px 50px;
	border-bottom: solid 1px #597A93;
	}
	
.location {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

	}
body {
	background-color: #99adbb;
	background-image: url(images/bg.gif);
	background-repeat:repeat-x;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 100%;
	margin: 0px 0;
	padding: 0;
	height:100%; 
}

.casestudy {
	font-size: 12px;
    line-height: 18px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 28px;
	padding-right: 38px;
}

.press {
	border-bottom: solid 1px #597A93; 
	padding-bottom:25px;
	font-size: 12px;
	line-height: 18px;
	color: #6c6c6c;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.press a, 
.press a:focus {
	color: #6c6c6c;
	text-decoration: underline;
}

.press a:active,
.press a:visited  {
	color: #999999;
	text-decoration: none;
	}
	
.press a:hover {
	color: #333333;
	text-decoration: underline;
	}

#masthead {
	background-image: url(images/masthead.jpg);
    background-repeat: no-repeat;
	margin-left: 8px;
	height: 111px;
}
#logo {
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	height: 135px;
}



/********LAYOUT WRAPPER**********/
#layout {
	width: 970px;
	margin: 0 auto;
	background-color: #ffffff;
	background-image: url(images/graf-shadow3.jpg);
	background-repeat: repeat-y;
}
/********MENU WRAPPER**********/
#menubar {
	height: 30px;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 8px;
	width: 954px;
	border-top: solid 3px #152c45;
	border-bottom: solid 3px #152c45;
	background-color: #ffffff;
}



/********COLUMN WRAPPER**********/
#columnwrapper {
	margin: 0 auto;
	width: 954px;
	padding: 0em 0 0 0;
	background-position: right top;
	
}
/*MAIN and SIDEBAR COLUMNS
  Width of both must equal width of columnwrapper
	540 + 210 = 750 */
#sidebox {
	float: left;
	width: 250px;
}

#mainbox {
	float: left;
	width: 704px;	
}

/********CONTENT CONTAINERS*********/

/*Sidebar*/
#sidecontent {
	border-right:#587992 3px solid;
}

#sidecontent p{
	line-height: 18px;
	font-size: 12px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 15px 15px 0px 0px;
	padding-bottom: 30px;
}


/*Main Content*/
#maincontent {
	margin: 0 0 0 0;
	/*body border*/
}

#maincontent p{
	line-height: 18px;
	font-size: 13px;
	color: #6c6c6c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 25px 65px 0px 35px;
}
/********HEADINGS*******/
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 1.35em;
	letter-spacing: 0.3em;
}
h1, h2, h3, h4 {
	line-height: normal;
	font-family:Arial, Helvetica, sans-serif;
}

h2 {
	margin: 1.5em 0 0 0;
	font-size: 1.25em;
}
h3 {
	margin: 1.5em 0 0 0;
	font-size: 1.2em;
}

/*CLEARING the LAYOUT FLOATS*/
.clearit {
	font-size: 0;
	line-height: 0;
	height: 0;
	clear: both;
}

/********BOTTOM SHADOW GRAPHIC**********/
#bottom {
	background-image: url(images/graf-footer2.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
	height: 48px;
	background-position: left bottom;
	margin-top: 0px;
	padding-top: 20px;
	text-align:center;	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 0.2em;
	color: #333333;
	line-height: 15px;
}


/***********FOOTER************/
/*Footer Container*/
#footerbox {
	width: 750px;
	margin: 0 auto;
	padding-left: 255px;
	padding-top: 5px;
	font-size: 0.7em;
	color: #ffffff;
}
/*Footer Content*/
#footer {
	padding: 0 0 0 35px;

}
/*********PAGE LINK STYLES********/

#footer a:hover, 
#footer a:active, 
#footer a:focus, 
#bottom a,
#bottom a:active, 
#bottom a:focus {
	color: #333333;
	text-decoration: none;
}

#bottom a:hover { color: #333333; text-decoration: underline; }
#bottom a:visited { color: #333333; }


a:link {
	color: #ffffff;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #ffffff;
}	

#pages a,
#pages a:active, 
#pages a:focus {
	color: #807502;
	text-decoration: none;}
#pages a:hover { color: #807502; text-decoration: underline; }
#pages a:visited { color: #807502; }

#contact a,
#contact a:active, 
#contact a:visited,
#contact a:focus {
	color: #333333;
	text-decoration: none; }

#contact a:hover { color: #333333; text-decoration: underline; }

#sitemap {
	margin: 0 auto;
	width: 954px;
	padding: 0em 0 0 0;
	background-position: right top; }
	
#sitemap a,
#sitemap a:active, 
#sitemap a:visited,
#sitemap a:focus {
	color: #333333;
	text-decoration: none; }

#sitemap a:hover { color: #554e00; }

#copylink a, 
#copylink a:focus {
	color: #6c6c6c;
	text-decoration: underline;
}

#copylink a:active,
#copylink a:visited  {
	color: #999999;
	text-decoration: underline;
	}
	
#copylink a:hover {
	color: #333333;
	text-decoration: underline;
	}
	
/*********SIDEBAR NAV********/

.navigation ul { margin: 0; padding: 0; }

.navigation li {
	border-bottom: 1px solid #42688d;
	list-style: none;
}

.navigation li a {
	color: #ffffff;
	display: block;
	padding: 4px 4px 4px 16px;
	text-decoration: none;
	font-weight: normal;
}

.navigation li a:hover {
	color: #1b334f;
	/*background-image:url(images/navbg.gif);
	background-repeat: repeat-y;	*/
	background-color: #d3e0e6;
	text-decoration: none;
	font-weight: normal;
}