/* 

3Second - CSS File

*/


/* Generated by Font Squirrel (http://www.fontsquirrel.com)*/
@font-face {
    font-family: 'AurulentSansRegular';
    src: url('../fonts/AurulentSans-Regular-webfont.eot');
    src: url('../fonts/AurulentSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AurulentSans-Regular-webfont.woff') format('woff'),
         url('../fonts/AurulentSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/AurulentSans-Regular-webfont.svg#AurulentSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AurulentSansBold';
    src: url('../fonts/AurulentSans-Bold-webfont.eot');
    src: url('../fonts/AurulentSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AurulentSans-Bold-webfont.woff') format('woff'),
         url('../fonts/AurulentSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/AurulentSans-Bold-webfont.svg#AurulentSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*** GLOBAL  ***/
body {
	font-family:"Trebuchet MS", Arial;
	font-size:13px;
	margin:0 auto;
	padding:0;
	color:#55555;
	line-height:20px;
	background-color: #666;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
form{margin:0; padding:0;}
hr {
	border-width:0;
	height:1px;
	line-height:0;
	margin:30px 0px;
	page-break-after:always;
	text-align:center;
	width:100%;
	clear:both;
	color:#d9d9d9;
	background-color:#d9d9d9;
	background-repeat:repeat-x
}

/* #Clearing

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3{margin-bottom:20px;}
h4, h5, h6{margin-bottom:10px;}
h1 {font-size:26px; line-height:28px;}
h2 {
	font-size:18px;
	line-height:24px;
}
h3 {
	font-size:18px;
	line-height:24px;
}
h4 {font-size:15px; line-height:18px;}
h5{font-size:14px; line-height:16px;}
h6 {font-size:13px; line-height:15px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-family:'AurulentSansRegular', "Trebuchet MS", Arial; color:#1d1d1d }

/* links */
a, a:visited {text-decoration:none; font-weight:normal; }
a:hover{text-decoration:underline;}
a img{border:none}
/* float align */
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 3px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 5px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignnone,
img.alignnone {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:3px;
}


img.alignleft, 
img.alignright, 
img.aligncenter,
img.alignnone {
	margin-bottom: 12px;
}


/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	margin-bottom:20px;
}
ul, ol {
	margin:10px 0 20px 20px;
	list-style-position:inside
}
li ol,
li ul
{
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
	
blockquote {
	/*font-style:italic;*/
	margin:0px 0 20px 0px;
	padding:0px 10px 0px 50px;
	background-image:url(../images/quote.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	clear:both;
	font-size:16px;
	line-height:25px;
	font-family:Georgia, Arial;
	font-style:italic
	}
	
	
blockquote.left, blockquote.right  {
	float:right;
	letter-spacing:0px;
	margin-bottom:20px;
	margin-left:20px;
	margin-top:0px;
	padding:0px 20px 10px 60px;
	width:43%;
	background-position:0px 0px;
	}
	
blockquote.left{
	float:left;
	margin-left:0px;
	margin-right:20px;}

blockquote p{margin-bottom:0px; font-size:16px; line-height:20px}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #cfcfcf;
	padding:15px 10px;
}

/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#outer-container{
	width:100%;
}
#container{
	width:1010px;
	margin:0 auto;
	padding:9px 0 0 0;
}

/* TOP */
#top{height:103px;}
#logo{float:left}

/* TOP MENU */
#nav{position:relative;	z-index:100; float:right; margin:32px 0 0 0}

#topnav{
	margin:0;
	padding:0;
	list-style-type:none;
	overflow:visible;
	position:relative;
	float:left;
	font-size:13px;
	border:solid 2px #e3e3e3;
	border-radius:5px;
	-moz-border-radius:5px;		
	-webkit-border-radius:5px;
	background:url(../images/main_menu_bg.gif) repeat-x;
	height:39px;
	line-height:35px
  }
.sf-menu a {
	text-decoration:none!important;
	display:		block;
	position:		relative;
	padding: 		0 20px !important;
	text-decoration:none;
	font-weight:normal;
}
.sf-menu > li a {
	-moz-transition: color 0.3s ease-out; 
	-o-transition: color 0.3s ease-out; 
	-webkit-transition: color 0.3s ease-out; 
	-ms-transition: color 0.3s ease-out; 
	transition: color 0.3s ease-out;		
}
.sf-menu a:hover, .sf-menu li a.current{color:#555555;}
.sf-menu li.sfHover a:hover{color:#555555;}


/* Drop down menu */
.sf-menu ul a:hover {
	background:transparent; 
}
.sf-menu li li {
	text-align:left;
	line-height:20px;
	font-size:12px;
	margin:0;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-size:13px;
	
}
.sf-menu {
	line-height:100%;
	position:absolute;
	right:0;
	bottom:0;
	float:left;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			27em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	margin:0;
}

.sf-menu li li{margin:0px 0px;}


.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-2px;
	top:			3.1em; /* match top ul list item height */
	z-index:		99;

}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			-1px;
	margin-left:	0px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
	
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			-1px;
	
}
.sf-menu ul li a{
	padding:8px 0px 10px 20px!important;
}

.sf-menu ul li a:hover{}
.sf-menu li ul {
	padding:0px;
}
.sf-menu a.sf-with-ul {
	padding-right: 	0px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			10px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}

/* background menu */
.sf-menu li.home{ background:url(../images/home-icon.png) no-repeat; display:block; background-position:12px 10px}
.sf-menu li.home a{ text-indent:-9999px;}
.sf-menu > li a{ background:url(../images/menu_separator.gif) repeat-y top right}
.sf-menu > li.last a{background:transparent;}
.sf-menu > li:hover a{background:url(../images/menu_separator_hover.gif) repeat-y top right}
.sf-menu > li.last:hover a{background:transparent;}
.sf-menu li li a, .sf-menu li li:hover a, .sf-menu li li.sfHover a{background:transparent !important;}

.sf-menu > li:hover, .sf-menu a:hover{ background:url(../images/main_menu_hover.gif) repeat-x;}
.sf-menu li.home:hover{background:url(../images/home-icon.png) no-repeat; display:block; background-position:12px -20px}

.sf-menu ul{ border-bottom:solid 2px #ccc; border-top:solid 2px #fff}
.sf-menu li li {
	background:#efefef url(../images/sub_menu_bg.gif) repeat-x;
	border-bottom:solid 1px #e1e1e1;
	border-top:solid 1px #fff; 
}
.sf-menu li li:first-child{ border-top:0}
.sf-menu li li:last-child{ border-bottom:0}



/* HEADER */
#header{height:395px; clear:both}
#slider_container{
	height:395px;
	position:relative;
}
#slider{list-style-type:none; margin:0; padding:0; width:1010px; height:361px;}
#slider li{margin:0; padding:0; width:1010px; height:361px; position:relative}
#slider li img{height:361px; z-index:0}

.slidetext{background:url(../images/opacity.png) repeat; width:auto; padding:13px 20px; color:#fff; font-size:16px; position:absolute; top:25px; left:25px; z-index:30;}
.slidetext_full{background:url(../images/opacity.png) repeat; width:970px; padding:15px 20px 20px 20px; color:#fff; font-size:16px; position:absolute; bottom:0; z-index:30;}

#slider_frame{ background:url(../images/slider_frame.png) no-repeat; height:361px; width:1010px; position:absolute; top:0; z-index:20}

#slideprev, #slidenext{width:31px; height:31px; position:absolute; z-index:22; cursor:pointer}
#slideprev{background:url(../images/slideprev.png) no-repeat; top:165px; left:25px}
#slidenext{background:url(../images/slidenext.png) no-repeat; top:165px; right:25px}


/* CONTENT */
#content{ background:#f4f5f6; border:solid 1px #ffffff; border-width:1px 1px 0 1px; clear:both; padding:34px 0 }
#content.innerlayout{padding:0 0 34px 0;}
.row {padding:0 34px 20px 34px}
#main{ padding:0 34px 20px 34px}
#maincontent{ width:600px; padding-right:30px; float:left}

img.displayblock{display:block; margin-bottom:15px;}

.indentleft{overflow:hidden;}
.nomargin{margin:0;}
.narrowmargin{margin-bottom:8px;}
.titledesc{font-size:12px; margin-bottom:20px}
.blockleft{float:left;}
.m, .d, .y{display:block; margin-left:10px}
.m, .y{font-size:14px;}
.d{font-size:24px; line-height:28px}


/*==== List ====*/
.list1{margin:0; padding:0; list-style-type:none;}
.list1 li{ padding:0 0 20px 20px}


/*==== Recent Slider ====*/
#btncontainer{ position:relative;}
#btncontainer .btnprev{position:absolute; top:-50px; right:40px; background:url(../images/prev.png) no-repeat; width:30px; height:30px; cursor:pointer; visibility:visible}
#btncontainer .btnnext{position:absolute; top:-50px; right:0px; background:url(../images/next.png) no-repeat; width:30px; height:30px; cursor:pointer}

#smallslider{position:relative; padding:0; margin-left:1px; overflow:hidden}
#recentslide{margin:0 0 0 0; }
#recentslide ul{list-style-type:none; margin:0; padding:0;}
#recentslide li{list-style-type:none; width:220px; margin:0 20px 0 0;}
#recentslide li img{width: 212px; height: 123px; }
#recentslide li{position:relative;}
#recentslide .ribbontag{position:absolute; bottom:15px; right:-8px; color:#fff; padding:5px 15px; z-index:11}
#recentslide .ribbontag a, #recentslide .ribbontag a:visited{color:#fff;}
#recentslide .ribbontag a:hover{color:#fff; text-decoration:none}
#recentslide .ribboncurve{position:absolute; right:0; top:-4px; width:8px; height:4px;}

#recentslide .ts-display-pf-img{position:relative;}
#recentslide #ts-display-pf-col-4 .ts-display-pf-img{
	width:212px;
	height:123px;
}

#recentslide #ts-display-pf-col-4 .ts-display-pf-img a.image{
	width:212px;
	height:123px;
	display:block;
	position:relative;

}

#recentslide #ts-display-pf-col-4 .ts-display-pf-img a .rollover{
	background:url(../images/hover-opacity-small.png);
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center;
	width:212px;
	height:123px;
	display:block;
    position:absolute;
	z-index:10;
	display:none;
	cursor:pointer;
}




/*==== Separator ====*/

.separator {
	display:block;
	height:25px;
	text-align:center;
	width:100%;
	clear:both;
}

.separator.line {
	display:block;
	height:60px;
	text-align:center;
	width:100%;
	clear:both;
	margin:0 0 20px 0;
	background:url(../images/line.gif) repeat-x left center;
}


/*==== Form and Button ====*/
input[type="text"],
textarea {
	padding: 5px;
	border:solid 1px #e0e0e0;
	margin:4px 4px 8px 0px; 
	padding:5px; 
	vertical-align:middle; 
	font-size:11px;
	font-family:"Trebuchet MS", Arial
}
input[type="submit"],
input[type="reset"],
button {
	background:url(../images/button-bg.png) repeat-x top left;
	border-top:1px solid #FFF;
	border-bottom:2px solid #cccccc;
	border-right:1px solid #cccccc;
	text-shadow:1px 1px 0px #FFF;
}
input[type="submit"],
input[type="reset"],
button {
	height:30px;
	border:0px;
	border-top:1px solid #FFF;
	border-bottom:2px solid #cccccc;
	border-right:1px solid #cccccc;
	border-radius:5px;
	-moz-border-radius:5px;		
	-webkit-border-radius:5px;
	padding:0px 12px 2px 12px;
	cursor:pointer;	
}
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
	border-top:2px solid #FFF;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;		
}

.button:link,
.button:visited,
.more:link,
.more:visited{
	height:40px;
	display:block;
	float:left;
	font-size:12pt;
	text-decoration:none;
	background:url(../images/button.png) repeat-x top;
	text-shadow:1px 1px 0px #fff;
}
.button span,
.more span{
	height:40px;
	display:block;
	padding-left:17px;
}
.button span span,
.more span span{
	padding-left:0px;
	padding-right:38px;
	line-height:38px;
	font-size:10pt;
	font-weight:normal;
	-moz-transition: color 0.3s ease-out; 
	-o-transition: color 0.3s ease-out; 
	-webkit-transition: color 0.3s ease-out; 
	-ms-transition: color 0.3s ease-out; 
	transition: color 0.3s ease-out;	
	font-size:10pt;
}
.button:hover span span,
.more:hover span span{
	line-height:40px;
	text-decoration:none !important;
}
.button:hover,
.button:active,
.more:hover,
.more:active{
	background:url(../images/button.png) repeat-x bottom;
	color:#555;
}
.button span,
.more span{
	background:url(../images/button_left.png) no-repeat left top;
}
.button:hover span,
.more:hover span{
	background:url(../images/button_left.png) no-repeat left bottom;
}
.button span span,
.more span span{
	background:url(../images/button_right.png) no-repeat right top;
}
.button:hover span span,
.button:active span span,
.more:hover span span,
.more:active span span{
	background:url(../images/button_right.png) no-repeat right bottom;
}


/*==== Quote ====*/
.pullquote {
	font-size:24px;
	line-height:1.25em;
	font-family:'AurulentSansRegular', "Trebuchet MS", Arial;
	text-shadow:1px 1px 2px rgba(0, 0, 0, .2);
	padding:6px 0 6px 0;
	}
	.pullquote.right {
		float:right;
		border-left:1px solid #e3e3e3;
		padding:6px 0 6px 24px;
		margin:4px 0 0 20px;
		width:45%;
		}
	.pullquote.left {
		float:left;
		border-right:1px solid #e3e3e3;
		padding:6px 10px 6px 0;
		margin:4px 30px 0 0;
		width:45%;
		}

/* == Dropcaps == */
.dropcap1{
	display:block;
	float:left;
	font-size:34px;
	line-height:34px;
	margin:2px 8px 0 0;	
}

/*== Highlight ==*/
.highlight1{padding:2px 5px; background-color:#e6e8e8; color:#000; border:solid 1px #ccc}	
.highlight2{padding:2px 5px; background-color:#666666; color:#fff; border:solid 1px #333}


/* Tabs */
.tabcontainer{margin:20px 0px 0px 0px; border:solid 1px #e3e3e3; background:#fafafa}
ul.tabs {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	height: 46px;
	width: 100%;
	background:url(../images/tab_bg.gif) repeat-x;

}
ul.tabs li {
	float: left;
	margin: 0 0;
	padding: 0 15px;
	line-height:46px;
	height:46px;
	overflow: hidden;
	position: relative;
	font-size:13px;
	background:url(../images/line_ver.gif) repeat-y right top;
	
}

ul.tabs li a {
	text-decoration: none;
	display: block;
	padding: 0 0px;
	outline: none;
}

.tab-content {padding: 20px 0}
	
ul.tabs li:hover{}
ul.tabs li.active{background:#fafafa url(../images/line_ver.gif) repeat-y right top;}
html ul.tabs li.active a{ color:#555; }
#tab-body{padding:0 20px}



/* jQuery Toggle */
#toggle{border-bottom:solid 1px #e3e3e3; background:#fafafa}
h2.trigger {
	padding:0;
	margin:0;
	width:auto;
	font-size:13px;
	height:42px;
	line-height:42px;
	border:solid 1px #e3e3e3;
	border-width:1px 1px 0 1px;
	background:url(../images/toggle_bg.gif) repeat-x;
}

h2.trigger span {
	text-decoration: none;
	display: block;
	padding-left:35px;
	cursor:pointer;
}

h2.active span{color:#555 !important;}

.toggle_container {
	margin: 0;
	padding: 20px;
	overflow: hidden;
	width: auto;
	clear: both;
	border:solid 1px #e3e3e3;
	border-width:1px 1px 0 1px;
}

.toggle_container .block {
	padding: 10px;
}

.toggle_container .block p {
	padding:0;
	margin: 0 0 5px 0;
}



/*==== Column ====*/
.one_half, .one_third, .two_third, 
.three_fourth, .one_fourth, .one_fifth, 
.two_fifth, .three_fifth, .four_fifth, 
.one_sixth, .five_sixth						{margin-right: 4%; margin-left:0; position:relative; float:left;}

.one_half									{ width:48%; }
.one_third									{ width:30.6666%;}
.one_fourth									{ width:22%; }
.one_fifth									{ width: 16.8%;}
.one_sixth 									{ width: 13.3333%;}

.two_third									{ width: 65.3332%;}
.two_fourth 								{ width: 48%;}
.two_fifth 									{ width: 37.6%;}
.two_sixth 									{ width: 30.6666%;}

.three_fourth								{ width:74%;}
.three_fifth 								{ width: 58.4%;}
.three_sixth 								{ width: 47.9998%;}

.four_fifth 								{ width: 79.2%;}
.four_sixth 								{ width: 65.3332%;}

.five_sixth 								{ width: 82.6665%;}
.firstcols									{ margin-left:0px !important; }
.last, .lastcols							{ margin-right:0px !important; clear:right; }



/* SIDEBAR */
#sidebar{width:280px; padding:0 0 20px 30px; float:left; background:url(../images/sidebar_bg.gif) repeat-y}
#sidebar ul{margin:0; padding:0; list-style-type:none;}
#sidebar .widget-container{margin-bottom:30px; padding-bottom:20px; background:url(../images/line.gif) repeat-x left bottom}
#sidebar .widget-container:last-child{ margin:0; padding:0; background:transparent}
#sidebar .widget-title{ font-size:18px;}
#sidebar li li{padding:0 0 5px 20px; margin:0 0 5px 0}
#sidebar li li a:hover{text-decoration:none; color:#555}
#sidebar ul.sub-menu{ padding:5px 0 0 0}
#sidebar ul.sub-menu li{padding-bottom:0;}
#sidebar ul.sub-menu li:last-child{margin-bottom:0;}
#sidebar .textwidget{padding:0 0 8px 0; margin:0 0 8px 0; text-align:left}

#sidebar .bgsearch{ background:#fff; border:solid 1px #e1e1e1; position:relative}
#sidebar .bgsearch input{background:transparent; border:0; padding:6px 5px; margin:0; width:85%}
#sidebar #searchform input[type="submit"]{ background:url(../images/search_icon.gif) no-repeat; width:20px; height:17px; cursor:pointer; position:absolute; right:10px; top:5px}

#sidebar ul#latestpost li{ background:transparent; padding:0 0 8px 0; margin:0 0 8px 0; clear:both}

#sidebar #newsletter input[type="submit"]{ margin:10px 0 0 0; cursor:pointer}



/* FOOTER */
#footer{background:#1e1e1e; margin-bottom:50px; color:#c0c0c0}
#main-footer{padding:20px 34px 30px 34px;}
#main-footer ul{list-style-type:none; margin:0; padding:0;}
#main-footer li.widget-container{list-style-type:none; margin:0 0 30px 0; padding:0;}
#main-footer li.widget-container:last-child{margin:0;}
#main-footer .widget-title{font-size:18px; line-height:22px; margin-bottom:25px; color:#d0d0d0;}
#main-footer li li{padding:0 0 4px 15px; margin:0 0 4px 0;}
#main-footer li li:hover{background:url(../images/square_hover.gif) no-repeat 0 8px;}
#main-footer li a:hover{color:#c0c0c0; text-decoration:none}

#main-footer .separator{
	height:10px;
}
#main-footer .separator.line {
	height:50px;
	background:url(../images/line2.gif) repeat-x left center;
	margin-bottom:0;
}
.flickr img{float:left; margin:2px 5px 3px 0; width:62px; height:62px;}
#footerlogo{float:right}
.short-width-p {
	width: 550px;
}
.border {
	border: 4px solid #CCC;
}