/* CSS Document */
/*
#28a9e4
#ff9a29
*/
body{
font:normal 62.5% Arial,Verdana,sans-serif;
line-height:200%; 
color:#333;	
background-color:#28a9e4;
}
img{
border:none;	
}
#topwrapper,#mainbody{
	background-color:#fff;
}

.logos{
	margin-top:15px;
	margin-bottom:15px;
}
#logo{
	/*position:relative;
	right:68px;*/
}
#bar{
width:100%;
background:#28a9e4 url(images/baks/bar.png) top repeat-x;
height:42px;
}
.tel{
	margin-top:30px;
	text-align:right;
}

ul#mainNav  {
list-style:none;
margin-top:10px;
margin-bottom:20px;
margin-left:-10px;
padding:0;
font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
font-size:20px;
}


ul#mainNav li  {
position:relative;
float:left;
display:inline;
width:130px;
height:25px;
text-align:center;
color:#fff;
padding:0;

}

ul#mainNav li.last {
margin-right:0;
}
ul#mainNav li a:link, ul#mainNav li a:visited {
text-decoration:none;
color:#fff;
padding:0;
margin:0;

}
ul#mainNav li a:hover, ul#mainNav li a.active {
color:#8edcf2;
}

ul#mainNav li a.current:link, ul#mainNav li a.current:visited{
color:#8edcf2;
}


ul.navlist{
margin:0 0 0px 0;
padding:0 0 0 0;
position:relative;
left:40px;
bottom:1px;
z-index:1000;
}
 /* submenu, it's hidden by default */  

   ul.navlist li ul {  
   display:none;
   margin-top:0px;
   border-top:5px #28a9e4 solid;
   background-color:#28a9e4;
           /*  position:absolute;    
            left:0; 
			top:24px;
			display:none;
            margin:0 0 0 0;    
            padding:0;    
            list-style:none;*/
		
			}   
           
	
        ul#mainNav.grid_12 li ul li{
	  		padding-top:5px;
	  		background-color:#28a9e4;
	  		float:left;   
            border-top:1px solid #fff;   
			background-color:#28a9e4;
  }
           

        ul.navlist li ul li a {   
            display:block;     
            padding:0;   
			margin:0;
            color:#666; 
			font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
			font-size:16px;
		
        }   
           
        ul.navlist li ul li a:hover {   
            text-decoration:underline;     
		
        }   
  

.photobox{
margin-top:15px;
}

.photobox h1{
font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
font-size:35px;
color:#333;
font-weight:normal;
margin-top:20px;
margin-bottom:20px;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#ff9a29;
font-weight:bold;

}
p {
	font-size:1.3em;
	margin-bottom:15px;
}
.top{
	margin-top:0px;
}
#mainbody{
		padding-bottom:15px;
}
#footer_container {

	padding-top:35px;
	font-size:12px;
}
#footer_container p {
	font-size:12px;
}
#footer_container ul li a:link,#footer_container  ul li a:visited {
text-decoration:none;
color:#333;
padding:0;
margin:0;

}
#footer_container ul li a:hover, #footer_container ul li a.active {
text-decoration:none;
color:#009aef;

}

#footer_container ul li a.current:link, #footer_container ul li a.current:visited{
text-decoration:none;
color:#009aef;

}
.col1 ul{
	padding-left:15px; 
	margin-left:0;
	margin-top:0px;
}
.col1 ul li{
	font-size:1.3em;
	padding-left:15px; 
	margin-left:-15px;
	list-style-type:none;
	margin-top:0; 
	margin-bottom:10px;
	background:url(images/resources/bullet.gif) no-repeat 0px 7px; 
}
.quotes p {
	font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#000;
	line-height:100%; 
	padding: 10px;
	font-style:italic;
}
.quotes p.quote_name {
position:relative;
top:-25px;
font-size:13px;
margin:0;
font-style:normal;
}

/* Slideshow */


.images{
position:relative;	
	height:280px;
	width:940px;
	float:left;	
	margin:0 0 10px 0;

}
/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;	
	height:280px;

}



/* navigation circles */
.slidetabs {
	clear:both;
	margin-left:430px;
}

/* single tab */
.slidetabs a {
	width:10px;
	height:10px;
	float:left;
	margin:0px;
	background:url(images/slideshow-nav.gif) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.slidetabs a:hover {
	background-position:0 -9px;      
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -19px;     
} 	

p.tname
{
   margin-top:-5px;
   margin-bottom:40px;
    font-style:italic;
    text-align:right;
   
}

p.testimonal
{
    padding-top:10px;
    background-image:url(images/graphics/quotes-fade.gif) ;
    background-repeat:no-repeat;
background-position:0 0;
   
}
.hiddentext{
	display:none;
}
.button
{
   
   cursor:pointer;  
}


table#enqform{
	width:600px;
    border-collapse:collapse;
	margin: 3px 0 20px 0;
}
input,textarea,select {
	border: #333 solid 1px;
	width: 200px;
	font-family:Verdana, Geneva, sans-serif;
	color: #333;
	
}
select {
font-size: 100%;	
}
 #delivery, #ex-works {
	 width: 20px;
 }
table#enqform tbody tr th{
	text-align:left;
	vertical-align:text-top;
	font-weight: normal;
		font-size: 13px;
		border-bottom: 1px solid #fff;
		padding: 8px;
		width:100px;
}

#enqform td {
	text-align:left;
	font-weight: normal;
	border-bottom: 1px solid #fff;
	font-size: 85%;
	padding: 8px;
	width: 400px;

}
.submit {
background-color: #28a9e4;
color: #fff;
width: 100px;
border:none;
}

.submit:hover {
	

	background: #ff9a29;
	color: #fff;
}

table#enqform tr{
	background-color:#eaf7fc;
	
}
table#enqform tr.alt {
background-color:#F4F4F4;

}

#map_canvas
{
    margin-top:5px;
    width: 600px;
    height: 300px;
    border-width: 1px;
    border-color:#666666; 
    border-style: solid;   
}
div#hpbuttons a
{
    width:300px;
	height:61px;
	float:left;
	margin:0 0 5px 0;
	font-size:1px;		
	display:block;
	text-indent: -5000px;

}
div#hpbuttons a.workshops
{
background:url(images/buttons-orange.gif) 0 0 no-repeat;
}
div#hpbuttons a.offices
{
background:url(images/buttons-orange.gif) 0 -62px no-repeat;
}
div#hpbuttons a.support 
{
background:url(images/buttons-orange.gif) 0 -123px no-repeat;
}
div#hpbuttons a.meeting-rooms
{
background:url(images/buttons-orange.gif) 0 -184px no-repeat;
}

/* mouseover state */
div#hpbuttons a.workshops:hover 
{
    background:url(images/buttons-blue.gif) 0 0 no-repeat;
}
div#hpbuttons a.offices:hover 
{
    background:url(images/buttons-blue.gif) 0 -62px no-repeat;
}
div#hpbuttons a.support:hover 
{
    background:url(images/buttons-blue.gif) 0 -123px no-repeat;
}
div#hpbuttons a.meeting-rooms:hover 
{
    background:url(images/buttons-blue.gif) 0 -184px no-repeat;
}

/* active state (current page state) */
div#hpbuttons a.workshops.current {
	background-position:0 -0px;     
} 	

a.design
{
    text-decoration:none;
    font-size:11px;
    color:#333;   
}

.warning
{
    color:#cc0000;
    font-size:14px;
    padding:0 0 5px 0;   
}