/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center; /* ie5 workaround to centre content; #wrapper then aligns text left and adds 'auto' margins l and r */
	background-color:#000000;
	color: #ffffff;
}

a {
color: #CCCCCC;
}

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

/* hidden screen reader links */
.hidden {
display: none;
}

#wrapper {
	position: relative;
	text-align: left;
	width: 912px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
	background-color: transparent;
	padding: 0;
}

#header {
min-height:120px;
height:auto !important; /*fixes IE6 and 7 */
height:120px; /*fixes IE6 and 7 */
background-image: url(media/images/grad-header.jpg);
background-repeat:repeat-x;
background-position:bottom;
margin: 0 0 20px 0;
padding: 0;
}

#logo {
background-image: url(media/images/cablegripdotcodotuk.gif);
background-repeat:no-repeat;
background-position: 0 0;
width: 209px;
height:51px; 
margin: 34px 0 40px 15px;
text-indent:-9999px;
}

#slingco {
background-image: url(media/images/slingcologo.gif);
background-repeat:no-repeat;
background-position: right top;
width: 126px;
height:41px; 
margin: 0 15px 0 0;
text-indent:-9999px;
float: right;
}

#logo a {
display:block;
height:51px; 
}

#slingco a {
display:block;
height:41px; 
}

#flags {
	position: absolute;
	right: 16px;
	top: 55px;
	width: 229px;
	height: 20px;
	text-align: right;
}

#flags img {
 margin-left: 5px;
 }


/* horizontal menu */

ul#nav {
margin: 0;
padding: 0 0 0 90px;
list-style: none;
float:left;
width: 820px;
background-color:transparent;
border-bottom: 1px solid #ffffff;
position: relative;
top: 3px;
}

ul#nav li {
float:left;
display:inline; 
margin: 0;
padding: 0;
}

ul#nav a {
display:block;
padding: 5px 10px;
background-image:url(media/images/grad-horiznav.gif);
background-repeat:repeat-x;
background-position:0 0;
background-color: #000000;
text-decoration: none;
color: #b2b2b2;
font: bold 80% Arial, Helvetica, Verdana, sans-serif;
margin: 0 10px 0 0;
border: 1px solid #000000;
border-bottom: 0;
}

ul#nav a:hover {
border: 1px solid #b2b2b2;
border-bottom: 0;
color: #ffffff;
background-image: none;
}

/* highlight selected section */
body.home ul#nav li a#home, body.about ul#nav li a#about, body.design ul#nav li a#design, body.products ul#nav li a#products, body.brochure ul#nav li a#brochure, body.contact ul#nav li a#contact {
color: #ffffff;
position: relative;
top: 1px;
background-image: none;
border: 1px solid #ffffff;
border-bottom: none;
}

/* main page content - left and right columns */

#homepage {
float: left;
	display: inline; /* fixes IE double margin bug for floated elements */
	margin: 0 10px 0 0;
	background-color: transparent;
	padding: 0;
	border: none;
	}
	
#homepage {
	width: 640px;
	}
	
h1 {
color: #b2b2b2;
font-size: 190%;
margin: 0;
padding: 0;
}

h2 {
font-size: 120%;
}

h2.flashheader {
background-image: url(media/images/hprangeheader.gif);
background-repeat:no-repeat;
background-position:0 0;
background-color:#000000;
text-indent:-9999px;
height: 27px;
margin: 0;
padding: 0;
}

h2.aboutheader {
background-image: url(media/images/hpaboutheader.gif);
background-repeat:no-repeat;
background-position:0 0;
background-color:#000000;
text-indent:-9999px;
height: 27px;
margin: 0;
padding: 0;
}

h2.brochureheader {
background-image: url(media/images/hpbrochureheader.gif);
background-repeat:no-repeat;
background-position:0 0;
background-color:#000000;
text-indent:-9999px;
height: 27px;
margin: 0;
padding: 0;
}

#flashcontainer {
border: 1px solid #ffffff;
border-top:0;
width: 910px;
}

#homecopy p, #homecopy li  {
	font-size: 80%;
	line-height: 130%;
	margin: 16px 0 6px 0;
	padding: 0;
}
	
	/* main panel */
#mainpanel {
background-image:url(media/images/grad-mainpanel.jpg);
background-repeat: repeat-x;
background-position: left bottom;
border-bottom: 1px solid #ffffff;
min-height:250px;
height:auto !important; /*fixes IE6 and 7 */
height:250px; /*fixes IE6 and 7 */
padding: 0 0 0 20px;
position: relative;
margin-bottom: 10px;
}

#homepage2 h2 {
background-image:url(media/images/menuthumbs/menuhead.gif);
background-repeat:no-repeat;
background-position:0 0;
text-indent:-9999px;
height: 27px;
margin: 0;
padding: 0;
}



/* footer links */
#footer {
	padding: 3px;
	margin: 0;
	margin-top:10px;
	font-size: 60%;
	color: #b2b2b2;
	background-color: transparent;
	text-align: left;
	clear: both;
	}
	
	#footer a:link, #footer a {
	color: #b2b2b2;
	text-decoration: none;
	}
	
	#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
/* generic stuff */
form {
margin: 0px;
}

.left {
float: left;
margin-right: 10px;
}

.right {
float: right;
margin-left: 10px;
}

.clear {
clear: both;
}

.center {
text-align: center;
}

input.btn {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #154896;
  border: 1px solid #cccccc;
}
form p {
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}
form p label {
  float: left;
  width: 30%;
}

.homepage {
	width: 910px;
	}
	
	#homecopy {
	float: left;
	width: 405px;
	}
	.panel {
	float:left;
	width: 200px;
}

.panelcontent {
background-image:url(media/images/grad-menu.gif);
background-repeat:repeat-x;
background-position: 0 0;
background-color:#67686B;
border: 1px solid #ffffff;
border-top: none;
height: 200px;
overflow:auto;
}

.panelcontent p {
color: #000000;
font-size: 70%;
margin: 6px;
}
	
	
	#homeflash {
	float:left;
	width: 264px;
	}