/*** GLOBAL  ***/
body {
	font-family:"Trebuchet MS", Arial;
	font-size:13px;
	margin:0 auto;
	padding:0;
	color:#555555;
	line-height:20px;

}
* {
	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:22px; line-height:24px;}
h3 {font-size:18px; line-height:20px;}
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;}


/* 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:100%;
	margin:0 auto;
	padding:9px 0 0 0;
}

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


/* CONTENT */
#content{ clear:both; padding:35px 0 }
#content.innerlayout{padding:0 0 10px 0;}
.row {padding:0 10px 10px 10px}
#main{ padding:0 10px 10px 10px}
#maincontent{ width:600px; padding-right:10px; 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:10px}
.blockleft{float:left;}
.m, .d, .y{display:block; margin-left:5px}
.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 5px 0px}


/*==== 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:365px; margin:0 0px 0 0;}
#recentslide li img{width: 365px; height: 300px; }
#recentslide li{position:relative;}
#recentslide .ribbontag{position:absolute; bottom:15px; right:-8px; color:#fff; padding:5px 5px; 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:365px;
	height:300px;
}

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

}

#recentslide #ts-display-pf-col-4 .ts-display-pf-img a .rollover{

	width:365px;
	height:300px;
	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}