/*  
Theme Name: Echo
Description: 
Theme URI:
Author: Dannci
Author URI: http://beatheme.com/
version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, custom-menu
License: GNU/GPL Version 2 or later. 
License URI: http://www.gnu.org/licenses/gpl.html 
Copyright: (c) 2011 Dannci.

*/

@import "styles/style-shortcodes.css";

/*-------------------------------------------------------------------------------------------*/
/* RESET */
/*-------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */

body, html  { height: 100%; }
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

/*-------------------------------------------------------------------------------------------*/
/* GENERAL STYLES */
/*-------------------------------------------------------------------------------------------*/

.fl{float: left;}
.fr{float: right;}
.ac{text-align: center;}
.ar{text-align: right;}
.mr{ margin:1px 20px 30px 1px !important;}
.fix{ margin:0 0 30px 0;}
.ss{
	font-size:8pt;
	font-style:italic;line-height:12pt; padding:5px 0;}
.tex{overflow:hidden;margin:0;}

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}/* http://sonspring.com/journal/clearing-floats */

body { margin:0px; font-family:Arial, Helvetica, sans-serif; background:#fff; font-size:11pt; line-height:20pt; }

a{
	text-transform:120%;
	text-color:#900;
	text-decoration:none;
}

a:hover{
	text-transform:none;
	text-color:#c00;
	text-decoration:none;
}

img, img a{border:none;
	}

.imgbg,a.imgbg{
	background:url(images/texture-i.png);
	}


small{font:italic 9pt/9pt georgia, serif !important; padding:10px 0 !important;}

.box{ width:960px; margin:0px auto; padding:0; position:relative;}


.boxwide{ width:1000px; margin:0px auto; padding:0;}



.twobox,.twoboxwide{
	float:left;
	width:735px;
	margin:0;
	padding:60px 0 0 0;
	overflow:hidden;
	}

.twoboxwide{
	width:770px;
	padding:0;
	}


.onebox,.oneboxwide{
	float:right;	
	width:225px;
	margin:0;
	padding:60px 0 0 0;
	overflow:hidden;
	}

.oneboxwide{
	width:340px;
	padding:0;
	}

.hrline{
	padding:0;
	margin:0;
	width:100%;
	height:5px;
	background:url(images/line-h.png) 0 0 repeat-x;
	clear:both;
	}
	
.heading{
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	height:67px;
	
	-moz-box-shadow:inset 0px 1px 4px #666;
	-webkit-box-shadow:inset 0px 1px 4px #666;
	box-shadow:inset 0px 1px 4px #666;
	}
	
.heading h2,.heading h3{
	width:200px;
	overflow:hidden;
	margin:14px auto;
	padding:3px 20px;
	font-size:14pt;
	text-align:center;
	text-shadow:0 1px 2px #fff;
	}

	
.rad
{-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; font-weight:700;}

.bags,
.com-post img,
#serpane5 a,
.post img,
img.aligncenter,
img.alignright,
img.alignleft,
.wp-caption,
.tooltip,
.fblock img {
	padding:9px;
	margin:1px 1px 5px 1px;
	overflow:hidden;
	-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;
	
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-o-linear-gradient(#2F2727, #1a82f7);

    background: 
	-moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent
	;
	background: -webkit-gradient(linear, left top, left bottom,
				from(#fff),
				color-stop(0.5, #fff),
				to(#EFEFEF)
				);
	filter: progid: DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffffff', EndColorStr='#EFEFEFEF');

 	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#EFEFEFEF)";
	
	-o-linear-gradient(top, #dcdcdc, #c6c6c6);

    border: 1px solid #FFFFFF;
	z-index:9;
	}

h1{
	font-size:24pt;
	line-height:30pt;
	padding:15px 0 5px 0;
	margin:0;
	letter-spacing:-1px;
}

h2{
	font-size:20pt;
	line-height:24pt;
	padding:15px 0 5px 0;
	margin:0;
	letter-spacing:-1px;
}

h3 {
	font-size:16pt;
	line-height:22pt;
	padding:15px 0 5px 0;
	margin:0;
	letter-spacing:-1px;
}


h3 span{color:#0061D8;}
h3 span span{color:#FF1183;}

h4 {
	font-size:14pt;
	line-height:20pt;
	padding:15px 0 5px 0;
	font-weight:400;
	margin:0;
	letter-spacing:-1px;
}

h5 {
	font-size:11pt;
	line-height:20pt;
	padding:15px 0 5px 0;
	font-weight:400;
	margin:0;
	letter-spacing:-1px;
}

h6 {
	font-size:10pt;
	line-height:20pt;
	padding:15px 0 5px 0;
	font-weight:700;
	margin:0;
	letter-spacing:-1px;
}

.gallery-caption{}
.sticky{}

#header{
	background:#fff;
	padding:0;
	margin:0;
	width:100%;
	height:150px;
	z-index:999;
	position:relative;
	
/*box shadow header verwijderd

*/  
}



#headlinks{
	width:960px;
	float:left;
	padding:10px 0;
	text-align:right;
}

	
#logo  { 
	float:left;
	width:225px;
	height:150px;
	margin:20px 0 0 0;
	}
#logo img  { margin-top:0; }



#navigation{font: 400 18px/18px arial, sans-serif;padding:0; margin:40px 0 0 15px; width:720px;}

.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; float:right;  }
.nav a  { position:relative;display:block; z-index:100; padding:11px 10px 10px 10px; line-height:18px;text-decoration:none; }
.nav a:hover,#portfolio-filter a.current {  background:url(images/line-header.png) bottom repeat-x; z-index:100;}
.nav li.current_page_item { text-color: #606060; }, .nav li.current_page_parent{}
.nav li.current_page_item a:hover, .nav li.current_page_parent a:hover {}
.nav a:hover, .nav li.current_page_item a, .nav li.current_page_parent a {}
.nav li,#filter li  { float:left; width: auto; }
.nav li a.sf-with-ul { padding-right:20px; }

/* 2.2.1 Drop-down menus */
.nav li ul  {background-color:#F0F0F0; position: absolute; left: -999em; width: 180px; z-index:999; }
.nav li ul li  { background:url(images/line-h-l.png) bottom repeat-x;}
.nav li ul li a  { width:160px; color:#202020; font-size:0.8em; font-style: none !important;border-bottom:none; }
.nav li ul li a.sf-with-ul { padding:11px 10px 10px 10px;}
.nav li ul li a:hover  { border-bottom:none;}
.nav li ul ul  { margin: -39px 0 0 180px; }
.nav li ul ul li a  {  }
.nav li ul li ul li a  {  }

.nav li ul li a:hover, .nav li ul li.current_page_item, .nav li ul li.current_page_item a:hover{}

.nav li:hover,.nav li.hover  { position:static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul  { left:auto; }

.nav .sf-sub-indicator {background:	url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.2em;top:1.1em;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
.nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat;}


#portfolio-filter{
	font: 400 8pt arial, sans-serif;
	text-align:center;
	background:url(images/line-h-l.png) bottom repeat-x;
	margin:50px 0 20px 0;
}

#portfolio-filter li span  { position:relative;display:block; z-index:100; padding:11px 10px 10px 0; line-height:18px;text-decoration:none;}

#portfolio-filter ul {
display:inline-block;
list-style:none; 
}
* html #portfolio-filter ul { /* Target IE6 */
display:inline;
}
*+html #portfolio-filter ul { /* Target IE7 */
display:inline;
}
#portfolio-filter li {
display:inline;
}
#portfolio-filter a {
float:left;
text-decoration:none; 
padding:10px; /* variable width */
}



ul.postinfo{
	color:#000;
	width:705px;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	font-weight:400;
	list-style:none;
	display: inline;
	opacity:0;
	}

ul.postinfo2{
	color:#000;
	margin:20px 0 0 0;
	padding:0;
	font-weight:400;
	list-style:none;
	display: inline;
	}

ul.postinfo li,ul.postinfo2 li{
	padding:0 0 2px 25px;
	margin:0 20px 0 0;
	font-size:8pt;
	text-align:left;
	display: inline;
	}


.li0a{background:url(images/icons/16/watch.png) left 0 no-repeat;}
.li0b{background:url(images/icons/16/document.png)  left 0 no-repeat;}
.li0c{background:url(images/icons/16/tag.png) left 0 no-repeat;}
.li0d{background:url(images/icons/16/cloud.png) left 0 no-repeat;}
.li0e{background:url(images/icons/16/arrow-right.png) left 0 no-repeat;}


.indexpost,.singleindexpost{
	width:705px;
	float:left;
	padding:0 30px 30px 0;
	margin:0;
}

.indexpost h2,.singleindexpost h2, h2.head{
	margin:0 0 15px 0;
	padding:0;
	font-size:26pt;
}

.indexpost img{
	float:left;
	margin:0 1px 30px 1px;
	z-index:9;
}

.indexpost p{
	margin:0 0 10px 0;
}




.infolio{
	overflow:hidden;
	margin-bottom:0;}

.indexpostsmall{
	width:223px;
	height:130px;
	margin:0;
	float:left;
	position:relative;
	padding:1px 22px 60px 1px;
	overflow:hidden;
	background:url(images/icons/24/zoom-in.png) 42% 37% no-repeat;
}

.indexpostsmall img{
	margin:1px 1px 5px 1px;
	overflow:hidden;
}

.indexpostsmall h3{
	color:#fff;
	width:160px;
	overflow:hidden;
	padding:10px 20px;
	line-height:21pt;
	font-weight:400;
	float:left;
	margin:0;
	position:absolute;
	bottom:0px;
	left:12px;
	opacity:0;
	}

.bread{
	padding:-20px 0 0 0;
	overflow:hidden;
	}
	
.bread #portfolio-filter{
	margin:0 0 -2px 0 !important;
	}

.bread #crumb{
	margin:0 0 -2px 0;
	font: 400 8pt arial, sans-serif;padding:10px 0 11px 0;width:710px;
	}

.post h2{
	padding:5px 0 15px 0;}	
	
.post{
	width:705px;
	float:left;
	padding:0 30px 30px 0;
	margin:0;
	}
	
.post p{
	margin:0 0 15px 0;
	}	


.entry{
	margin:0;
	overflow:hidden;
	padding:0;
	}
	
.entry p{
	margin:0 0 30px 0;
	}

/* portfolio 
********************************************************************************************
********************************************************************************************/

.portfoliopost{
	height:250px;
	width:287px;
	background:url(images/enlarge.png) 50% 50% no-repeat;
	margin:0 20px 60px 0;
	float:left;
	position:relative;
	overflow:hidden;
}

.portfoliopost h2{
	color:#fff;
	width:246px;
	overflow:hidden;
	padding:10px 20px;
	line-height:21pt;
	float:left;
	margin:0;
	position:absolute;
	bottom:9px;
	left:9px;
	}
	
.project{
	height:330px;
	width:960px;
	margin:0 20px 60px 0;
	float:left;
	position:relative;
	overflow:hidden;
	}

.overview{
	padding:10px 0 0 20px;
	float:right;
	margin:0;
	height:300px;
	width:460px;
	overflow:hidden;
	}
	
.taggs{ 
	width:350px;
	float:left;
	}

.fullwidth{ width:960px; margin:60px auto 0 auto; padding:0;}

.fullwidth p{ margin:0 0 18pt 0;}



/* comments 
********************************************************************************************
********************************************************************************************/


#comments{
	width:705px;
	margin:0;
	overflow:hidden;
	}
	
#comments h3{
	margin:60px 0 0 0;
	padding:0;
	}
	
#comments li{
	list-style:none;
	padding:0 0 30px 0;
	overflow:hidden;
	margin:0;
	}
	
#respond{
	margin:30px 0 0 0;
	overflow:hidden;
	}


a.comment-reply-link,a#cancel-comment-reply-link {
	float:right;
}

.trackback .content,
.pingback .content {
	font-style: italic;
}

.commentmetadata{
	background: url(images/line-h.png) bottom repeat-x; padding:5px 0; }

.authorimg{
	float:left;
	margin:0;
	padding:0;
	}
	

#comments span{}

cite {
	font-weight: bold;
	font-style: normal;
	text-transform:uppercase;
	}
	
#comments ol{
	margin:30px 0 0 0;
	list-style:none;
	padding:0;
	}
	
#comments ol.children{
	padding:0 0 0 30px;
	}
	
#comments ol.children li{
	margin:0 0 30px 0;
	overflow:hidden;
	}

.children li,{
	margin:0;
	padding:0;
	border: none;
	padding-left: 5px;
	list-style: none;
}
.children li ul {
}

.author-vcard{
	float:left;
	padding:0;
	height:100px;
	width:110px;
	margin:0 !important;
	}
	
.comment-body .vcard a{
	font-weight: bold;
}
.comment-body .vcard img{
	float: left; 
	margin-right: 10px;
	border: 3px solid #fff;
	background-color:#fff;
}
.comment-body .commentmetadata{
}
.comment-body .commentmetadata a{
	color: #900;
	font-size:10px
}
.comment-body p{
	clear: both;
	margin: 30px 0;
}


 .bypostauthor{
	 font-weight:bold;
	 font-style:italic;
	color:#000;
	}



/* forms 
********************************************************************************************
********************************************************************************************/

input, textarea,input checkbox,input radio,select, file{
	border: 1px solid #eee;
	padding:10px;
	margin:0 10px 0 0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10pt;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}


form#contactform fieldset input{
	float:none;
	width:320px;
	margin-bottom:30px;}
	
form#contactform fieldset textarea{
	width:580px;}
	
form#contactform fieldset input#submit{
	width:150px;}


#submit{
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.48, #BBBBBB),
    color-stop(0.87, #DEDBDE)
);
background-image: -moz-linear-gradient(
    center bottom,
    #BBBBBB 48%,
    #DEDBDE 87%
);

	color:#666;
	text-shadow:0 1px 2px #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11pt;
	float:left;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
	margin:20px 0 60px;
	}

label{ font-style: italic; float:left;}

#contact{
	padding:0 0 30px 0;
	}

/* sidebar 
********************************************************************************************
********************************************************************************************/

#sidebar {
	font-size:10pt;
	float:right;
	margin:0;
	padding:0;
	width:225px;
	}

#sidebar h2{
}


#sidebar h3 {
	font-weight:bold;
	line-height:18pt;
	color:#000;
	}

#sidebar p {margin:0; padding:0 0 15px 0;}

	
#sidebar a:hover {
	text-decoration:none;
	}	

#sidebar ul{
	margin:0 0 30px 0;
	padding:0;
	list-style:none;
	}
	
#sidebar li{
	margin:0;
	padding:0 0 0 10px;
	background:url(images/arrow-superfish-right.png) 0 10px no-repeat;
	}

#sidebar li ul{
	margin:0 0 0 15px;
	padding:0;
	list-style:none;
	}
	
#sidebar iframe{
	margin:0 0 30px 0;
	padding:0;
	border:10px solid #fff;
	}



/* custom widgets 
********************************************************************************************
********************************************************************************************/
.adspace-widget{ margin-bottom:30px;}

.adspace-widget img{
	float:left;
	border:none;
	overflow:hidden;
	margin:12px;
	padding:0;
	}


.adspace-widget125 img{
	float:left;
	border:none;
	overflow:hidden;
	margin:0 0 30px 0; 
	padding: 2px;
	}
	
.adspace-widget img:hover,.adspace-widget125 img:hover{
	}



/* twitter  */
.lasttwit{
	background:url(images/bird.png) top right no-repeat;
	padding:50px 0 0 25px;
	position:relative;
	margin:0 0 30px 0;
	}
a.twilink{ 
	position:absolute;
	top:15px;
	left:0px;
	font-size:12pt;
	letter-spacing:-1px;
	font-weight:bold;
	}
	

	
ul.tweet_list li,#footer .lasttwit ul li{
	list-style-image:url(images/ico-bird.png) !important;
	margin:0 0 10px 0;
	padding:0 !important;
	background:none !important;
	}
.view-twitter{ padding:0; font-size:8pt; clear:both;}
.tweet_avatar{ float:right;}


/* flickr */
.flickwrap h3  {}
#sidebar h3 span{color:#0061D8;}
#sidebar h3 span span{color:#FF1183;}
.flickr_badge_image  { float: left; margin:0; }

.flickwrap  { position: relative; margin-bottom: 21px; padding: 0; overflow:hidden; width:250px;}
.flickwrap a img  { float: left;  
	width:60px;
	height:60px;
	margin:0 9px 9px 0;
	border:4px solid #fff;
	}
.flickwrap a:hover img  { border:#ccc 4px solid; }



/* Blog Author Widget */
img.avatar { }
span.left { float:left; margin:8px 15px 5px 0; }
span.right { float:right; margin:8px 0 5px 15px; }
	
	
/* featured */
#featured{
	margin:0 !important;
	overflow:hidden;
	float:left;}
	
ul#featured li{
	padding:0;
	background:none;
	margin:0 0 30px 0;}

.fblock{
	font-weight:normal;
	padding:0;
	line-height:17pt;
	overflow:hidden;
	}
	


.fblock img{
	float:right;
	width:70px;
	height:70px;
	margin:8px 1px 2px 10px;
	}
	
.fblock p{
	margin:0;
	padding:0 !important;
	}
	
#sidebar ul li.fblock h3,#footer ul li.fblock h3{
	text-transform:none !important;
	font-weight:bold;
	font-family:'Arial', Helvetica, sans-serif;
	font-size:12pt;
	padding:0 0 5px 0;
	}



/* search 
********************************************************************************************
********************************************************************************************/
.searchformhead{
	position:relative;
	float:left;
	}

.searchformhead input.s{
	border:1px solid #fff;
	
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.13, #fff),
    color-stop(0.87, #eee)
);
background-image: -moz-linear-gradient(
    center bottom,
    #fff 13%,
    #eee 87%
);
	
	float:left;
	margin:0 0 30px 0;
	padding:5px 10px;
	color:#222;
	width:203px;
	height:23px;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow: 0px 1px 2px #fff;
	-moz-border-radius:0px;
	-khtml-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	}

.searchSubmit{
	border:1px;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.48, #BBBBBB),
    color-stop(0.87, #DEDBDE)
);
background-image: -moz-linear-gradient(
    center bottom,
    #BBBBBB 48%,
    #DEDBDE 87%
);

	color:#666;
	text-shadow:0 1px 2px #fff;
	position:absolute;
	height:30px;
	cursor:pointer;
	top:3px;
	right:-7px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11pt;
	padding:4px 10px;
	-moz-border-radius:0px;
	-khtml-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	}




/* footer
********************************************************************************************
********************************************************************************************/



#footer{
	padding:60px 0 0 0;
	margin:0;
	font-size:8pt;
	width:100%;
	overflow:hidden;
}

#footer h3{
	margin:0 0 5px 0;
	padding:0 0 10px 0;
	line-height:13pt;
	background:url(images/line-h-l.png) bottom repeat-x;
}

	
.foowidget{
	float:left;
	width:225px;
	padding:0 20px 0 0;
	overflow:hidden;
	}
	
.foowidget2{
	float:right;
	width:225px;
	padding:0;
	overflow:hidden;
	}

#footer ul {
	margin:0 0 30px 0;
	}
	
#footer ul li ul{
	margin:0;
	}

#footer .flickwrap {
	width:250px;
	}

#footer .flickwrap a img{
	width:57px;
	height:57px;
	margin:10px 15px 5px 0;
	}

#credit,#copyright{
	margin:0;
	width:480px;
	padding:10px 0;
	background:url(images/line-h-l.png) top repeat-x;}	
	
#credit p,#copyright p{
	margin:0;
	padding:5px 0;
	}
	
#credit{
	text-align:right;}
	



/* Coin slider
********************************************************************************************
********************************************************************************************/


.slpost {
	position:relative;
	padding:0;
	margin:60px 0;
	overflow:hidden;
	width:960px;
	background:#000;
	height:340px;
	-moz-box-shadow:0px 3px 7px #333;
	-webkit-box-shadow:0px 3px 7px #333;
	box-shadow:0px 3px 7px #333;
	}


	
.tabbig {
	margin:0;
	width:960px;
	float:right;
	height:299px;
	position:relative;
	display:inline;
	overflow:hidden;
	padding:0;
	}

.inpost{
	position:absolute;
	bottom:30px;
	right:30px;
	padding:0 21px;
	background:url(images/transparent_bg.png);
}

ul#tabsmall{
	list-style:none;
	width:960px;
	height:40px;
	float:left;
	margin:0px ;
	overflow:hidden;
	display:inline;
	padding:0;
	position: absolute;
	bottom:0;
	left:0;
}	

.slthumb img{
	width:80px;
	height:74px;
	margin:-20px 0 0 0;
	overflow:hidden;
}
	
#tabsmall li {
	list-style: none;
	height:40px;
	width:80px;
	float:left;
	overflow:hidden
}

#tabsmall li img{
	background: #000;
}

#tabsmall li a:link,#tabsmall li a:visited {
	display: inline;
	float:left;
	padding:0;
	overflow:hidden;
}	


	
ul#tabsmall>li.ui-tabs-selected>a.slthumb>img{
	opacity:1 !important;
	}
	

a.slthumb{
	display:block;
}

.slthumb{
	font-size:10pt;
	line-height:12pt;

}

.inpost h4{
	font-size:14pt;
	margin:0;
	padding:10px 0;
	line-height:14pt;
	letter-spacing:-1px;
	font-weight:700;
}

.inpost h4 a{
	color:#eee;
}

.inpost p{
	color:#000;
	padding:0px 0;
	text-shadow:0 1px 2px #fff;
}
	
.ui-tabs-hide {
	display: none;
		}


/* services 
********************************************************************************************
********************************************************************************************/

.serone,
.sertwo,
.serthree,
.serfour
{
	float:left;	
	width:165px;
	margin:0;
	padding:0 20px 60px 55px;
	text-shadow:0 1px 2px #fff;
	overflow:hidden;
	}

.serone{background:url(images/icons/48/alarm.png) 0 0 no-repeat;}
.sertwo{background:url(images/icons/48/fruit-orange.png) 0 0 no-repeat;}
.serthree{background:url(images/icons/48/add-favourite.png) 0 0 no-repeat;}
.serfour{background:url(images/icons/48/recycle-alt-2.png) 0 0 no-repeat;}

#services h3{
	margin:0;
	padding:0 0 10px 0;
}

#services h3 a{
	font-weight:400;
}

/* Homepage tab
********************************************************************************************
********************************************************************************************/
#hometab{
	overflow:hidden;
	margin:60px 0;
	width:1000px;
	}


#sernav{
	float:left;
	width:245px;
	overflow:hidden;
	}

#sernav ul{
	list-style:none;
	margin:0;
	padding:0;
	}

ul#serinfo-nav li{
	padding:5px 20px 5px 55px;
	font-size:11pt;
	opacity:0.4;
	}

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

#serinfo-nav li.current {
	opacity:1;
	}

.li01{background:url(images/icons/24/arrow-right.png) 20px 5px no-repeat;}
.li02{background:url(images/icons/24/watch.png) 20px 5px no-repeat;}
.li03{background:url(images/icons/24/add-favourite.png) 20px 5px no-repeat;}
.li04{background:url(images/icons/24/cinema.png) 20px 5px no-repeat;}
.li05{background:url(images/icons/24/cloud.png) 20px 5px no-repeat;}
.li06{background:url(images/icons/24/star.png) 20px 5px no-repeat;}


li#serpane0 img,
li#serpane1 img,
li#serpane2 img,
li#serpane3 img,
li#serpane4 img,
li#serpane5 img,
	{
	float:left;
	overflow:hidden;
	padding:5px;
	margin:0 20px 0 0;
	}

ul#serinfo{
	float:left;
	width:750px;
	overflow:hidden;}


.homefirstpost{
	float:left !important;
	width:483px !important;
	height:430px !important;
	overflow:hidden;
	margin:0 20px 0 0 !important;
	}
	
.homefirstpost>p{
	opacity:1 !important;
	}

.homefirstpost>a>img{
	width:460px;
	margin-bottom:10px;
	padding:9px;
	}
.homefirstpost>h3{
		font-weight:700 !important;
		font-size:18pt !important;
	}

.fea-post{
	float:left;
	width:225px;
	overflow:hidden;
	margin:0 20px 0 0;
	padding:1px;
	background:url(images/icons/48/add-document.png) 50% 18% no-repeat;
	}
	
.fea-post img{
	margin:1px 1px 15px 1px;
	overflow:hidden;
	float:left;
	}

.com-post{
	width:225px;
	height:140px;
	float:left;
	overflow:hidden;
	margin:0 20px 30px 0;
	}

.com-post img{
	float:left;
	overflow:hidden;
	padding:9px;
	overflow:hidden;
	margin:1px 20px 3px 1px;}

#serpane3 iframe{
	float:left;
	margin:0 20px 10px 0;
	}

#serpane5{
	overflow:hidden;
	width:715px;
	}

	#serpane5 a{ padding:3px 7px;
	margin:5px;
	line-height:30pt;
	overflow:hidden;
	}


/* misc
********************************************************************************************
********************************************************************************************/

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 1px 1px 10px 20px;
	display: inline;
	}

img.alignleft {
	margin: 1px 20px 10px 1px;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
	
.wp-caption {
   text-align: center;
   padding-top: 10px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   padding: 0 4px 5px;
   margin: 0;
}

.tooltip {
	-moz-border-radius:4px;
   -khtml-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
	background:url(images/bg-light.png) 0 0 repeat-x;
   
  display: none;
  position: absolute;
  font-size:10pt;
  padding: 10px;
}

.navigation{
	width:725px;
	margin:0 0 60px 0;
	padding:0;
	overflow:hidden;
	}
.navigation a,.wp-pagenavi a,.wp-pagenavi span.current{
	font-size:12pt;
	padding:0;
	margin:30px 0;
	margin-right:10px;
	font-weight:bold;
	}
	
.wp-pagenavi span.current{
	color:#999;
	}


.awesome{
background: #222 url(/images/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff !important;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
text-shadow: 0 -1px 1px #222;
border-bottom: 1px solid #222;
position: relative;
cursor: pointer;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
}

/* Sizes ---------- */
.small.awesome {
font-size: 11px;
}
.medium.awesome {
font-size: 13px;
}
.large.awesome {
font-size: 14px;
padding: 8px 14px 9px;
}
 
/* Colors ---------- */
.blue.awesome {
background-color: #2daebf;
}
.red.awesome {
background-color: #e33100;
}
.magenta.awesome {
background-color: #a9014b;
}
.orange.awesome {
background-color: #ff5c00;
}
.yellow.awesome {
background-color: #ffb515;
}




/* bottom box
********************************************************************************************
********************************************************************************************/
	

#bottombox{
	padding:0;
	margin:0;
	width:100%;
	overflow:hidden;
}
	
.speci{
	float:left;
	width:225px;
	height:200px;
	margin:-2px 0 0 1px;
	padding:70px 0;
	z-index:-999;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	}	
	
.speci img{
	width:200px;
	}

.aboutus{
	float:left;
	width:470px;
	margin:0;
	padding:60px 20px 60px 245px;
	overflow:hidden;
	}
	
	
/* social
********************************************************************************************
********************************************************************************************/


ul#social-menu { width:225px; display:inline; float:left; position:relative; overflow:hidden; padding:0; margin:60px 0 60px  0; }

ul#social-menu li { display: inline; list-style-type: none; position: relative; float:left; width:46px;height:45px;margin:0 10px 10px 0; background-image:url(images/icons/ico-social.png); background-repeat:no-repeat; }
li.socials_fa {background-position: -90px 0px; opacity:0.5} li.socials_fa:hover { opacity:1;}
li.socials_tw {background-position: -135px -1px; opacity:0.5} li.socials_tw:hover { opacity:1;}
li.socials_rs {background-position: -180px 0px;opacity:0.5} li.socials_rs:hover{ opacity:1;}
li.socials_vi {background-position: -45px -93px; opacity:0.5} li.socials_vi:hover { opacity:1;}
li.socials_tu {background-position: -270px -46px; opacity:0.5} li.socials_tu:hover { opacity:1;}
li.socials_de {background-position: 0px -47px; opacity:0.5} li.socials_de:hover { opacity:1;}
li.socials_gw {background-position: -270px 0px; opacity:0.5} li.socials_gw:hover { opacity:1;}
li.socials_dm {background-position: -225px 0px; opacity:0.5} li.socials_dm:hover { opacity:1;}
li.socials_la {background-position: -316px 0px; opacity:0.5} li.socials_la:hover { opacity:1;}
li.socials_em {background-position: -225px -46px; opacity:0.5} li.socials_em:hover { opacity:1;}
li.socials_mm {background-position: -135px -47px; opacity:0.5} li.socials_mm:hover { opacity:1;}
li.socials_fr {background-position: -45px 0px; opacity:0.5} li.socials_fr:hover { opacity:1;}
li.socials_sk {background-position: -180px -46px;opacity:0.5} li.socials_sk:hover { opacity:1;}
li.socials_ai {background-position: -90px -47px; opacity:0.5} li.socials_ai:hover { opacity:1;}
li.socials_ev {background-position: -45px -47px; opacity:0.5} li.socials_ev:hover { opacity:1;}
li.socials_dr {background-position: 0px 0px; opacity:0.5} li.socials_dr:hover { opacity:1;}