/*
	Name: Global Tolerance
	Description: Global Style Sheet
	Version: 1.0
	Author: Rolled.at
	Author URI: http://www.rolled.at
*/

/***** Global *****/
	/* Reset */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		body {
			line-height: 1;
			color: black;
			background: white
		}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
	body {
		margin: 0;
		padding: 0;
		text-align: left;
		background: #fff url('images/bg.jpg') repeat-x top left;
		font-size: 8pt;
		font-family: verdana, arial, serif;
		color: #030
	}

/* Headers */
	h2 {font-size: 130%}
	h3 {font-size: 110%}
	h4 {font-size: 190%}
	h5 {font-size: 70%}
	h6 {font-size: 50%}
	
	h2.page-header {font-weight: bold; margin-bottom: 5px; font-size: 140%;}
	h3.date {font-size: 110%; margin-bottom: 15px}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #030; font-weight: bold}
	#sidebar h2 a{font-weight:normal}
	a:hover, a:active {color: #005e00}
	
/* Paragraphs */
	p {line-height: 1.2; margin-bottom: 1em;}
	
	p + strong {margin-top: 1.5em; display: block}
	
	.main-info {font-size: 9pt}
	
	p.introduction {font-size: 115%}
	
	p.small-info {font-size: 9pt; margin-top: .5em}
	.small-info a:link, .small-info a:visited {color: #00b0c1}
	.small-info a:hover, .small-info a:active {color: #11e8ff}
	
	strong {font-weight: bold}
	
	hr {
    height: 2px;
    border-top: 2px solid #668566;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    clear: both;
    margin: 20px 0
  }
  
  address {
    margin: .5em 0 1.5em 0;
    line-height: 1.3
  }
  
/* Forms */
input.text {font-size: 8pt; font-family: verdana, arial; color: #333; padding: 1px}

/* Quotes */

blockquote {
  font-style: italic;
  font-size: 8.5pt;
  font-weight: bold;
  text-align: left;
  width: 90%;
  margin: 0 auto;
  line-height: 1.2
}

blockquote p {margin: 0; padding: 0}

/* Lists */
.items-list,.tole-rant-list {font-size: 100%}
.items-list li {
  height: auto !important;
  height: 160px;
  min-height: 160px;
  padding: 0 0 20px 160px;
  position: relative;
  text-align: left;
  border-bottom: 2px solid #668566;
  margin-bottom: 20px
}
.tole-rant-list li {
  height: auto !important;
  height: 160px;
  min-height: 160px;
  padding: 0 0 20px 230px;
  position: relative;
  text-align: left;
  border-bottom: 2px solid #668566;
  margin-bottom: 20px
}

.items-list li.last,.tole-rant-list li.last {border: 0}

.items-list img,.tole-rant-list .video-side {position: absolute; left: 0; top: 0}

.items-list h3,.tole-rant-list h3 {font-weight: bold; margin-bottom: 5px; font-size: 130%}
.items-list h4,.tole-rant-list h4 {font-weight: normal; margin: -2px 0 15px 0; font-size: 135%}
.items-list h4.date ,.tole-rant-list h4.date{font-weight: normal; margin: 0 0 5px 0; font-size: 100%; color:#00a8cb}

.items-list p,.tole-rant-list p {margin-bottom: 1em; width: 90%; font-family: verdana, arial, serif}

.items-list a,.tole-rant-list a {margin-right: 20px; font-size: 90%}
.items-list a + a .tole-rant-list a + a{margin-right: 0}

.items-list a:link, .items-list a:visited,.tole-rant-list a:link,.tole-rant-list a:visited {color: #00b0c1}
.items-list a:hover, .items-list a:active,.tole-rant-list a:hover, .tole-rant-list a:active {color: #11e8ff}

.items-list div a:link, .items-list div a:visited { color: #003300}
.items-list div a:hover, .items-list div a:active { color: #005e00}

.items-list h3 a:link, .items-list h3 a:visited {text-decoration: none; color: #030}
.items-list h3 a:hover, .items-list h3 a:active {text-decoration: underline}
	
#whoweare-list h3, #clients-list h3, #whatwedo-list h3 { margin-top: -1.5em; }
#whoweare-list, #clients-list, #whatwedo-list { margin: 0; list-style-type: none; }

/***** Layout *****/
#wrapper {
  width: 800px;
  margin: 0 auto
}
/* Header */
  /* Logo 
  h1#logo {
    margin: 25px 0 18px 35px;
    float: left
  }*/
  
  
  
  #header {position: relative; height: 100px}
#header:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0
}
  /* Logo */
  h1#logo {
    position: absolute;
    top: 25px;
    left: 55px;
    z-index: 0
  }
  
  
  
  /* Subscribe form */
  #subscribe {position: absolute; right: 0; text-align: right; font-size: 7.5pt; color: #999; top: 5px; z-index: 99999}
  #subscribe label {display:block; text-align: right; margin-bottom: 5px}

  #subscribe { text-align: right; }
  #subscribe .text { height: 14px;width:123px; /* display:inline;width: 96px; float: left; margin: 5px 0 0 150px */ }
  #subscribe .image {/*display:inline; float: left; margin: 5px 0 0 5px*/}
  #subscribe input { vertical-align: middle; }
  
/* SEARCH FORM */

#s {
	width: 127px;
	padding: 3px;
}
#searchsubmit {
	width: 62px;
	height: 28px;
	text-indent: 9999em;
	color: #fff;
	border: 0;
	cursor: pointer;
	padding: 0;
}
#searchform {
	margin: 8px 0;
}
#searchform input {
	vertical-align:middle;
}

/* SEARCH RESULTS */

.searchresult h3 { 
	margin: 1.9em 0 0.5em;
	font-size: 130%;
	}
.searchresult span {
	color: #00A8CB;
	font-weight:bold;
	}

/* Main Menu */
  #menu {
    clear: both;
    width: 753px;
    height: 61px;
    margin: 0 auto 30px auto;
    background: url('images/menu-bg.jpg') no-repeat top left
  }
  
  #menu li {float: left; height: 42px; margin-top: 3px}
  
  #menu li a:link, #menu li a:visited {
    display: block;
    float: left;
    margin-top: 3px;
    height: 42px;
    background-position: top left;
    text-indent: -9999em
  }
  
  #menu li a:hover, #menu li a:active, #menu li.current a:link, #menu li.current a:visited {background-position: bottom left}
    
    /* Images */
    #home a {background-image: url('images/menu/home.gif'); width: 107px}
    #what-we-do a {background-image: url('images/menu/what-we-do.gif'); width: 117px}
    #who-we-are a {background-image: url('images/menu/who-we-are.gif'); width: 119px}
    #our-clients a {background-image: url('images/menu/our-clients.gif'); width: 110px}
    #news a {background-image: url('images/menu/news.png'); width: 78px}
    #tole-rants a {background-image: url('images/menu/tole-rants.png'); width: 117px}
    #contact-us a {background-image: url('images/menu/contact-us.gif'); width: 105px}
	#connect a {background-image: url('images/menu/connect.png'); width: 105px}

/* Body */
#content {
  width: 515px;
  float: left;
  margin-left: 60px;
  display: inline;
  position: relative;
  overflow: visible !important;
  overflow: hidden
}

#content:after {content: "."; display: block; clear: both; visibility: hidden; height: 1}

div#wrapper div.two-columns {padding-left: 222px; width: 290px}

#left-column {
  position: absolute;
  width: 207px;
  margin-left: -222px
}

#left-column hr {margin: 10px 0}

  /* Sidebar */
  #sidebar {width: 206px; float: left; margin-left: 19px; display: inline; text-align: center; overflow: hidden}
  
  #sidebar h2 {
    display: block;
    width: 205px;
    height: 31px;
    line-height: 31px;
    background: #030 url('images/sidebar-headers-bg.gif') no-repeat top left;
    color: #fff;
    font-size: 9pt;
  }
  
  #sidebar h2 a:link, #sidebar h2 a:visited {color: #fff; text-decoration: none}
  #sidebar h2 a:hover, #sidebar h2 a:active {text-decoration: underline}
  
  
  .sidebar-item-content {
    background: url('images/sidebar-column.gif') no-repeat bottom left;
    width: 184px;
    padding: 10px;
    margin: 0 auto 8px auto
  }
  
  a.sidebar-button img {margin: 0 auto 5px auto}
  
  #sidebar address {
    display: block;
    width: 203px;
    height: 81px;
    background: url('images/contact.jpg') no-repeat top left;
    margin: 0 auto;
    margin-bottom: 8px
  }
  
  #sidebar span {display: block; width: 0; height: 0; text-indent: -9999em}
  
  .sidebar-thumbs {overflow: hidden; width: 100%; margin-top: -7px; margin-right: -7px}
  
  .sidebar-thumbs li {
    display: inline;
    float: left;
    margin-right: 7px;
    margin-top: 7px
  }
  
  .sidebar-thumbs li.third {margin-right: 0}
  
  /* News List */
  #news-sidebar-list {text-align: left}
  #news-sidebar-list li {overflow: hidden; width: 184px; line-height: 1.2}
  #news-sidebar-list li + li {border-top: 2px solid #668566; padding-top: 9px; margin-top: 9px}
  
  #news-sidebar-list strong.date, #news-sidebar-list em {display: block; font-style: normal; margin-bottom: .1em}
  
  #sidebar span.news-side-image{
  float: left;
  display: block;
  margin-right: 5px;
  height: 65px;
  width: 65px;
  text-indent: 0
  }
  
  #news-sidebar-list a:link, #news-sidebar-list a:visited {
    display: block;
    width: 100%;
    text-decoration: none;
    font-size: 8pt;
    font-weight: normal;
    overflow: hidden;
    cursor: pointer;
    cursor: hand
  }
  #news-sidebar-list a:hover, #news-sidebar-list a:active {background-color: #E9EFE9}
  
  #news-sidebar-list strong.date {font-size: 8pt; float: right; width: 110px; text-align: left; text-decoration: none}
  #news-sidebar-list em {font-size:6.5pt; float: right; width: 110px; text-align: left}
  
  #news-sidebar-list li strong {
    display: inline;
    font-style: bold;
    text-decoration: underline;
    font-size: 8pt
  }
  

 /* twitter- deiren add */
#twitter_update_list	{ margin-left: 10px; }



  /* tole-rant */
  .tole-rant{overflow: hidden; font-size: 6.5pt; text-align: left; line-height: 1.2}
  .tole-rant a:link, .tole-rant a:visited {font-weight: normal; text-decoration: none}
  .tole-rant a:hover, .tole-rant a:active {text-decoration: underline}
  .tole-rant img {float: left}
  .tole-rant div {float: left; margin-left: 5px; width: 110px; margin-right: -15px}
  .tole-rant strong, .tole-rant em {display: block; font-style: normal; margin-bottom: .1em}
  .tole-rant p {display: inline}
  
  .tole-rant strong {font-size: 7pt}
  .tole-rant em {font-size: 6.5pt}

/* Footer */
#footer {
  width: 739px;
  clear: both;
  margin: 0 auto;
  background: #030 url('images/footer-bg.jpg') no-repeat top center;
  border-top: 1px solid #fff;
  border-left: 60px solid #fff;
  border-right: 1px solid #fff;
  padding: 15px 0;
  text-align: center;
  color: #fff;
  font-size: 7pt
}

#footer a:link, #footer a:visited {color: #fff; text-decoration: none; margin: 0 .3em}

#footer p + p {margin-top: .3em}

#copyright a:link, #copyright a:visited {color: #00bacb; margin: 0}

#footer a:hover, #footer a:active {text-decoration: underline}
	
/***** Sections *****/
.big-image {margin-top: 1.5em}

/* Breadcrumb navigation */
.breadcrumb {font-size: 7.5pt; position: absolute; top: -22px; left: 0; color: #00b0c1; margin: 0}
.breadcrumb a:link, .breadcrumb a:visited {text-decoration: none}
.breadcrumb a:hover, .breadcrumb a:active {text-decoration: underline}
.breadcrumb span {font-weight: bold}


/* Pagination */
ul#pages {text-align: right; font-size: 10pt}
ul#pages li {display: inline; margin-right:3px}

ul#pages li a:link, ul#pages li a:visited {font-weight: bold; text-decoration: none; padding: 0 1px}
ul#pages li a:hover, ul#pages li a:active {background: #030; color: #fff}

ul#pages li.current, ul#pages li.current a:link, ul#pages li.current a:visited, ul#pages li.current a:hover {
  color: #00b0c1;
  background: none;
  font-weight: bold;
  text-decoration: underline
}

/* Green Form Box */
.green-form {
  width: 489px;
  height: 31px;
  line-height: 31px;
  background: #030 url('images/green-form.jpg') no-repeat top left;
  color: #fff;
  margin: 20px auto;
  padding: 0 7px;
  font-size: 70%
}

.green-form select, .green-form option {font-size: 100%; font-family: verdana, arial, serif}
.green-form select {margin: 0 0 0 5px}
.green-form select#categories {width: 170px}

/* Clients */
a.view-all:link, a.view-all:visited {display: block; color: #00bacb; text-align: left; font-size: 8pt; margin-bottom: 15px}

/* Comments form */
#commentform {margin: 1em 0 1em 0; width: 98%}
#commentform label {display: block; font-weight: bold; margin: .4em 0}
#commentform input.text {margin: 0 0 .5em 0; width: 100%}
#commentform textarea {margin: 0 0 1em 0; width: 100%}

  /* Thank You Message */
  #thank-you {
    background: #cff;
    padding: 15px 17px;
    line-height: 1.2;
    font-family: 'trebuchet ms', verdana, arial, serif;
    font-size: 9.5pt;
    font-weight: bold;
    margin: 0 0 .5em 0
  }

/* Comments List */
ol#commentslist li {border-top: 2px solid #668566; margin-bottom: 20px; padding-top: 20px}
ol#commentslist h3 {font-size: 9pt; font-weight: bold}
ol#commentslist p {margin-bottom: .2em; margin-top: .7em}
ol#commentslist cite {font-size: 8pt; font-weight: bold}
ol#commentslist cite a:link, ol#commentslist cite a:visited {text-decoration: none}
	
/***** Sections *****/
.big-image {margin-top: 1.5em}


	
/***** Sections *****/
.big-image {margin-top: 1.5em}

/* Audio and Video Quotes */

.wordtube {
  text-align: center;
  width: auto;
  margin: 15px auto 0 auto;
  background: #000;
  padding: 10px
}

/* map */
#map {margin-right: -15px}

.introduction embed {margin-right: -100px}

#rss{
font-size:9px;
padding-bottom:10px;
line-height:1.2
}
#rss img{
float:left
}
li.team-member-list{
	height:55px
}
/* Posts */
.post ul {
  margin: 0 0 0 2em;
  list-style: disc outside;
  line-height: 1.6
}

/* Lists templates */
.post ul {margin: 1em 0 1em 1.3em; list-style: outside disc}
.post ol {margin: 1em 0 1em 1.3em; list-style: outside decimal}



/* for sequential small chunks of content, to hopefully avoid listifying */
#content #post-69 img {
float:left;
margin: 0 20px 15px 0;
position: static;
}
#content #post-69 p img {
margin-left: -140px;
}
#content #post-69 p, #content #post-69 h3 {
margin-left: 140px;
margin-top: 0;
width: auto;
}
#content #post-69 .breadcrumb {
margin-left: 0;
}
#content #post-69 h3 {
font-size:130%;
font-weight:bold;
margin-bottom:5px;
}
#content #post-69 a:link, #content #post-69 a:visited { color: #00B0C1; }
#content #post-69 a:hover { color: #11e8ff; }
hr { clear: both; }

#faq a {
	color:#00b0c1;
	text-decoration:none;
	font-weight:normal;
	}
#faq p{
	line-height: 12pt;
	}