/*
Website Name: Trinidad and Tobago Manufacturers Association
Website URI: http://www.ttma.com
Version: 1.0
Design and Development by: Tony Geer (http://www.tonygeer.com)

Grid: 
http://gridr.atomeye.com/?c=12&cw=52&cm=30&om=0
954px width
30px gutters
52px column widths

INDEX:
1. Layout
2. HTML tags
2. Utility Classes
3. Masthead
4. Navigation
5. Content 
6. Additional
7. Blog posts
8. Contact form
9. Comments
10. Footer
*/


/*=LAYOUT
---------------------------------------------------------------------------------*/

body {
	font-family: "Helvetica Neue", "Lucida Sans", Arial, Verdana, sans-serif;
	color: #333;
	}
	
.wrapper {
	width:954px;
	margin:0 auto;
	position: relative;
	}
	
#masthead {
	position: relative;
	height: 185px;
	}
	
#intro {
	background: #f7f7f7 url(../img/bg_intro.gif) repeat;
	border-bottom: 3px solid #eee;
	padding: 20px 0;
	}	
	
#primary {
	width: 708px;
	float: left;
	padding: 30px 0;
	}	
	
#main {
	float: right;
	width: 462px;
	}
	
#main-subpage {
	float: right;
	width: 505px;
	}	
	
aside#bulletins  {
	float: left;
	width: 216px;
	}
	
aside#related {
	float: left;
	width: 170px;
	}	
	
aside#connect {
	float: right;
	width: 216px;
	padding: 30px 0;
	}
	
footer#final {
	padding:20px 0;
	background-color: #444
	}
	
/*dividing into 6 columns*/	
.col-6 {
	width: 134px;
	float: left;
	margin-right: 30px;
	}	
	
/*dividing into 3 columns*/	
.col-3 {
	width: 298px;
	float: left;
	margin-right: 30px;
	}	

/*=HTML tags
---------------------------------------------------------------------------------*/


/*Headings*/
h1,h2,h3,h4,h5,h6 { 
    color: #111; 
    font-weight : normal;
	}

h1 {
	font-size: 19px;
	}

h2 { 
	margin-bottom : 2em;
	font-size: 16px;
	font-weight: bold;
	}

h3 {
	font-size : 15px;
	line-height : 1;
	margin-bottom : 1em; 
	}

h4 {
	font-size : 12px;
	line-height : 1.25;
	margin-bottom : 1.25em; 
	}

h5 {
	font-size : 10px;
	font-weight : bold;
	margin-bottom : 1.5em; 
	}

h6 {
	font-size : 10px;
	font-weight : bold; 
	}	

p, ul, ol {
	font-size: 12px;
	line-height: 1.6em;
	margin-left: 0;
	}
	
a, a:visited {
	color: #016fa7;
	}

a:hover, a:active {
	color:#05293c;
	}
	

	
blockquote {
	color:#7b7b7b;
	padding:0 18px;
	margin:25px 45px;
	border-left:3px solid #CCC;
	font:italic 1em Georgia, "Times New Roman", Times, serif;
	letter-spacing:.03em;
	}	
	
select {
	margin-bottom: 20px;
	}
	
.top_link {
	margin-top: -17px;
	margin-bottom: 20px;
	}	
		
	
/* =UTILITY CLASSES
---------------------------------------------------------------------------------*/	

.amp {
	font-style: italic;
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-size: 1.2em;
	}
				
.left {
	float: left;
	}
	
.right {
	float: right;
	}		
	
.date {
	color: #888
	}	

.last {
	margin-right: 0;
	}
		
	
/*=MASTHEAD
---------------------------------------------------------------------------------*/	
#masthead {
	background: #303030 url(../img/bg_masthead.gif) repeat-x;
	}

#masthead .wrapper {
	background: url(../img/bg_masthead_wrapper.jpg) no-repeat center top
	}

#logo {
	position: absolute;
	top: 20px;
	left: 1px;
	box-shadow:0px 0px 15px rgba(0,0,0,0.9);
	-webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.9);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.9);
	-webkit-transition-duration: .33s;
	-webkit-transition-property: color, box-shadow;
	}
	
#logo:hover {
	box-shadow:0px 0px 15px rgba(255,165,20,0.3);
	-webkit-box-shadow:0px 0px 15px rgba(255,165,20,0.3);
	-moz-box-shadow: 0px 0px 15px rgba(255,165,20,0.3);
	}	

#masthead h1 {
	width: 296px;
	height: 44px;
	text-indent: -999px;
	background: url(../img/bg_company-name.gif) no-repeat;
	float: left;
	margin-left: 130px;
	margin-top: 28px;
	}
	
#masthead h1 a {
	width: 296px;
	height: 44px;
	display: block;
	}	

/*1e7, ie8 edit*/
#masthead h2 {
	width: 450px;
	float: left;
	margin-left: 130px;
	margin-top: 12px;
	font-size: 15px;
	color: #b9b9b9;
	font-weight: normal;
	}

#masthead .vcard {
	position: absolute;
	top: 43px;
	right: 66px;
	font-size: 12px;
	color: #888;
	line-height: 1.8em;	
	}

#masthead .vcard a {
	color: #3b89b6;
	}

#masthead .vcard a:hover {
	color: #fff;
	}

#member_links {
	position: absolute;
	left: 735px;
	top: 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.5);
	}
	
#member_links p {
	margin: 0;
	padding: 4px 8px;
	color: #aaa;
	}	
	
#member_links p a {
	color: #ddd
	}
	
#member_links p a:hover {
	color: #fff;
	border-bottom: 1px solid #aaa;
	}	

/*=NAVIGATION
---------------------------------------------------------------------------------*/
#nav-main ul {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top:157px;
	left: 0;
	}

#nav-main ul li {
	display: inline;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
	}

/*ie8 edit*/
#nav-main ul li a {
	padding: 10px 13px;
	color: #666;
	}

#nav-main ul li a:hover {
	color: #000;
	}

#nav-main ul li a.current {
	color: #fff;
	background-color: #272727;;
	}
	
/*=INTRO
---------------------------------------------------------------------------------*/	
#intro img {
	margin: 0;
	}
	
#search_home {
	background: url(../img/bg_search_home.jpg) no-repeat center top;
	margin: -1px auto 0 auto;
	padding: 8px 0;
	}	

#search_home p {
	color: #fff;
	color: rgba(255,255,255,0.9);
	font-size: 14px;
	font-weight: bold;
	}
	
#search_home a:hover {
	color: #fff;
	}	

/*category listing of companies*/
#inner-list {
	float: left;
	width: 708px;
	float: left;
	}
	
#inner-list ul {
	margin: 0;
	padding-top: 4px;
	}	

#inner-list ul li {
	list-style: none;
	margin: 0 30px 8px 0;
	width: 216px;
	float: left;
	}
	
#inner-list ul li.last  {
	margin-right: 0;
	}	
	
#inner-list ul li a {
	color: #b6d9e3;
	padding-left: 13px;
	background: url(../img/bullets.gif) no-repeat left center;
	}	
	
/*search area*/	
#inner-search {
	float: left;
	width: 216px;
	float: right;
	position: relative;
	}	
	
#tf_catsearch {
	border-color: #0a4758;
	margin-bottom: -10px;
	width: 135px;
	}
	
#search_home_submit {
	position: absolute;
	right: 0;
	top: 53px;
	}	
	
input[type=text], input.text, input.title,textarea, select {
  	font-size: 12px;
	}	
	
/*inline content for slides*/
#home_slider {
	color: #fff;	
	}
	
#home_slider strong {
	color: #fff;
	font-weight: 
}	

#home_slider a {
	color: #4ec3e5;
}

#home_slider a:hover {
	color: #fff;
}

#home_slider hgroup h1 {
	position: absolute;
	top: 140px;
	left: 30px;
	color: #fff;
	font-weight: bold;
	text-shadow: 0px 1px 2px #000;
	font-size: 24px;
	}	
	
#home_slider p {
	position: absolute;
	top: 210px;
	left: 30px;
	color: #fff;
	font-size: 14px;
	width: 600px;
	background: url(../img/transparent.png) repeat;
	padding: 10px 15px;;
	}	
	
/*=MAIN
---------------------------------------------------------------------------------*/	
#main-subpage h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	}	
	
#main-subpage ol li, #main-subpage ul li {
	margin-bottom: 8px;
	}
	
/*=person*/
.person {
	width: 160px; 
	float: left;
	height: 320px
	}	
	
	
/*=BULLETINS
---------------------------------------------------------------------------------*/	
.bul_notice, .bul_trade, .bul_press {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 9px 0 0 2px;;
	}
	
.bul_notice {
	color: #8c0e17;
	border: 2px solid #8c0e17;
	border-width: 2px 0 0 0;
	}

.bul_trade {
	color: #0c897c;
	border: 2px solid #0c897c;
	border-width: 2px 0 0 0;
	}

.bul_press {
	color: #0e7d27;
	border: 2px solid #0e7d27;
	border-width: 2px 0 0 0;
	}	

#bulletins h4, #bulletins-lower h4 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 4px;
	line-height: 1.6em;
	}

#bulletins p {
	margin-bottom: 25px;
	}

#bulletins p.date {
	margin-bottom: 10px;
	}

/*=CONNECT
---------------------------------------------------------------------------------*/	
#connect h3 {
	font-weight: bold;
	font-size: 14px;
	color: #222;
	margin-top: 29px;
	}
	
#connect h4 {
	font-weight: bold;
	font-size: 14px;
	color: #666;
	}	
	
/*=RELATED
---------------------------------------------------------------------------------*/	

#related ul {
	list-style: none;
	margin: 63px 0 0 0;
	padding: 0;
	text-align: right;
	}	

#related ul li {
	font-size: 14px;
	}

#related ul li a {
	display: block;
	padding: 10px 15px 10px 0;
	background: url(../img/bg_nav-sec.gif) no-repeat right bottom;
	}

#related ul li a.current {
	color: #000;
	font-weight: bold;
	background-color: #fff;
	background-image: none;
	}	

/*=ARTICLE
---------------------------------------------------------------------------------*/	
article.news hgroup h1 {
	font-weight: bold;
	}
	
article#home_article h1 {
	margin-top: -10px;
	}	
	
article.subpage {
	margin-bottom: 40px;
	}	
	
article.subpage h1 {
	font-size: 19px;
	font-weight: bold;
	}
	
article.subpage_nodate h1 {
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 25px;
	}		
	
article h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
	color: #826e38;
	}	

/*member listing*/
article.subpage_member_list h1 {
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 25px;
	}
	
article.subpage_member_list h2 {
	margin-bottom: 15px;
	margin-top: 35px
	}	
	
article.subpage_member_list h3 {
	font-size: 14px;
	color: #555;
	}	
	
article.subpage_member_list h3 em {
	font-style: normal;
	color: #888
	}	
	
article.subpage_member_list ul {
	margin-bottom: 25px;
	margin-left: 25px;
	font-size: 13px;
	}	

/*company listing*/
article.subpage_company h1 {
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 25px;
	}
	
article.subpage_company h2 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 0;
	}	

/*=CATS
---------------------------------------------------------------------------------*/	
#cats {
	background: #eee url(../img/bg_cats.jpg) repeat-x left 48px;
	margin-top: 40px;
	padding-bottom: 15px;
	}

#cats h4 {
	background: #fff;
	text-align: center;
	padding: 14px;
	font-size: 16px;
	color: #555;
	font-weight: bold
	}

#cats h4 span {
	background: #e9e9e7;
	text-align: center;
	padding: 16px;
	font-size: 16px;
	}

#cats h5 {
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 15px;
	color: #555;
	font-weight: bold;
	}

#cats ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: circle;
	}

#cats ul li {
	margin-bottom: 7px;
	}

#cats-search {
	width: 100%;
	background-color: #ddd;
	background-color:rgba(214,214,214,0.3);
	padding: 12px;
	margin: 15px 0;
	}

#cats-search p {
	font-size: 16px;
	color: #888;
	font-weight: bold;
	margin-bottom: 4px;
	padding-top: 7px;
	}

#cats-search #search-icon {
	float: left;
	margin-right: 9px;
	opacity: 0.3;
	}

#cats-search p:hover #search-icon {
	opacity: 0.6;
	}

#tf_footer_catsearch {
	margin: 0 10px;
	}	

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

footer#final {
	background: #303030 url(../img/bg_masthead.gif) repeat-x left top;
	}

footer#final p {
	margin-bottom: 6px;
	color: #aaa;
	line-height: 1.7em
	}

footer#final p a {
	color: #ddd
	}

footer#final p a:hover {
	color: #fff;
	border-bottom: 1px solid #ccc;
	}

footer#final p a.external {
	color: #aaa
	}

footer#final p a.external:hover {
	border: none
	}
	
footer#final strong {
	color: #aaa;
	}	

/*=BUTTONS
---------------------------------------------------------------------------------*/	

.button {
	font-family: "Helvetica Neue", "Lucida Sans", Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 13px;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: 6px 12px;
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

 }
 
.button:hover {
	text-decoration: none;
	}

.button:active {
	position: relative;
	top: 1px;
	}
 
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	}
	
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
	}
	
/*=POLLS
---------------------------------------------------------------------------------*/	

.lg-poll form {
	margin-bottom: 30px;
	}
	
#connect .lg-poll h4 {
	margin-bottom: -10px
	}

.lg-polls-answers, .lg-poll-legend {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	}

.lg-polls-answers li {
	margin: 0 0 5px 0;
	}
	
.lg-poll-legend {
	margin-bottom: 40px;
	}	
	
.lg-poll-legend li {
	margin-bottom: 9px;
	}	
	
.lg-poll-legend li span {
	font-weight: bold;
	}	

/*=FORMS
---------------------------------------------------------------------------------*/		

form {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	}	
		
fieldset {
	border: none; 
	position: relative; 
	padding: 0;
	}		
		
fieldset div { 
	margin: 0 0 10px 90px;
	position: relative;
	}

fieldset div label { 
	line-height: 1.1em; 
	margin: 8px 20px 0 -90px;
	width: 70px; 
	float: left;
	font-weight: bold;
	}

fieldset div input, fieldset div textarea, fieldset div select {
	display: block; 
	line-height: 1;
	}

fieldset abbr { 
	color: #7b0101; 
	font-size: 14px; 
	font-weight: bold; 
	line-height: 1; 
	padding: 0 1px; 
	vertical-align: middle;
	}

fieldset label abbr { 
	display: block; 
	font-size: 14px; 
	padding: 0; 
	position: absolute; 
	top: 10px;
	right: 20px; 
	width: 16px;
	border: 0
	}

input[type=text], textarea, input[type=password] {
	border-width: 1px; 
	border-style: solid; 
	/*border-color: #636d77 #a3b4c4 #c7d2de; */
	border-color: #ccc;
	padding: 5px; 
	width: 270px;
	font-family: "Heletica Neue", Arial, sans-serif;
	font-size: 14px;
	}

textarea {
	height: 220px 
	}

input.button {
	padding: 8px 12px;
	background-color: #000;
	background: -moz-linear-gradient(100% 100% 90deg, #f5f5f5, #fff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2e9d40), to(#228632));
	border: 2px solid #fff;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	box-shadow:0px 0px 15px #c0a478;
	-webkit-box-shadow:0px 0px 4px #bbb;
	-moz-box-shadow: 0px 0px 4px #eee;
	}

form ul {
	margin-top: 20px;
	font-size: 11px;
	}

form ul li {
	list-style: none;
	padding: 0;
	margin: 0 0 6px 90px;
	}

form ul li label {
	font-weight: normal;
	}
		
		
/*=TIPTIP
---------------------------------------------------------------------------------*/	
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
	font-family: "Helvetica Neue", Arial, sans-serif;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #ddd;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.87);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 1px;
	}

#tiptip_content strong {
	color: #fff;
	display: block;
	font-size: 13px;
	}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}