/* Specific Colors Used:

Navbar 'a:hover' - #FF6868
Column Links 'a:hover' - #750000

*/

/* Changes to the browser defaults */

body {
background-color:#ffffff;
color:#000000;
font-family:Verdana;
font-size:80%
}

ul, li {
text-align:margin-left;
}

p {
margin:0px;
padding:5px;
}

h1 {
margin:0px;
padding:10px;
font-size:130%;
}

a,
a:visited {
color:#000000;
cursor:pointer;
text-decoration:underline;
}
a:hover {
color:#750000;
cursor:pointer;
text-decoration:underline;
}

/* Wrapper for all the content */

#primewrapper {
margin-top:35px;
margin:auto;
width:800px; 
}

/* Wrapper for the logo and navigation bar*/

#headload {
border: #A9A9A9 solid 2px;
margin-top:40px;
height:100px;
width:800px;
background-image:url('images/headback.jpg');
background-repeat:no-repeat;
background-position: 100% 0%;
}

/* Container for the logo image */

#logo {
float:left;
margin-left:20px;
margin-top:10px;
width:120px;
height:90px;
background-image:url('images/logo1.gif');
background-repeat:no-repeat;
}

/* Container for the navigation bar*/
/* Includes 'a' and 'a:hover' effects */

#navbar {
float:right;
width:550px;
height:26px;
margin-top:72px;
margin-right:-2px;
border-top: #FFFFFF solid 2px;
border-left: #FFFFFF solid 2px;
border-right: #A9A9A9 solid 2px;
text-align:center;
color:#FFFFFF;
background-color:#000000;
}
#navbar a {
color:#ffffff;
text-decoration:none;
font-weight:bold;
}
#navbar a:hover {
color:#FF6868;
text-decoration:none;
font-weight:bold;
}

/* Wrapper for the column and content containers */

#bodyload {
float:left;
border: #A9A9A9 solid 2px;
margin-top:10px;
width:800px;
}

/* Container for the column */

#column {
float:left;
width:198px;
height:500px;
border-right: #A9A9A9 solid 2px;
background-image:url('images/columnback.jpg');
background-repeat:repeat-x;
}

/* Container for the page specific content in the column*/
/* Includes 'table' 'a' 'a:visited' 'a:hover' 'p' effects*/

#colcontent {
float:left;
width:198px;
height:400px;
text-align:center;
color:#000000;
font-size:110%;
}
#colcontent table {
margin-top:10px;
margin-left:40px;
width:150px;
text-align:left;
line-height:15px;
}
#colcontent table tr {
line-height:15px;
}
#colcontent a,
#colcontent a:visited{
text-decoration:none;
font-weight:bold;
color:#000000;
}
#colcontent a:hover {
color:#750000;
text-decoration:underline;
}
#colcontent p {
padding:10px;}
#colcontent img {
vertical-align:top;
border:0;
}
#currentpage {
text-decoration:none;
font-weight:bold;
color:grey;
}
#pulse {
margin:0px;
padding:10px;
font-size:130%;
}


/* Container for the contact details in the column */
/* Includes 'a' effects*/

#colcontact {
float:left;
width:198px;
height:100px;
margin-top:0px;
text-align:center;
font-size:120%;
font-weight:bold;
color:#A9A9A9;
}
#colcontact a {
color:#000000;
text-decoration:none;
}
#colcontact a:hover {
color:#750000;
text-decoration:underline;
}

/* Container for the primary page content*/

#content {
float:right;
width:600px;
height:500px;
text-align:left;
background-image:url('images/divback.jpg');
background-repeat:no-repeat;
background-position: 100% 0%;
}
#content h1 {
color:#750000;
font-family:Arial;
font-weight:bold;
font-size:160%;
}

/* Container for the footer */

#footload {
float:left;
height:150px;
margin-top:10px;
font-size:85%;
text-align:center;
width:800px;
}

/* Specific settings for the table on technology.html */

#techtablelime {
width:180px;
margin-left:10px;
float:left;
background-image:url('images/tbacklime.jpg');
background-repeat:repeat-x;
}
#techtablecyan {
width:180px;
margin-left:10px;
float:left;
background-image:url('images/tbackcyan.jpg');
background-repeat:repeat-x;
}
#techtablepink {
width:180px;
margin-left:10px;
float:left;
background-image:url('images/tbackpink.jpg');
background-repeat:repeat-x;
}

#techtablelime tr,
#techtablecyan tr,
#techtablepink tr {
height:35px;
}

/* Contact Us Map */

#imageholster {
background-image:url('images/map.png');
margin-top:-250px;
margin-left:200px;
width:384px;
height:304px;
cursor:pointer;
}

#imgabsol {
background-image:url('images/bigmap.png');
display:none;
width:600px;
height:500px;
position:absolute;
margin:auto;
cursor:pointer;
}
#imgabsol:hover {
cursor:pointer;
}

/* Bromley South Station */
#loopspin1 {
position:absolute;
display:none;
margin-top:283px;
margin-left:48px;
background-image:url('images/loopspinbg.png');
height:40px;
width:40px;
FILTER:progid:DXImageTransform.Microsoft.Matrix(M11='1.0', sizingmethod='auto expand');
}

/* Bickley Station */
#loopspin2 {
position:absolute;
display:none;
margin-top:271px;
margin-left:530px;
background-image:url('images/loopspinbg.png');
height:40px;
width:40px;
FILTER:progid:DXImageTransform.Microsoft.Matrix(M11='1.0', sizingmethod='auto expand');
}

/* Quantum's Offices */
#loopspin3 {
position:absolute;
display:none;
margin-top:130px;
margin-left:340px;
background-image:url('images/loopspinbg.png');
height:40px;
width:40px;
FILTER:progid:DXImageTransform.Microsoft.Matrix(M11='1.0', sizingmethod='auto expand');
}

/* Styling for the quotations on about-us.html */

#quotation {
font-family:arial;
font-weight:bold;
font-size:110%;
}