/*========================================================

Global CSS file for Trade Aid

Created by Strawberrysoup - www.strawberrysoup.co.uk

=========================================================*/

body {
	font-family:verdana, arial, helvetica, sans-serif;
}

/*===================================================================
page wrapper
===================================================================*/

#wrapper{
	width:970px;
	margin:0 auto;
	position:relative;
}

#branding{
	margin:0 auto;
	width:860px;
	position:relative;
}
#logo {
	background:url('../cssimages/logo.jpg') no-repeat;
	width:252px;
	text-indent:-9999px;
	height:87px;
	margin:25px 0 10px 20px;
}

#slogan {
	text-indent:-9999px;
	float:left;
}

.button{
	border:1px solid #0050AF;
	float:left;
	margin:0 0 0 0px;
	width:50px;
	height:22px;
	color:#555555;
}

.fields{
	border:1px solid #0050AF;
	margin:5px 0 10px 0;
	height:20px;
}

.newsletter{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #0050AF;
	float:left;
	height:20px;
	margin:0 5px 0 0;
	width:135px;
}
/*===================================================================
home
===================================================================*/

#signup{
	color:#555555;
	float:right;
	margin:15px 0 0 0;
	position:absolute;
	right:0;
	top:0;
	width:255px;
}

#keywords{
	color:#555555;
}

#signup p{
	margin:0 0 5px 0;
	font-size:1.2em;
}

#signup .button{
	border:1px solid #0050AF;
	float:left;
	margin:0 0 0 10px;
	width:50px;
	height:27px;
	color:#555555;
}

#signup .fields{
	border:1px solid #0050AF;
	float:left;
	height:15px;
	width:150px;
	font-size:1em;
	margin:0 0 0;
	padding:5px;
}

#signup .newsletter{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #0050AF;
	float:left;
	height:20px;
	margin:0 5px 0 0;
	width:135px;
}

#right_column h4#our_latest_projects {
	background:url('/cssimages/our_latest_projects.jpg') no-repeat 68px 0px;
	text-indent:-9999px;
}

#info_footer h4#what_we_do {
	background:url('/cssimages/what_we_do.png') no-repeat;
	text-indent:-9999px;
}

#info_footer h4#how_you_help {
	background:url('/cssimages/how_you_help.png') no-repeat;
	text-indent:-9999px;
}

#info_footer h4#news {
	background:url('/cssimages/news.png') no-repeat;
	text-indent:-9999px;
}

.comment {
	margin:5px 0 10px 0;
	border:1px solid #0050AF;	
}

.downloads li {
/*	list-style:none;*/
}

.downloads a {
	color:#555555;
}

/*TOP BAR*/

#top_bar {
	background:url('../cssimages/top_fade.jpg') repeat-x;
	margin:0 auto;
	width:860px;
	height:17px;
}

.faded_bg {
	background:url('../cssimages/faded_bg.png') repeat-y;
	margin:0 auto;
	width:860px;
	height:17px;
}

/*===================================================================
MENU
===================================================================*/

#menu{
	list-style:none;
	height:37px;
	color:#555555;
	text-align:center;
	padding:0 0 0 80px;
	margin:0 auto;
	width:860px;
}

#menu li{
	float:left;
	list-style:none;
	margin:0 0 0 20px;
	height:37px;
}

#menu a{
	color:#555;
	display:block;
	height:26px;
	padding:11px 2px 0;
	width:85px;
}

#menu a:hover{
	color:#fff;
	background-color:#204069;
}

#menu a:active{
	color:#fff;
	background-color:#204069;
}
/*===================================================================
BANNER
===================================================================*/

#banner{
	background:url('../cssimages/banner.jpg') no-repeat;
	width:860px;
	height:190px;
	margin:0 auto;
}

#banner h3, #banner h4{
	text-indent:-9999px;
	float:left;
}

#faded_bg_banner {
	background:url('../cssimages/faded_bg.png') repeat-y;
	width:860px;
	margin:0 auto;
	height:180px;
}


/*===================================================================
CONTENT
===================================================================*/

#content{
	margin:0;
	padding:50px 55px;
	font-size:1em;
	width:860px;
}
#intro_content{
	color:#555555;
	float:left;
	margin:0 auto;
	padding:0 0 0 25px;
	width:820px;
	font-size:1em;
}
#content h1, #content h3{
	color:#1e5e70;
}

#content a {
	color:#204069;
}

#page_nav{
	margin:0 auto;
	position:absolute;
	width:970px;
	height:50px;
}

#page_nav h1, #page_nav h4{
	margin:20px 0 0 23px;	
	float:left;
	width:800px;
	color:#1E5E70;
	font-weight:lighter;
}

#page_text{
	float:left;
	margin:0 auto;
	padding:0 0 0 10px;
	width:860px;
}

#right_button{
	float:right;
	width:47px;
	height:101px;
	margin:0;
	background:url('../cssimages/right_button.jpg') no-repeat;
	text-indent:-9999px;
}

#left_button{
	float:left;
	width:47px;
	height:101px;
	margin:0;
	background:url('../cssimages/left_button.jpg') no-repeat;
	text-indent:-9999px;
}
a#right_button:hover{
	text-indent:0px;
	font-size:0.9em;
	color:#555555;
	padding:100px 0 0 0 ;
	text-align:center;
/*	border:#777777 solid 1px;*/
}
a#left_button:hover{
	text-indent:1px;
	font-size:0.9em;
	color:#555555;
	text-align:center;
	padding:100px 0 0 0 ;
/*	border:#777777 solid 1px;*/
}


/*===================================================================
left column
===================================================================*/


#left_column{
	float:left;
    margin:15px 0 0 25px;
    width:330px;
 	color:#555555;
}
#left_column li{
	margin:15px 0 0 30px;
}

#shops {
	margin:10px 0 0 25px;
}

#where {
	margin: 25px 0 0 0;
}



/*sitemap*/

#sitemap{
	padding:20px 0 0 10px;
	color:#333;
}

#sitemap a{
	color:#333;
}

/*===================================================================
center column
===================================================================*/

#center_column{
	float:left;
	width:200px;
	text-align:center;
	margin:15px 0 0 5px;
	color:#555555;
}

#center_column h4, #center_column h3, #center_column h2, #center_column img{
	text-align:center;
	margin:0 5px 5px 5px; 
	color:#1e5e70;
}
#center_column h2{
	text-align:left;
	margin:0 5px 5px 0px; 
	color:#1e5e70;
}

#center_column a{
	color:#7a7a7a;
}

/*===================================================================
right column
===================================================================*/


#right_column{
	float:left;
	width:290px;
	margin: 22px 0 0 5px;
	color:#555555;
}

#right_column h4{
	color:#1e5e70;
}

#right_column p{
	font-size:1em;
}

#right_column h2{
	margin:0 0 10px 0;
	color:#1E5E70;;
}

#right_column .row {
	font-size:1em;
	float:left;
	width:280px;
}
#right_column .row p {
	float:left;
	width:160px;
	clear:right;
	color: #555555;
}
#right_column .row img{
	margin: 15px 0 0 0;
	float:right;
}
#right_column .row a{
	color:#1E5E70;
}


#right_column #project_wide_container {
	height: 330px;
	width: 306px;
	background: url('../cssimages/projects_fade_wide.jpg') no-repeat 0px 29px;
}

#right_column .project {
	font-size:0.9em;
	float:left;
	width:260px;
	margin: 0px 0px -1px 13px;
	padding: 0px 10px;
	border-top: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
}
#right_column .project p {
	float:right;
	width:168px;
	clear:right;
	text-align: left;
}
#right_column .project img{
	margin: 15px 0 0 0;
	width: 72px;
	float: left;
}
#right_column .project a{
	color:#1E5E70;
}


#info_footer {
	margin-top: 20px;
}

#info_footer .row {
	font-size:1em;
	float:left;
	width:240px;
	margin: 0px 20px;
}
#info_footer .row p {
	width:140px;
	float:left;
	clear:right;
	color: #555555;
}
#info_footer .row img{
	margin: 15px 0 0 0;
	float:right;
}
#info_footer .row a{
	color:#7A7A7A;
}

/*===================================================================
news
===================================================================*/
#content .news_item a{
	color:#000;
	
}



/*===================================================================
FOOTER
===================================================================*/

/*TOP BAR*/

#bottom_bar {
	background:url('../cssimages/bottom_fade.jpg') repeat-x;
	width:860px;
	height:17px;
	margin:15px 0 0;
	float:left;
}

#travel_insure{
	float:right;
	width:345px;
	margin:0 0;
	padding:10px 0 0;
}


#footer_nav{
	clear:both;
	color:#333333;
	font-size:0.8em;
	margin:0 auto;
	padding:10px 0 0 100px;
	text-align:center;
	width:600px;
}

#footer_nav li {
	list-style:none;
	float:left;
	margin:0 0 20px;
	padding:0 0 5px 5px;
}

#footer_nav a{
	color:#333;
}
.copy{
	color:#333333;
	float:left;
	font-size:0.8em;
	margin:5px 0 25px 25px;
	width:370px;
}
/*===================================================================
SUBNAV
===================================================================*/

#sub_navigation ul li li{
	padding-left:20px;
}

#subnav li.subnav_level_1 a {
	margin: 3px;
}

#subnav li.subnav_level_2 a {
	margin: 3px;
	width: 160px;
	margin-left: 23px;
}

#subnav li.subnav_level_3 a {
	margin: 3px;;
	width: 140px;
	margin-left: 43px;	
}

/*===================================================================
Blog
===================================================================*/

#post_containers{
	float:right;
	width:700px;
}

#sidebar {
	float:left;
	width:150px;
}

#sidebar ul {
	list-style:none;
	margin: 0 0 10px 0;
}

#sidebar h2 {
	margin: 0 0 10px 0;
}