﻿/*
/ --------------------------------------
/	Highlands & Islands Enterprise
/   Frame Digital
/ --------------------------------------
/
/	- HEADER
/	- FOOTER
/	- BREADCRUMBS
*/

/*  CSS FILE FOR THE BASIC OUTLINE OF THE SITE */
#site
{
    background-color: #FFFFFF;
    margin: 10px auto 0;
    padding: 20px;
    width: 930px;
}

/*------------------
/	- HEADER
/------------------*/

#header
{
    width: 930px;
    height: 118px;
    border-bottom: 1px solid #E1F1D1;
    position: relative;
    z-index: 3000;    
}

#header .logo
{
    float: left;
    width: 230px;
    height: 103px;
    padding-top: 7px;
    position: relative;
}

#header .top-links
{
    height: 46px;
    text-align: right;
    float: right;
    line-height:normal;
    margin:-4px 0 0 0;
}

#header .top-links ul, #header .top-links li
{
    list-style: none;
    display: inline;
    font-size:11px;
    color:#063A7A;
    margin:0;
}


#header .top-links li a{
 	 color:#063A7A;
 	 text-decoration:underline;
 }

#header .top-links li a:hover{
 	 text-decoration:none;
 }
 
#header .main-search
{
    height: 32px;
    border-bottom: 1px solid #E1F1D1;
    text-align: right;
    float: right;
    position: relative;
    background-image: url(../images/framework/ambitious-for-scotland.png);
    background-repeat: no-repeat;
    background-position: 0 5px ;
    width: 680px;
}

#header .main-gaelic
{
    background-image: url(../images/framework/ard-amas-airson-alba.png);
    background-position: 0 0;
}

#header .main-navigation
{
    float: right;
}

/*------------------
/	- FOOTER
/------------------*/

#footer{
	height:150px;
	margin: 0 auto;
   width: 970px;
   padding:20px 0 0 0;
}

#footer h5{
	color: #6bba1b;
	font-weight:normal;
	font-size: 15px;
	padding: 0;
	margin: 0 0 10px 0;
}

#footer .col1, #footer .col2, #footer .col3{
	float:left;
} 

#footer .col1{
	width:325px;
}

#footer .col2, #footer .col3{
	width:280px;
}

#footer p{
	color: #fff;
	font-weight:normal;
	font-size: 12px;
	padding: 0;
	margin: 0 0 10px 0;
}

#footer .col1 p{
	color: #fff;
	font-weight:normal;
	font-size: 14px;
	padding: 0;
	margin: 0 0 10px 0;
}

#footer a{
	color:#fff;
}

#footer .col1 a{
	color: #fff;
	font-size: 14px;
}

#footer .col2 li{
	background-image:none;
	margin: 0;
	padding:0;
}

#footer .col2 li a{
	background-repeat: no-repeat;
	padding-left:20px;
}

#footer .col2 li .a2a_img{
	background-image: none;
	background-position:0 0;
}

#footer .col2 .a2a_menu span, #footer .col2 .a2a_img{
	display:none;
}

#footer .col2 li a.a2a_button_delicious{
background-image:url(../images/bookmarking/delicious-16x16.png);
}

#footer .col2 li a.a2a_button_digg{
background-image: url(../images/bookmarking/digg-16x16.png);
}

#footer .col2 li a.a2a_button_reddit{
background-image: url(../images/bookmarking/reddit-16x16.png);
}

#footer .col2 li a.a2a_button_stumbleupon{
background-image: url(../images/bookmarking/stumbleupon-16x16.png);
}





/*----------------------------*/
/* SITE SEARCH            */
/*----------------------------*/

#site-search
{
    width: 251px;
    height: 25px;
    margin-left:427px;
    text-align:left;
}

#site-search span#searchbox
{
    background-image: url(../images/framework/bk_search.png);
    
    width: 155px;
    height: 21px;
    float: left;
    padding:1px 1px 1px 25px;
    border:1px solid #b5b5b5;
    background-repeat: no-repeat;
    background-position: 2px 2px;
}

#site-search span#searchbox input
{
    color: #666;
    width: 150px;
    border: 0;
    margin-top:2px;

}

#site-search a#search-button
{
    background-image: url(../images/nav/main.gif);
    background-position: 0 0;
    height: 22px;
    width: 57px;
    display: block;
    float: left;
    cursor: pointer;
    color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding:3px 0 0 11px;
}

#site-search a#search-button:hover
{
    background-image: url(../images/nav/main.gif);
    background-position: 0 -25px;
    text-decoration:none;
}
