/*	-------------------------------------------------------------
	MCC Computers Ltd
	Making IT Simple
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	CSS file for screen media
	Filename:		screen.css
	Version:		1.0
	Author: 		Dave Harrison
	Date:			14/02/2006
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	=BASE BODY STYLES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
*{
    margin:0px;
    padding:0px;
	}
body {
    background:#fff;    
	font:80% Helvetica, Arial, sans-serif;
    color:#a7a9ac;    
    text-align:center;
    margin:0px;
    padding:0px;
	}
#accessibilitybar{
	background:#efece0;
	color:#0d629b;
	position:relative;
	display:block;
	width:100%;
	height:70px;
	margin:0px;
	padding:0px;
	text-align:left;
	border-top:8px solid #c7b577;
	border-bottom:1px solid #c7b577;
	}
#container{
	background:#fff;
	color:#0d629b;
	position:relative;
	display:block;
	margin:0px auto 0px;
	text-align:left;
	}
#topbar{
	background:transparent;
	color:#0d629b;
	position:relative;
	display:block;
	}
#logo{
	background:#fff url(../interface/logo.gif) no-repeat;
	color:#0d629b;
	position:relative;
	display:block;
	width:250px;
	height:110px;
	float:left;
	}
#navigation{
	background:transparent;
	color:#0d629b;
	position:relative;
	display:block;
	height:3.0em;
	float:left;
	margin-top:-2.5em;
	}
#telephone{
	background:transparent;
	color:#0d629b;
	position:relative;
	display:block;
	height:4em;
	float:left;
	text-align:right;
	}
#announcement{
	background:transparent;
	color:#0d629b;
	position:relative;
	display:block;
	width:100%;
	float:left;
	text-align:center;
	}
#strapeline{
	background:transparent;
	color:#0d629b;
	position:relative;
	display:block;
	width:100%;
	float:left;
	}
#content{
	background:transparent;
	color:#0d629b;
	position:relative;
	display:block;
	float:left;
	height:auto;
	clear:both;
	}
#maincontent{
	background:transparent;
	color:#0d629b;
	position:relative;
	display:block;
	width:500px;
	float:left;
	height:auto;
	clear:both;
	}
#maincontentresources{
	background:transparent;
	color:#0d629b;
	position:relative;
	display:block;
	width:750px;
	float:left;
	height:auto;
	clear:both;
	}
#signup {
    background:transparent;
	color:#0d629b;
    height: auto;
    padding:0px;
    float: left;
    width:500px;
	margin:10px 0px 0px;
	}
#audience1{
	background:transparent;
	color:#0d629b;
	position:relative;
	display:block;
	width:250px;
	height:auto;
	float:left;
	clear:both;
	}
#audience2{
	background:transparent;
	color:#0d629b;
	position:relative;
	display:block;
	width:250px;
	height:auto;
	float:left;
	}
#col1,#col2,#col3{
	background:transparent;
	color:#0d629b;
	position:relative;
	display:block;
	width:250px;
	height:auto;
	float:left;
	}
#additionalinfo{
	background:transparent;
	color:#0d629b;
	position:relative;
	display:block;
	width:480px;
	clear:both;
	margin:10px 0px;
	padding:20px 0px 0px;
	}
#additionalinforesources{
	background:transparent;
	color:#0d629b;
	position:relative;
	display:block;
	width:750px;
	clear:both;
	margin:10px 0px;
	padding:20px 0px 0px;
	}
#secondaryinfo{
	background:transparent;
	color:#0d629b;
	position:relative;
	display:block;
	width:250px;
	height:auto;
	float:left;
	}
#subnav{
	background:transparent;
	color:#0d629b;
	position:relative;
	display:block;
	width:100%;
	}
#usps{
	background:transparent;
	color:#0d629b;
	position:relative;
	display:block;
	width:100%;
	}
#testimonial{
	background:transparent;
	color:#0d629b;
	position:relative;
	display:block;
	width:100%;
	}
#extrainfo{
	background:transparent;
	color:#0d629b;
	position:relative;
	display:block;
	float:left;
	}
#downloads{
	background:#fff url(../interface/bg_blue.gif) repeat-x top left;
	color:#0d629b;
	position:relative;
	display:block;
	float:left;
	height:180px;
	border-bottom:1px solid #778dbd;
	}
#casestudies{
	background:#fff url(../interface/bg_green.gif) repeat-x top left;
	color:#0d629b;
	position:relative;
	display:block;
	float:left;
	height:180px;
	border-bottom:1px solid #9ccfb7;
	}
#mailinglist{
	background:#fff url(../interface/bg_gold.gif) repeat-x top left;
	color:#0d629b;
	position:relative;
	display:block;
	float:left;
	height:150px;
	border-bottom:1px solid #c7b577;
	}
#accreditions{
	background:transparent;
	color:#0d629b;
	position:relative;
	display:block;
	float:left;
	height:150px;
	overflow:hidden;
	}
#footer{	
	background:#0d629b;
	color:#fff;
	position:relative;
	display:block;
	clear:both;
	float:left;
	padding:10px 0px 20px;
	margin:50px 0px 0px;
	min-height:150px;
	height:auto;
	border-top:3px solid #c7b577;
	}


/*	-------------------------------------------------------------
	=LINKS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
a:link, a:active {
   	color: #000;
    text-decoration: underline;
	font-weight:normal;
    }
a:visited {
   	color: #000;
   	text-decoration:none;
	font-weight:normal;
    }
a:hover {
	color: #000;
	background:#efece0;
    text-decoration: none;
	font-weight:normal;
    }
/*	-------------------------------------------------------------
	=STYLE SWITCHER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#accessibilitybar #ul-accessibility{
	background:transparent;
	position:relative;
	display:block;
	border: 0px;
   	padding: 0px;
    list-style-type: none;
    text-align: center;
	}
#accessibilitybar #ul-accessibility li{
	font:normal 100%/1.0em Arial, Helvetica, sans-serif;
	color:#0d629b;
	padding:0px;
	margin:10px;
	display:block;
	float:left;
	width:7em;
	text-align: center;
	}
#accessibilitybar #ul-accessibility li a{
	color:#0d629b;
	display:block;
	float:left;
	text-decoration: underline;
	}
#accessibilitybar #ul-accessibility li a:hover{
	color:#000;
	background:#fff;
	}
#accessibilitybar #sstextversion{
	display:block;
	}
#accessibilitybar #ssmaster{
	display:none;
	}

/*	-------------------------------------------------------------
	=NAVIGATION
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#ul-navigation{
	background:transparent;
	position:relative;
	display:block;
	border: 0px;
   	padding: 0px;
    list-style-type: none;
    text-align: center;
	float:right;
	}
#navigation ul li {
    display: block;
    float: right;
    text-align: center;
   	padding: 0px;
    margin: 0px;
	}
#navigation ul li a {
    background:#efece0;
	display: block;
	font:bold 110%/2.0 Helvetica, Arial, sans-serif;
	color: #0d629b;
	text-decoration: none;
  	letter-spacing: -0.05em;
	width: 6em;
   	padding: 0px 10px;
    margin: 0px;
	border-bottom: 3px solid #c7b755;   
    }
#navigation ul li a:visited{
    background:transparent;
	color: #0d629b;
    }
#navigation ul li a:hover {
    background: #efece0;
    color: #000;
	border-bottom: 3px solid #0d629b;
    }
#navigation a:active  {
    background: #fff;
   	color: #0d629b;
    }
body#aboutus #navigation li#nav-aboutus a, body#ourservices #navigation li#nav-ourservices a, body#casestudy #navigation li#nav-casestudies a, body#contactus #navigation li#nav-contactus a, body#hardware #navigation li#nav-ourservices a, body#software #navigation li#nav-ourservices a, body#training #navigation li#nav-ourservices a, body#communications #navigation li#nav-ourservices a, body#webdevelopment #navigation li#nav-ourservices a, body#casestudy1 #navigation li#nav-casestudies a, body#casestudy2 #navigation li#nav-casestudies a, body#casestudy3 #navigation li#nav-casestudies a, body#casestudy4 #navigation li#nav-casestudies a, body#casestudy5 #navigation li#nav-casestudies a{
    background: #fff;
   	color: #0d629b;
	border-bottom: 3px solid #fff;
	border-top: 1px solid #c7b755;
	border-left: 1px solid #c7b755;
	border-right: 1px solid #c7b755;
	}
/*	-------------------------------------------------------------
	=SUB NAVIGATION
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#secondaryinfo #subnav #ul-subnav  {
    background: #fff;
    display: block;
	position: relative;
    margin: 4px 0px 30px;
	width: 210px;
   	padding: 0px;
    list-style-type: none;
    text-align: left;
    }
#secondaryinfo #subnav #ul-subnav li {
    background:transparent;
	display: block;
	line-height:1.8;  
  	padding: 0px;
   	margin: 0px;
	width: 210px;
    }
#secondaryinfo #subnav #ul-subnav li a{
   	background: #fff;
   	display: block;
    font:bold 90% Helvetica, Arial, sans-serif;
	padding: 0px 0px 0px 45px;
    margin: 0px;
	width: 165px;
	line-height:1.8;    
    color: #0d629b;
    text-decoration: none;
	border-right:3px solid #fff;
    }
#secondaryinfo #subnav #ul-subnav li a:hover{    
   	background: #fff;
	color: #000;
	border-right:3px solid #fff;
    }

body#hardware #subnav li#snav-hardware a, body#software #subnav li#snav-software a, body#training #subnav li#snav-training a, body#communications #subnav li#snav-communications a, body#webdevelopment #subnav li#snav-webdevelopment a, body#casestudy1 #subnav li#snav-casestudy1 a, body#casestudy2 #subnav li#snav-casestudy2 a, body#casestudy3 #subnav li#snav-casestudy3 a, body#casestudy4 #subnav li#snav-casestudy4 a, body#casestudy5 #subnav li#snav-casestudy5 a, body#aboutus #subnav li#snav-aboutus a, body#contactus #subnav li#snav-contactus a, body#feedback #subnav li#snav-feedback a{   
    background: #efece0 url(../interface/subnavpointer.gif) no-repeat center left;
	color: #000;
	border-right:3px solid #c7b577;
    }


/*	-------------------------------------------------------------
	=GENERIC TEXT ELEMENTS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#logo h1 a{
	background:transparent;
	color:#000;
	display:block;
	width:250px;
	height:100px;
	float:left;
	}
#logo h1 a:hover{
	background:transparent;
	}

h2 {
   	background:transparent;
	color: #a7a9ac;
   	font: normal 180%/1.6 Helvetica, sans-serif;
   	padding:0px;
	margin:0px;
	letter-spacing:-0.03em;
	width:100%;
	text-align:left; 
	}
h2 strong {
    background:transparent;
	color: #0d629b;
    font: normal 100% Helvetica, sans-serif;
	}
h2 em {
    background:transparent;
	color: #a7a9ac;
    font-style:normal;
	font-weight:bolder;
	letter-spacing:-0.03em;
	}
h3 {
   	background:transparent;
	color: #000;
    font: normal 150% Helvetica, sans-serif;
    margin:20px 0px 0px;
	padding:0px;
	letter-spacing:-0.03em;
	text-align:left;   
	}
h4 {
	background:transparent;
	color: #9f8427;
    font: bold 120% Helvetica, sans-serif ;
   	margin:30px 0px 0px;
	padding:0px;
	letter-spacing:-0.03em;
	text-align:left;
	}
h5 {
    background:transparent;
	color: #0d629b;
    font: bold 120% Helvetica, sans-serif;
   	margin:10px 0px 0px;
	padding:0px;
	letter-spacing:-0.03em;
	text-align:left;   
	}

address{
	background:transparent;
	font: 110%  Helvetica, Arial, san-serif;
	color:#778dbd;
	margin-top:10px;
	padding:5px;
	text-align:left;
	}
p{
    background:transparent;
	color: #0d629b;
    font: 100%/1.5em Helvetica, Arial, san-serif;
    padding:0px;
	margin:2px 40px 10px 0px;

    }
p strong{
    background:transparent;
	color:#000;
    font-weight:normal;  
    }
abbr, acronym{
  	border-bottom: 1px dotted #666;
  	cursor: help;
  	font: bold 100% Helvetica, Arial, san-serif;
  	color:#000;
	}

blockquote{	
	display:block;
	float:left;
	margin: 0px;
	padding: 0px 20px 0px 0px;
	font-size: 100%;
	font-style: normal;
	}
blockquote p{
	color: #0d629b;
    font: normal 100% Tahoma, Helvetica, Arial, san-serif;
    text-align:left;
	line-height:1.5em;
	letter-spacing:-0.01em;
	margin: 4px;
	padding: 0px;
    }
cite{
  	color: #000;
   	font: bold 90% Helvetica, Arial, san-serif;
	display:block;
	float:left;
	margin:5px 0px 0px;
	padding:0px;
	letter-spacing:-0.01em;
	text-align:left;
	}
.bqstart {
    position:relative;
	display:block;
	float: left;
    height: 45px;
    margin-top: -40px;
    padding-top: 35px;
    margin-bottom: -10px;
    color: #c7b577;
	font:normal 600% Georgia, "Times New Roman", Times, serif;
 }
 .bqend {
    position:relative;
	display:block;
	float: right;
    height: 25px;
    margin-top: -65px;
    padding-top: 45px;
    color: #c7b577;
	font:normal 600% Georgia, "Times New Roman", Times, serif;
 	}
div.hr {
 	height: 30px;
  	background: #fff url(/interface/ico_hr.gif) no-repeat scroll center;
}
div.hr hr {
  	display: none;
}	
/*	-------------------------------------------------------------
	=SPECIFIC TEXT ELEMENTS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#telephone p{
	background:transparent url(../interface/ico_calluson.gif) no-repeat top left;
	font: bold 170%/3.6 Helvetica, Arial, san-serif;
	color:#000;
	width:270px;
	float:right;
}
#footer {
	font: bold 110%/1.0 Helvetica, Arial, san-serif;
	color:#000;
}
#announcement h6{
	font: normal 120%/1.4 Tahoma, Arial, san-serif;
	color:#778dbd;
	background:#fff url(../interface/bg_green.gif) repeat-x top left;
	border:10px solid #9ccfb7;
	text-align:justify;
	padding:15px;
}
#announcementtitle{
	background:transparent url(../interface/ico_announcement.gif) no-repeat left top;
	font: bold 120%/1.6 Helvetica, Arial, san-serif;
	color:#000;
	margin-right:10px;
	padding:10px 0px 0px 40px;
	}
ul.contactinfo li{
	font: bold 100%/1.3 Helvetica, Arial, san-serif;
	color:#0d629b;
	}
ul.contactinfo li a{
	font: bold 100%/1.3 Helvetica, Arial, san-serif;
	text-decoration:none;
	color:#0d629b;
	}
#maincontent.casestudytext h3 em.date{
	display:inline;
	font: bold 80%/1.3 Helvetica, Arial, san-serif;
	margin:0px;
	color:#0d629b;
	}
#maincontent.casestudytext h4{
	font: bold 140%/1.3 Helvetica, Arial, san-serif;
	margin:0px;
	}
#maincontent.casestudytext h6{
	font: bold 110%/1.3 Helvetica, Arial, san-serif;
	color:#478f6e;
	letter-spacing:-0.02em;
}
#maincontent.casestudytext h6.mccareas{
	margin:20px 0px;
	}
#maincontent.casestudytext p{
	font: normal 100%/1.6 Helvetica, Arial, san-serif;
}
#maincontent.casestudytext li{
	font: normal 85%/1.0 Helvetica, Arial, san-serif;
	margin-left:35px;
}
#ouraddress{
	background:#fff url(../interface/bg_coffeeprovided.gif) no-repeat right top ;	
	padding:1px 40px 20px;
	margin:10px 40px 20px 0px;
	border:1px solid #efece0;
	}
#ournumbers{
	background:#fff;
	padding:1px 40px 20px;
	margin:10px 40px 20px 0px;
	border:1px solid #efece0;
	}
#ouremails{
	background:#fff;
	padding:1px 40px 20px;
	margin:10px 40px 20px 0px;
	border:1px solid #efece0;
	}
/*	-------------------------------------------------------------
	=CONTENT LISTS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#content ul{
    font: normal 120%/1.0 Helvetica, Arial, san-serif;
	padding: 0px;
   	margin: 0px 0px 30px;
	list-style-type:square;
	text-align:left;
	letter-spacing:-0.05em;
    }
#content ul li{
	position:relative;
	color: #0d629b;
	margin:10px 0px;
	padding:0px 0px 0px 0px;
	letter-spacing:-0.05em;
	}
/*	-------------------------------------------------------------
	=CONTACT US LISTS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#ournumbers ul,#ouremails ul{
    font: normal 120%/1.0 Helvetica, Arial, san-serif;
	padding: 0px;
   	margin: 0px 0px 30px;
	list-style-type:none;
	text-align:left;
	letter-spacing:-0.05em;
    }
#ournumbers ul li,#ouremails ul li{
	position:relative;
	color: #0d629b;
	margin:10px 0px;
	padding:0px 0px 0px 30px;
	background:transparent url(../interface/ico_bullet2.gif) no-repeat left top ;
	letter-spacing:-0.05em;
	}

/*	-------------------------------------------------------------
	=EXTRA INFO LISTS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#extrainfo ul{
   	font: normal 95%/1.0 Helvetica, Arial, san-serif;
	padding: 0px;
    margin: 0px 0px 0px 10px;
	list-style-type:none;
	letter-spacing:-0.05em;
    }
#extrainfo ul li {
	position:relative;
	color: #fff;
	margin:10px 0px;
	padding:0px 0px 0px 0px;
	background:transparent url(../interface/ico_bullet.gif) no-repeat left top ;
	letter-spacing:-0.05em;
	}
/*	-------------------------------------------------------------
	=ACCREDITIONS LIST
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#extrainfo #accreditions h5{
	font-weight:bold;
	color:#9F8427;
	margin:10px;
	}
#extrainfo .accreditionsshowall{
	background:#fff;
	position:relative;
	display:block;
	height:650px;
	overflow:hidden;
	}
#extrainfo #accreditions img{
	background:transparent;
	position:relative;
	display:block;
	padding:10px;
	float:left;
	margin:1px 0px;
	}
#toggle{
	display:block;
	position:absolute;
	width:120px;
	top:1px;
	left:130px;
	}
#toggle a{
	font:90%/1.0 Arial, Helvetica, sans-serif;
	color:#0d629b;
	background:#efece0;
	text-decoration:none;
	padding:2px;
}
#toggle a:hover{
	font:90%/1.0 Arial, Helvetica, sans-serif;
	color:#fff;
	background:#000;	
}
#toggle a:focus{
	outline: none;
	}

/*	-------------------------------------------------------------
	=EXTRA INFO DOWNLOADS LIST
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#extrainfo #downloads h4,#maincontentresources h4{
	font-weight:bold;
	color:#0d629b;
	margin:10px;
	}
#extrainfo #downloads ul,#maincontentresources ul{
	list-style-type:none;
	}
#extrainfo #downloads ul li,#maincontentresources ul li{
	color:#0d629b;
	background:transparent url(../interface/ico_pdf.gif) no-repeat left top ;
	line-height:1.5;
	padding:0px 0px 0px 25px;
	letter-spacing:-0.05em;
	}
#extrainfo #downloads ul li a,#maincontentresources ul li a{
	color:#0d629b;
	}
#extrainfo #downloads ul li a:hover,#maincontentresources ul li a:hover{
	color:#000;
	background:#fff;
	}
/*	-------------------------------------------------------------
	=EXTRA INFO CASE STUDIES LIST
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#extrainfo #casestudies h4{
	font-weight:bold;
	color:#478f6e;
	margin:10px;
	}
#extrainfo #casestudies ul li{
	color:#478f6e;
	background:transparent url(../interface/ico_www.gif) no-repeat left top ;
	line-height:1.5;
	padding:0px 0px 0px 25px;
	letter-spacing:-0.05em;
	}
#extrainfo #casestudies ul li a{
	color:#478f6e;
	}
#extrainfo #casestudies ul li a:hover{
	color:#000;
	background:#fff;
	}

/*	-------------------------------------------------------------
	=USPS LIST
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#usps ul li {
   	background:transparent url(../interface/ico_bullet.gif) no-repeat left top ;
	padding:0px 0px 0px 18px;
	list-style-type:none;
	font:bold 100%/1.0 Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
	color:#c7b577;
	}

/*	-------------------------------------------------------------
	=SUBSCRIBE FORM
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#signup p{
	font:normal 110%/1.5em arial, helvetica, sans-serif;
	color:#0d629b;
	letter-spacing:normal;
	padding:0px 20px 0px 0px;
	}
fieldset#fieldsetsubscribe{
	width:80%;
	padding:15px 2px 15px 20px;
	margin:0px 30px 0px 0px;
	background:#efece0;
	border:1px solid #9ccfb7;
	}
fieldset#fieldsetsubscribe input{
	font:110% Arial,Helvetica,sans-serif;
	display:inline;
	border:1px solid #0d629b;
	background:#fff;
	margin:0px;
	padding:2px;
	vertical-align:middle;
	width:55%;
	}
fieldset#fieldsetsubscribe input:focus{
    border:1px solid #0d629b;
	background:#f7f7f7;
    }
fieldset#fieldsetsubscribe input#subscribebutton{
	background:#c7b577;
	color:#0d629b;
	display:inline;
	width:79px;
	line-height:1.3;
	padding:0px 4px;
	border:1px solid #9ccfb7;
	font:bold 120% "Trebuchet MS",Arial,Helvetica,sans-serif;
	text-align:center;
	}
fieldset#fieldsetsubscribe input#subscribebutton:hover{
	background:#0d629b;
	color:#fff;
	border:1px solid #fff;
	}	
#confirmation{
	width:95%;
	padding:8px 2px;
	margin:0px;
	background:transparent;
	border:1px solid #9ccfb7;
	}
#confirmation h3{
	font:bold 150% Times, "Times New Roman", "Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#000;
	letter-spacing:-0.05em;
	text-align:center;
	}
#confirmation p{
	font:bold 110% Arial,Helvetica,sans-serif;
	color:#0d629b;
	letter-spacing:0em;
	text-align:center;
	}
/*	-------------------------------------------------------------
	=FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#footer #footerlinks{
	display:block;
	position:relative;
	margin:10px auto;
	text-align:left;	
	}
#footer #footerlinks p{
	font:normal 140% Helvetica, Arial, sans-serif;
	color:#b7b577;
	letter-spacing:-0.05em;
	margin:10px 0px 30px;	
	}
#footer #footerlinks ol{
    font: normal 105%/1.0 Helvetica, Arial, san-serif;
	padding: 0px 0px 0px 30px;
   	margin: 0px 0px;
	text-align:left;
	letter-spacing:-0.03em;
    }
#footer #footerlinks ol li {
    color: #eee;
	margin:10px 0px;
	}
#footer #footerlinks a{
	font-weight:bold;
	color:#eee;
	background:transparent;
	text-decoration:none;
	}
#footer #footerlinks a:hover{
	color:#fff;
	background:#000;
	}
#footer #w3cbuttons{
	display:block;
	position:relative;
	margin:40px auto 0px;
	font:normal 80% Helvetica, Arial, sans-serif;
	color:#eee;	
	}
#footer #w3cbuttons img{
	border:1px solid #c7b577;
	vertical-align:top;
	margin:0px 5px 0px;
	}
#copyright{
	display:block;
	margin:10px;
	font:normal 90% Helvetica, Arial, sans-serif;
	color:#eee;	
	}	
.telephone{
	font-weight:bold;
	color:#000;
	background:#fff;
	}



/*	-------------------------------------------------------------
	=GENERAL
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.site{
    float:left;
   	display: block;
	margin:4px 10px 4px 0px;
	border:3px solid #eee;
	padding:4px;
}
.hide{
    visibility: hidden;
   	display: none;
}
.fix {
    clear: both;
}
.inline {
    display: inline;
    }
.right{
   	 float:right;
}
.left{
    float:left;
}