/* CSS Document */
* {
	padding:0;
	margin:0;
	outline:none;
}

html, body { height: 100%; }

body, td, th {
	font-size: 14px;
	color:#333333; background:#7EB41E;
	font-family:"Trebuchet MS", arial, serif;
	background-image: url(http://swmconsulting.co.uk/blog/wp-content/themes/landzilla/images/top.gif);
	background-repeat: repeat-x;
}
#wrap {
width: 970px;
margin: auto; 
background: url(http://swmconsulting.co.uk/blog/wp-content/themes/landzilla/images/background.png) repeat;
padding-bottom:50px;

}
#header {
	width:917px; margin:auto;
	background-color: #fff;

	height:200px;
}
ul#nav { padding:0; margin:0; list-style-type:none; overflow:auto; margin:auto; width:820px;border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
ul#nav li { float:left; width:132px; margin:5px 15px; text-align:center;}
ul#nav li a { display:block; text-align:center; color:#444444;  }
ul#nav li a:hover { background:none; font-weight:bold; text-decoration:none;}

#car { width:380px; float:left; border-right:1px dotted #444444; }
#header-banner {
	width:917px;
	height:200px;
	background-color: #fff;
	/*background-image: url(images/header.png);*/
	background-repeat:no-repeat;
	margin:auto;
	position:relative;
}

#flash { margin-top:50px; }

h2 {
	font-family: arial;
	font-size:16px;
	margin-bottom:15px;
	background:url(images/more-green.jpg);
	background-position:right;
	background-repeat:no-repeat;
	position:relative;
	display:block;
	height:30px;
}

h2.portfolio-title1 {
	background:url(images/less-green.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

h2.twitter-title1 {
	background:url(images/less-green.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

h2.latest-news-title1 {
	background:url(images/less-green.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

h3 {
	font-family: arial;
	font-size:18px;
	margin-bottom:10px;
	margin: 1.2em 0;
	font-weight:bold;
	color:#66b246;
}

h2:hover {
	color:#66b246;
	cursor:pointer;
}

.protected {
	border:1px red solid;
	height:10px;
	background:green;
	width:20px;
}

#logo {
	background-image: url(images/swm_logo.png);
	height: 146px;
	width: 306px;
	background-repeat:no-repeat;
	position:absolute;
	top:47px;
	left:50px;
	display:none;
}

#twitter {
	display:none;
	margin-bottom:25px; text-align:left; font-size:10px;
}
.tweetbox { margin-bottom:5px; }
.tweetdate a { font-size:10px; font-weight:bold; }

#latest-news {
	display:none;
	margin-bottom:5px;
	line-height:1.6em;
	font-size: 11px;
}

#navigation-wrapper {
	/*width:320px;*/
	margin-right:10px;
	float:right;
}

ul#navigation {
	width:480px;
	padding:0;
	margin:0;
	list-style-type:none;
	overflow:hidden;
}

ul#navigation li {
	width:74px;
	background-image: url(images/navigation-bar.png);
	height:200px;
	background-repeat:no-repeat;
	display:inline;
	float:left;
	margin-left:3px;
	margin-right:3px;
	list-style-type:none;
}

ul#navigation li a.top-nav {
	display:block;
	height:200px;
	color:#B0B0B0;
	text-decoration:none;
	font-variant:small-caps;
	font-size:12px;
	text-align:center;
}

ul#navigation li a:hover.top-nav { background:none; }

ul#navigation li.home { background-image: url(images/home-large.jpg); }

ul#navigation li.sector { background-image: url(images/public-sector.png); }

ul#navigation li.blog { background-image: url(images/blog-large.jpg); }

ul#navigation li.pr { background-image: url(images/public-relations-large.jpg); }

ul#navigation li.marketing { background-image: url(images/marketing-large.jpg); }

ul#navigation li.contact { background-image: url(images/contact-large.jpg); }

#wrapper {
	width:917px;
	background:#ffffff;

	margin:auto;

/*	background-image: url(images/container_shadow.jpg);
	background-repeat: repeat-y; background-position:center;*/
}

#container {
	width: 880px;
	margin:auto;
	margin-bottom:0px;
	/*background-image: url(images/main-content-bg.jpg);*/
	background-repeat: repeat-y;
}

#content {
	width:840px;
	padding:15px;
	padding-bottom:0px;
	margin:auto;
}

#testimonials {
	width:840px;
	background: #fff;
	background-image:none; 
	padding-top:30px;
}

#comments {
	float:right;
	width:420px;
	padding-right:10px;
}
#comments p { 
    font-size:14px; 
    font-family:"Trebuchet MS", arial, serif;
    font-style:italic;
    padding:3px;
    margin:0; 
}

#left {
	float:left;
	width:210px;
	margin-top:20px;
	padding-right:15px;
}

#left p {
	margin-top:0;
	margin-bottom:10px;
	line-height:15px;

}

#main {
	margin-left:235px;
	padding:10px;
	padding-left:20px;
	margin-top:10px;
}

#portfolio { display:none; }

#footer, #push { height: 220px; }

#footer { height:230px; }

#footer {
	width:100%;
	background: #7EB41E url(http://swmconsulting.co.uk/blog/wp-content/themes/landzilla/images/background.png) repeat center;
}

#footer-banner {
	width:917px;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	height:107px;
	margin:auto;
}

#footer-links-wrapper {
	width:879px;
	margin:auto;
	margin-top:0px;
	border-left:1px dashed #52a616;
	border-right:1px dashed #52a616;
}

#slogan {
	float:left;
	width:450px;
	margin-left:15px;
}

#slogan p.first {
	font-size:22px;
	padding:0;
	margin:0;
	font-style:italic;
	color:#b6d498;
}

#slogan p.second {
	font-size:22px;
	padding:0;
	margin:0;
	font-variant:small-caps;
	color:#66b246;
}

#slogan p.third {
	font-size:22px;
	padding:0;
	margin:0;
	font-weight:bold;
	color:#b6d498;
}

#slogan p.fourth {
	font-size:22px;
	padding:0;
	margin:0;
	font-weight:bold;
	color:#66b246;
}

#main-content { }
#main-content ul { margin-left:40px; }

ul.address { list-style-type:none; }

ul.address li {
	margin-bottom:5px;
	font-size:14px;
	font-family:inherit;
}
ul.copy-links { 
	float: left;
	margin:0;
	padding:0;
	padding:5px;
	margin-right:15px;
	color: #444444;
	font-size:12px;

}
ul.copy-links li  {
	list-style-type:none;
	text-align:left;
	margin-left:10px;
}

ul.footer-links {
	float: right;
	margin:0;
	padding:0;
	padding:5px;
	margin-right:15px;
	color: #444444;
	font-size:12px;
}

ul.footer-links li {
	list-style-type:none;
	text-align:right;
	margin-right:10px;
}
ul.footer-links li a { color:#fff; font-size:12px; }
ul.footer-links li a:hover { background:none; }
ul.footer-links li.title, ul.copy-links li.title {
	font-weight:bold;
	font-size:16px;
	margin-bottom:3px;
}

.clear-left { clear:left; }

.clear-both { clear:both; }

/* typography */
p {
	font-family:"Trebuchet MS", Arial, serif;
	font-size: 14px;
	line-height: 20px;
	margin: 1.2em 0;
	text-align:left;
}

a {
	color: #66b246;
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
}

h1.swm-header {
	font-family:"Trebuchet MS", Arial, serif;
	font-size: 40px;
	line-height: 40px;
	letter-spacing: -1px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-weight: 100;
	margin-bottom:15px;
	color: #66b246;
	/*cursor:pointer;*/
}

.grey { color: #444444; }

h1.swm-header .light-green { color: #b6d498; }

.subpages {
	float:left;
	width:600px;
	margin-bottom:15px;
}

.subpages ul {
	width:auto;
}

.subpages li {
	float:left;
	width:98px;
	height:28px;
	text-align:center;
	display:inline;
	list-style-type:none;
	margin-right:10px;
	background: #f7f7f7;
	border:1px solid #c8dfb5;

}
.subpages li:hover { font-weight:bold; border:1px solid #444444; }
.subpages li.branding-link { cursor:pointer; background-image:url(images/branding-button.jpg); }
.subpages li.design-link { cursor:pointer; background-image:url(images/design-button.jpg); }
.subpages li.print-link { cursor:pointer; background-image:url(images/print-button.jpg); }
.subpages li.online-link { cursor:pointer; background-image:url(images/online-button.jpg); }

h4 { color:#66b246; font-size:18px; font-weight:bold; font-variant:small-caps; margin-bottom:5px;}


#branding { display:none; }
#design { display:none; }
#print { display:none; }
#online { display:none; }

.subpages li.copywriting-link { cursor:pointer; background-image:url(images/copywriting-button.jpg); }
.subpages li.photography-link { cursor:pointer; background-image:url(images/photography-button.jpg); }

#copywriting { display:none; }
#photography { display:none; }
/**
 * jQuery Scroller thanks to http://sorgalla.com/projects/jcarousel/examples/static_auto.html
 *
 *
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
	position: relative;
	width:420px;
}

.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.jcarousel-list li, .jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 100px;
	height: 100px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
	z-index: 3;
	display: none;
}

.jcarousel-prev {
	z-index: 3;
	display: none;
}

.jcarousel-skin-tango .jcarousel-container {
	/*-moz-border-radius: 10px;*/
	/*	border: 1px solid #444444;
	background-color: #f7f7f7;*/
	width:400px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 325px;
	padding: 20px 40px;
	padding-left:0px; /* 46 */
	padding-top:0px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:  325px;
	height: 100px;
}

.jcarousel-skin-tango .jcarousel-item {
	width: 100px;
	height: 100px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 10px; }

.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; }

.jcarousel-skin-tango .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}

/**
 *  Horizontal Buttons
 */
 
/*
Button images copyright by Tango Icon Library Team (http://tango.freedesktop.org/Tango_Icon_Library)
*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
	position: absolute;
	top: 55px;
	right: 5px;
	width: 32px;
	height: 32px;
	cursor: pointer;/*  background: transparent url(images/next-horizontal.png) no-repeat 0 0;*/
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -32px 0; }

.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; }

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	top: 55px;
	left: 5px;
	width: 32px;
	height: 32px;
	cursor: pointer;/* background: transparent url(images/prev-horizontal.png) no-repeat 0 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -32px 0; }

.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; }

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: -96px 0;
}



ul.tweets {clear:both;margin:0;padding:0;list-style:none;margin-bottom:20px;}
ul.tweets li{
    padding-left:0px;padding-top:0px;padding-right:0px;
    margin-bottom:5px;font-size:12px;
    background:url(example-images/tweet-bg.png) 0px 0px no-repeat;
    padding-bottom:10px; border-bottom:1px solid #ccc;
    margin-top:10px;
}
ul.tweets li .tweetmeta        {font-weight:normal;color:#c9c09f;font-size:10px;}
ul.tweets li a { font-size:12px; }
ul.tweets li a:hover{ font-size:12px; background:none; text-decoration:none; font-weight:bold;}
#copyright {
width: 880px; margin:25px auto; background:#f7f7f7; border: 1px solid rgb(204, 204, 204); padding: 10px; text-align:center;
}
#copyright p { text-align:center; }

#copyright a:link { size:10px; background:none; font-weight:bold;}
#copyright a:hover { text-decoration:underline; }
#did { background:url(did-you-know.png) no-repeat; height:130px; padding:80px 35px 25px 35px; width:505px; margin:auto; }