/*** BPI CSS - Alan McCarthy, BPI Telecom, alanm@bpi.ie***/

body {
	color:#fff;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	text-align:center;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size:.9em;
	background-color:#6e6159;
}

a {
	color:#333333;
	text-decoration:none;
}

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

p {
line-height:1.5em;
margin:0 0 15px 0;
}

h1 {
margin:0 0 20px 0;
font-size:1.5em;
color:#333;
}

h2 {
margin:0 0 15px 0;
font-size:1.1em;
color:#333;
}

h3 {
margin:-15px 0 15px 0;
font-size:1.1em;
}

h4 {
margin:30px 0 15px 0;
font-size:1.1em;
}

/*** navigation ***/

ul {
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul li {
  display: block;
  position: relative;
  float: left;
}

li ul { 
  display: none;
}

ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  padding: 5px 15px 5px 15px;
  margin-left: -10px;
  white-space: nowrap;
}

ul li a:hover {}

li:hover ul {
  display: block;
  position: absolute;
}

li:hover li {
  float: none;
  font-size: 11px;
}

li:hover a { 
background: #c2bab7; 
}

li:hover li a:hover { 
background: #c2bab7; 
}

/*** Shadow ***/

#shadow {
	background-image:url(images/wrap_background.jpg);
	background-repeat: repeat-y;
	width:905px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	text-align:center;
}

/*** Main container ***/

#container {
	color:#000;
	margin:0 auto;
	padding:10px;
	text-align:left;
	background-image:url(images/sitenamebackground.gif);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	width:755px;
}

/*** Header section ***/

#sitename {
	color:#666666;
	width:755px;
	text-align:right;
	font-weight:100;
	font-size:1.2em;
	padding: 70px 0 25px 0;
	background-image:url(images/bpi_logo_new.png);
	background-position:left;
	background-repeat: no-repeat;
	margin-bottom:4px;
}

/*** Content wrap ***/

#wrap {
	clear:both;
	width:755px;
	font-size:1em;
	padding:0;
}

/*** Sidebars ***/

#rightside {
	width:230px;
	margin: 0;
}

#rightside {
	float:right;
	background-color: #FFFFFF;
	color: #000;
	margin:25px 0 10px 10px;
}

.linklist {
list-style:none;
margin:0 0 10px 0;
padding:0;
}

.linklist li {margin-bottom:0.7em;}

/*** Content ***/

#content {
	background-color:#FFF;
	color:#000;
	padding-top:0;
	padding-right:20px;
	padding-bottom:5px;
}

#content {margin:0 200px;}

#content ul { 
list-style-image:url(img/arrows.gif);
line-height:1.5em;
} 

#content img {
	border:1px solid #b0b0b0;
	float:right;
	margin:-30px 0 0 0;
	padding:5px;
}

#contentleader {
	background-image:url(images/apple_ipad.jpg);
	width:755px;
	height:249px;
	float:left;
	margin:40px 0 10px 0;	
}

#contentleaderLeft, #contentleaderRight {
	float:left;
	margin:50px 0 0 10px;
	color:#333333;
	font-size:.9em;
	text-align:left;
}

#contentleaderLeft {
	float:left;
	width:540px;
	padding:0 20px 0 0;
}

#contentleaderRight {
	width:170px;
	float:right;
	padding:0 0 0 0;
}

#contentleadertext {
color:#333333;
text-align:center;
font-weight:bold;
width:210px;
font-size:1em;
letter-spacing:0;
margin:130px 0 0 28px;
padding:0;
}

#Letters, #LettersMiddle, #LettersMiddle2, #LettersRight {
background-image:url(images/rectangle.jpg);
background-repeat:no-repeat;
display:inline;
text-align:center;
width:178px;
height:178px;
font-size:.8em;
color:#333333;
padding-top:3px;
}

#Letters {
float:left;
margin:0 14px 0 0;
}

#LettersMiddle {
float:left;
margin:0 14px 0 0;
}

#LettersMiddle2 {
float:right;
margin:0 0 0 14px;
}

#LettersRight {
float:left;
margin:0 0 0 0;
}

#Managementbox, #ManagementboxMiddle, #ManagementboxMiddle2, #ManagementboxRight {
background-repeat:no-repeat;
display:inline;
text-align:center;
width:116px;
height:163px;
font-size:.9em;
color:#333333;
padding-top:3px;
}

#Managementbox {
float:left;
margin:0 14px 20px 0;
}

#ManagementboxMiddle {
float:left;
margin:0 14px 0 0;
}

#ManagementboxMiddle2 {
float:left;
margin:0 14px 0 0;
}

#ManagementboxRight {
float:left;
margin:0px 14px 0px 0px;
}

#MobilePhoneLogos {
	width:755px;
	padding: 20px 0 40px 0;
	background-image:url(images/mobile_phone_logos.jpg);
	background-repeat: no-repeat;
}

#CharityLogos {
margin:290px 0 0 0;
}

/*** Footer ***/

#footerLeft, #footerRight {
	clear:both;
	color:#000000;
	font-size:.8em;
	text-align:left;
	width:755px;
	background-color:#c2bab7;
	background-image:url(images/footerbackground.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height:260px;
	padding:50px 10px 0 10px;
	margin-left:-10px;
	margin-bottom:-10px;
}

#footerLeft a, #footerRight a {
color:#000000;
margin-top:50px;
}

/*** Various classes ***/

.searchform {
margin:0 0 60px 0;
}

.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 5px 5px 0;
width:170px;
}

.searchbutton {
	background:#f0f0f0;
	border:1px solid #b0b0b0;
	height:21px;
	float:right;
}

.searchbuttonmain {
	background:#f0f0f0;
	border:1px solid #b0b0b0;
	height:21px;
	float:left;
}

.searchbutton a {
background:#669900;
border:1px solid #b0b0b0;
height:22px;
}

.clearingdiv {
	clear:both;
	height:20px;
	width:1px;
}

#verticalspace {
	clear:both;
	height:50px;
	width:10px;
}

.clearingdivrightside {
	clear:both;
	height:15px;
	width:1px;
}

.clearingdivleftside {
	clear:both;
	height:15px;
	width:1px;
}

.hide {display:none;}

/*** Text format ***/

.intro {
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:-1px;
	background-color: #FFFFFF;
}

.bold {
	font-size:0.9em;
	font-weight:bold;
	color:#333333;
}

.large {
font-size:1.2em;
font-weight:bold;
color:#666666;
}
.center {text-align:center;}
.right {text-align:right;}

/*** End of file ***/