/*------------------------------------------------------------------------
Layout Style Sheet (Page Layout)

Version:    1.0
Authors:    Ian Williams
Email:      ian@fronky.com
Website:    http://www.fronky.com

Copyright Fronky.Inc Design Services Ltd 2010© 
------------------------------------------------------------------------*/

.tags,h1,h4,h5
{
	visibility:hidden; 
	display:none;
}

.FronkyWeb_Banner
{
	width:100%;
	height:281px;
	left:0px;
	position:absolute;
	margin-top:75px;
	background-image:url(../../images/background_banner.jpg);
	background-repeat:repeat-x;
	z-index:-999;	
}

.FronkyWeb_Website
{
	width:777px;
	background-color:white;
	margin-left:auto;
    margin-right:auto;
	z-index:800;	
	height:100%;
	min-height:100%;
}

.FronkyWeb_Website_Footer
{
	position:absolute;
	background-image:url(../../images/website_footer.jpg);
	background-repeat:no-repeat;
	background-color:#efefef;
	width:778px;
	margin-left:-389px;
    left:50%;    
    z-index:2;
    display:inline;
}

.FronkyWeb_Website_Footer_Cover
{
	position:fixed;
	background-color:#efefef;	
	width:100%;
	min-height:100%;
	display:inline;
}

.FronkyWeb_Website_Top_Left
{
	background-image:url(../../images/website_top_left.jpg);
	background-repeat:no-repeat;
	position:relative;
	width:25px;
	height:356px;
	clear:left;
	float:left;
	z-index:1;
	left:-2px;
}

.FronkyWeb_Website_Top_Right
{
	background-image:url(../../images/website_top_right.jpg);
	background-repeat:no-repeat;
	position:relative;
	width:25px;
	height:356px;
	float:right;
	z-index:1;
	left:1px;
}

.FronkyWeb_Website_Left
{
	background-image:url(../../images/website_left.jpg);
	background-repeat:repeat-y;
	position:absolute;
	width:25px;
	min-height:100%;
	max-height:100%;
	height:100%;	
	left:50%;
	margin-left:-390px;
	z-index:0;
	display:inline;
	/*top:356px;*/
}

.FronkyWeb_Website_Right
{
	background-image:url(../../images/website_right.jpg);
	background-repeat:repeat-y;
	position:absolute;
	width:25px;
	height:100%;
	min-height:100%;
	left:50%;
	margin-left:364px;
	z-index:0;
}

.FronkyWeb_Header_Content
{
	position:relative;
	width:721px;
	height:100px;
	display:inline-block;
	z-index:999;
}

.FronkyWeb_Banner_Content
{
	position:relative;
	height:232px;
	width:auto;
	min-width:722px;		
	z-index:0;
    background-image:url(../../images/banner.jpg);
	background-repeat:repeat-x;
}

.FronkyWeb_Website_Content
{
	position:relative;
	width:722px;
	margin-left:auto;
    margin-right:auto;
    background-color:White;
	z-index:999;
	min-height:30px;
	vertical-align:top;
}

.FronkyWeb_Header_Logo
{
	position:relative;
	background-image:url(../../images/header_logo.jpg);
	background-repeat:no-repeat;
	top:5px;
	margin-left:-4px;
	width:325px;
	height:95px;
	float:left;
}

.FronkyWeb_Header_Navigation
{
	position:relative;
	padding-top:10px;
	margin-left:15px;
	margin-right:15px;
	text-align:right;
}

.FronkyWeb_Footer_Badges
{
	position:relative;
	height:108px;
	top:8px;
	margin-top:8px;
	margin-left:235px;
	z-index:999;
}

.FronkyWeb_HTML_Badge
{
	height:31px;
	width:88px;
	clear:left;
	float:left;
	padding-top:5px;
	z-index:999;
}

.FronkyWeb_UKWDA_Badge
{
	float:left;
	padding-left:10px;
	padding-right:10px;
	z-index:999;
}

.FronkyWeb_CSS_Badge
{
	float:left;
	padding-top:5px;
	z-index:999;
}

.temp_banner
{
	vertical-align:middle;
	padding-top:30px;	
}

.index_text
{
	padding:50px;
	padding-top:70px;
	vertical-align:top;
	z-index:999;
}

.banner_image
{
	position:absolute;
	display:inline-block;
	top:-100px;
	left:50%;
	margin-left:-87px;
	width:451px;
	height:1px;
	z-index:1;
}

.banner_splat
{
	position:absolute;
	display:inline-block;	
	background-image:url(../../images/splat_images.jpg);
	background-repeat:no-repeat;
	left:50%;
	margin-left:-366px;
	width:349px;
	height:231px;
	z-index:999;
}

.banner_splat_2
{
	position:absolute;
	display:inline-block;	
	background-image:url(../../images/splat_images_2.jpg);
	background-repeat:no-repeat;
	left:50%;
	margin-left:-366px;
	width:349px;
	height:231px;
	z-index:999;
}

.banner_splat_3
{
	position:absolute;
	display:inline-block;	
	background-image:url(../../images/splat_images_3.jpg);
	background-repeat:no-repeat;
	left:50%;
	margin-left:-366px;
	width:349px;
	height:231px;
	z-index:999;
}

.content_splat
{
	position:absolute;
	background-image:url(../../images/content_splat.jpg);
	background-repeat:no-repeat;
	width:271px;
	height:51px;
	top:-1px;
	left:50%;
	margin-left:-366px;
	z-index:1;
}

.portfolio_container
{
	display:table;
	margin-left:20px;
	padding-left:20px;
	text-align:center;
	width:100%;
}

.portfolio_list
{
	clear:left;
	width:100%;
}

.portfolio_title
{
	padding-bottom:10px;
	margin-right:80px;
}

.portfolio_thumb
{
	float:left;
	background-image:url(../../images/portfolio-frame.jpg);
	background-repeat:no-repeat;
	width:220px;
	height:170px;
}

.portfolio_thumb_item
{
	width:179px;
	height:105px;
	margin-top:8px;
	margin-right:25px;	
}

.portfolio_thumb_text
{
	line-height:12px;
	margin-top:12px;
}

.portfolio_main_image
{
	position:absolute;
	width:311px;
	height:184px;
	top:-105px;
	left:8px;
	z-index:999;	
}

.portfolio_main_title
{
	position:absolute;
	width:360px;
	height:20px;
	top:-220px;
	left:355px;
	z-index:999;
}

.portfolio_main_subtitle
{
	position:absolute;
	width:360px;
	height:12px;
	top:-198px;
	left:355px;
	z-index:999;
}

.portfolio_main_details
{
	position:absolute;
	width:340px;
	height:165px;
	top:-170px;
	left:365px;
	z-index:999;
}

.portfolio_main_testimonial
{
	padding-bottom:20px;	
}

.portfolio_main_sitedetails
{
	margin-bottom:20px;	
}

.banner_image
{
	width:135px;
	height:80px;
}

.banner_image_1
{
	position:absolute;
	width:135px;
	height:80px;
	top:122px;
	left:43px;
	z-index:999;
}

.banner_image_2
{
	position:absolute;
	width:135px;
	height:80px;
	top:122px;
	left:216px;
	z-index:999;
}

.banner_image_3
{
	position:absolute;
	width:135px;
	height:80px;
	top:226px;
	left:43px;
	z-index:999;
}

.banner_image_4
{
	position:absolute;
	width:135px;
	height:80px;
	top:226px;
	left:216px;
	z-index:999;
}

.error_text
{
	padding-top:15px;	
}

.contactus_header
{
	clear:left;
	text-align:left;
}

.contactus_details
{
	clear:left;
	float:left;
	text-align:left;	
}

.contactus_email
{
	text-align:right;
}

.contactus_textbox
{
	padding-bottom:5px;	
}

.contactus_submit
{
	float:right;
	padding-left:20px;
}

/*.contactus_postit
{
	position:absolute;
	background-image:url(../../images/contactus_postit.jpg);
	background-repeat:no-repeat;
	width:232px;
	height:254px;
	top:-232px;
	left:50%;
	top:283px;
	margin-left:-325px;
	z-index:-1;
}*/