/*
Theme Name: freestone creative
Theme URI: http://www.freestone.co.uk/
Description: theme for freestone.co.uk
Version: 2.0
Author: freestone creative
Author URI: http://www.freestone.co.uk/
Tags: freestone creative

*/

html, body{
	width:100%;height:100%;
	margin:0px;padding:0px;
	overflow:auto;
	}
body{
	background-image:url(images/bg_dropshadow_repeat.jpg);
	background-position:center;
	background-repeat:repeat-y;
	}
*{font-family:Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;}
p,li{
	font-size:11px;
	line-height:14px;
	}
p{margin:5px 10px;padding:0px;}
ul{margin:0px;padding:0px;}
li{margin:5px 10px;padding:0px;}
.center{text-align:center;}
.small{font-size:9px; color:#333;}
a{font-size:11px;color:#990000;text-decoration:none;}
a:hover{text-decoration:underline;}
h3{margin:5px 10px 10px 10px;font-size:14px;}
 h3 a{font-size:14px;}
#contentR h3{font-size:12px;}

.alignLeft{float:left;text-align:left;}
.alignRight{float:right;text-align:right;}

img{border:none;}
.postImage{
	width:150px;height:150px;
	margin:0px 10px 0px 0px;
	display:inline;
	float:left;
	}

ul,li{
	list-style:none;
	}
.post{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	padding:5px 0px;
	border-bottom-color: #666666;
	display:inline;
	float:left;
}
#contentH{
	width:650px;height:100px;
	position:absolute;left:50%;top:0%;
	margin:0px 0px 0px -325px;padding:0px;
	display:block;
	}
#contentF{
	width:650px;height:50px;
	position:absolute;left:50%;bottom:0%;
	margin:0px 0px 0px -325px;padding:0px;
	display:block;
	}

#contentO{
	width:650px;height:auto;
	position:absolute;left:50%;
	margin:150px 0px 0px -325px;padding:0px;
	display:block;
	background-color:#FFFFFF;
	overflow:auto;
	}
.callUs{

display:inline;
float:right;
font-size:11px;
}

/*
#contentO{
	width:650px;height:420px;
	position:absolute;left:50%;top:50%;
	margin:-210px 0px 0px -325px;padding:0px;
	display:block;
	background-color:#FFFFFF;
	overflow:auto;
	}

#contentO{
	width:650px;height:550px;
	position:absolute;left:50%;top:50%;
	margin:-275px 0px 0px -325px;padding:0px;
	display:block;
	background-color:#FFFFFF;
	overflow:auto;
	}
*/	
#contentL{
	width:420px;min-height:420px;
	position:relative;
	margin:0px;padding:0px;
	display:block;float:left;
	overflow:hidden;
	}
#contentR{
	width:200px;min-height:420px;
	margin:0px;padding:0px;
	display:block;float:right;
	overflow:hidden;
	}
.contentL{
	width:420px;height:420px;
	position:relative;
	margin:0px;padding:0px;
	display:block;float:left;
	overflow:hidden;
	}
.contentLAnimating * {
	overflow:hidden!important;
	}
.contentLCurrent{
	}
.contentLFocused{
	}

.panelParent{
	width:1680px;height:1680px;
	position:relative;
	margin:0px;padding:0px;
	display:block;
	overflow:hidden;
	}
.panelChild{
	width:420px;height:420px;
	position:relative;
	margin:0px;padding:0px;
	display:block;float:left;
	overflow:hidden;
	}
	
.panelFrame{
	width:420px;height:420px;
	margin:0px;padding:0px;
	display:block;float:left;
	overflow:hidden;
	}
.textframe{
	width:230px;height:420px;
	margin:0px;padding:0px;
	display:block;float:left;
	overflow:hidden;
	}
	
#fsLogo{
	width:240px;height:50px;
	margin:0px 10px;padding:0px;
	display:block;
	}
.logohead{
	margin:10px 0px 0px 0px;padding:0px;
	display:block;
	}
	
.navigation{
	width:auto;height:30px;line-height:30px;
	margin:0px 10px;padding:0px;
	display:block;float:none;
	font-size:14px;color:#999999;
	}
.navigation a{
	color:#999999;
	text-decoration:none;
	}
.navigation a:hover{
	color:#333333;
	}
	
.imageHolder{
	width:420px;height:420px;
	background-color:#FFFFFF;
	background-image:url(../images/loading.gif);
	}

.SlidingPanels{
	width:420px;height:420px;
	position:relative;
	margin:0px;padding:0px;
	display:block;float:left;
	overflow:hidden;
	}
.SlidingPanelsContentGroup{
	width:1680px;height:1680px;
	position:relative;
	margin:0px;padding:0px;
	display:block;
	overflow:hidden;
	}
.SlidingPanelsContent{
	width:420px;height:420px;
	margin:0px;padding:0px;
	display:block;float:left;
	overflow:hidden;
	background-image:url(../images/img_example.jpg);
	}
.SlidingPanelsAnimating * {
	overflow: hidden !important;
	}
.SlidingPanelsCurrentPanel{
	}
.SlidingPanelsFocused{
	}

/* PORTFOLIO THUMBS */
.portThumb{
	width:60px;height:60px;
	float:left;display:block;
	margin:0px;
	}
.portThumb img{
	width:60px;height:60px;
	border:none;
	}
.inactive{
	opacity:0.2;-moz-opacity:0.2;filter:alpha(opacity=20);
	}
	
/* PORTFOLIO IMAGE-NAVIGATOR */
.imageNav{
	height:14px;line-height:14px;
	margin:0px;padding:2px 5px;
	display:inline;
	background-color:#990000;
	color:#FFFFFF;
	font-size:10px;
	}
.imageNav:hover{
	background-color:#000000;
	text-decoration:none;
	}

/* BOX NAV - TEMP */

.navbox{width:80px;height:100px;margin:0px;padding:0px;display:block;position:absolute;right:0%;bottom:0%;border:solid 2px #666666;}
.nav{width:20px;height:20px;margin:0px;padding:0px;text-align:center;line-height:20px;font-size:11px;font-family:Arial, Helvetica, sans-serif;display:block;float:left;color:#000000;text-decoration:none;background-color:#999999;}
.nav2{width:20px;height:20px;margin:0px;padding:0px;text-align:center;line-height:20px;font-size:11px;font-family:Arial, Helvetica, sans-serif;display:block;float:left;color:#FFFFFF;text-decoration:none;background-color:#666666;}
.nav:hover{background-color:#CCCCCC;}
.nav2:hover{background-color:#999999;}

/* POST Initial Image */
.newsInitImg{
	float:left;
	display:inline;
	margin:0px 10px 10px 0px;
	}

/* POST */
.post p{
	font-size:11px!important;
	}
	
/* POST META */
postmetadata{
	font-size:10px!important;
	}

/* POST SHADOWBOX GALLERY */
/*.post .gallery{
	display:table;
	float:none;
	width:394px!important;
	padding:5px 0px 5px 6px;
	border: 1px solid #999;
	clear:both;
	margin:15px 10px;
	background-color:#000;
	}*/
	
.post .gallery{
	display:block;
	float:left;
	width:390px;
	padding:5px 0px 5px 5px;
	border: 1px solid #999;
	clear:both;
	margin:0px 10px 10px 10px;
	background-color:#000;
	}
	
.post .gallery p{
	margin:2px 0px;
	color:#FFF;
	}
.post .gallery a{
	display:inline;
	float:left;
	/*padding:2px 5px 2px 0px;*/
	padding:5px 5px 0px 0px;
	}

#postMetaWrapper{
	width:100%;
	display:inline;
	float:left;
	}
#postMetaWrapper hr{
	height:1px;
	background-color:#fff;
	border-top-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #e4e4e4;
	
	}