
/*-----------------------------------------------------------------------
Control Panel
------------------------------------------------------------------------*/

.float-left
{
	float:left;	
}

.float-right
{
	float:right;	
}

.clear
{
	clear:both;	
}

/*-----------------------------------------------------------------------
Fonts
------------------------------------------------------------------------*/

a
{
	color:#1698cb;
	text-decoration:underline;	
}

a:hover
{
	text-decoration:none;	
}


/*-----------------------------------------------------------------------
Containers
------------------------------------------------------------------------*/

body
{
	padding:0 0 40px 0;
	background-color: #E7F4FF;
	/* background-image: url(../images/background-grid.jpg); */
	background-repeat: no-repeat;
	background-position: center top;
}

.wrapper
{
	margin:0 auto;
	width:940px;
}	

#frame-header
{
	/* background:url(../images/background-header.gif) repeat-x; */
	/* border-bottom:1px solid #eff2f2; */
	/* height:59px; */
	/*height:90px;scoosh */
	height:140px;
	
	
	margin:0 0 27px;
}

#frame-splash
{
	background:url(../images/windor-double-glazing-repairs-edinburgh.jpg) no-repeat;
	height:272px;
	padding:74px 340px 0 40px;
	width:560px;
}

#frame-content
{
	background:#f7f7f7;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #c9c9c9;
	border-right:1px solid #c9c9c9;
	border-top:1px solid #ebebeb;
	padding:33px 40px 5px;
	width:858px;	
}

#frame-screenshots
{
	background:#efeff0;
	border-left:1px solid #c9c9c9;
	border-right:1px solid #c9c9c9;
	border-top:1px solid #dcdcdc;
	height:157px;
	position:relative;
	width:938px;
}

#frame-message
{
	background:url(../images/background-message.gif) repeat-x;
	height:90px;
	margin:0 auto;
	padding:20px 0 0;
	position:relative;
	width:960px;
}

#frame-contact
{
	background:url(../images/background-contact.gif) repeat-y left top #f7f7f7;
	border-bottom:1px solid #fefefe;
	border-left:1px solid #c9c9c9;
	border-right:1px solid #c9c9c9;
	padding:30px 40px 30px;
	width:858px;
}

#frame-footer
{
	background:#e6e9ec;
	border-bottom:1px solid #cfcfcf;
	border-left:1px solid #c9c9c9;
	border-right:1px solid #c9c9c9;
	border-top:1px solid #cfcfcf;
	height:38px;
	padding:11px 40px;
	width:858px;
}

#frame-copyright
{
	background:#efefef url(../images/background-copyright.gif) repeat-x;
	border-bottom:1px solid #c9c9c9;
	border-left:1px solid #c9c9c9;
	border-right:1px solid #c9c9c9;
	height:47px;
	margin:0 auto;
	width:938px;
}

/*-----------------------------------------------------------------------
Global
------------------------------------------------------------------------*/

/*--Header--------------------------------------------------------------*/

#logo-main
{
	padding:16px 0 0;
}

#phone
{
	color:#202121;
	/*font-size:23px;
	/* line-height:56px; */	
	/*line-height:30px; */
	padding-top:1px;
	padding-left:30px;
	
	
}

/*--Splash--------------------------------------------------------------*/

#frame-splash h1
{
	color:#ffffff;
	font-size:31px;
	font-style:italic;
	line-height:37px;
	margin:0 0 11px;
}

#frame-splash h2
{
	color:#a4e7ff;
	font-size:21px;
	font-weight:normal;
	line-height:28px;
}

.button-enquire
{
	margin:25px 0 0;	
}

.button-enquire a
{
	background: url(../images/button-enquire.gif) no-repeat 0 0;
	display:block;
	height:49px;
	text-indent:-9999px;	
	width:162px;
}

.button-enquire a:hover
{
	background-position:0 -49px;	
}

/*--Content--------------------------------------------------------------*/

#frame-content .left-column
{
	float:left;
	width:620px;
}

#frame-content .left-column h3
{
	color:#555555;
	font-size:18px;
	margin:0 0 10px;
}

#frame-content .left-column p
{
	border-bottom:1px solid #e4e4e4;
	color:#818181;
	font-size:14px;
	line-height:20px;
	padding:0 0 26px;	
}

#frame-content .right-column
{
	float:right;
	width:200px;
}

#features
{
	border-top:1px solid #ffffff;
	padding:23px 0 0;
	width:620px;	
}

#features li
{
	float:left;
	margin:0 20px 0 0;
	padding:0 0 27px 69px;
	width:231px;
}

#features li.none
{
	margin:0;	
}

#features .icon-envelope{background:url(../images/tick.png) no-repeat 6px 6px;}
#features .icon-glass{background:url(../images/tick.png) no-repeat 5px 6px;}
#features .icon-bubble{background:url(../images/tick.png) no-repeat 2px 5px;}
#features .icon-cd{background:url(../images/tick.png) no-repeat 2px 6px;}

#features dl
{
	font-size:12px;
	line-height:20px;
}

#features dt
{
		font-weight:bold;
	font-size:14px;
	color:#9C4141;
}

#features dd
{
	color:#818181;	
}

/*--Testimonial--------------------------------------------------------*/

#testimonial
{
	margin:26px 0 0;
}

.logo-testimonial
{
	background:#efefef;
	border:1px solid #dddddd;
	height:58px;
	padding:5px;	
	width:60px;
}


.scooshImg
{
	background:#efefef;
	border:1px solid #dddddd;
	padding:5px;
	margin-left: 40px;	
	
}


.scooshImglarge
{
	background:#efefef;
	border:1px solid #dddddd;
	padding:5px;
		
}



#testimonial blockquote
{
	background:url(../images/quote-left.gif) no-repeat left top;
	border:none;	
	margin:20px 0 0;
}

#testimonial p
{
	background:url(../images/quote-right.gif) no-repeat right bottom;	
	color:#818181;
	font-size:14px;
	line-height:22px;
	text-indent:35px;
}

#testimonial cite
{
	color:#818181;
	display:block;
	font-size:12px;
	font-style:normal;
	line-height:20px;
	margin:10px 0 0;	
}

#testimonial cite strong,
#testimonial cite em
{
	display:block;
}

#testimonial cite strong
{
	color:#188ddc;
	display:block;
}

/*--Screenshots---------------------------------------------------------*/

#screenshots-container
{
	float:left;
	margin:11px auto 0;
}

#screenshots
{
	height:135px;
	left:50%;
	margin:0 0 0 -432px;
	overflow:hidden;
	position:absolute;
	width:865px;
}

.carousel-container
{
	width:865px;
}

.jcarousel-skin-liftoff .jcarousel-direction-rtl
{
	direction: rtl;
}

.jcarousel-skin-liftoff .jcarousel-container-horizontal
{
	width: 865px;
}

.jcarousel-skin-liftoff .jcarousel-clip-horizontal
{
	height: 135px;
	margin:0 0 0 36px;
	width:  865px;
}

.previous-arrow
{
	background:url(../images/arrows-screenshot.jpg) no-repeat;
	cursor:pointer;
	height:51px;
	left:0;
	position:absolute;
	top:51px;
	width:23px;
}

.previous-arrow:hover
{
	background-position:0 -51px;
}

#screenshots li
{
	background:url(../images/background-screenshot.jpg) no-repeat 0 0;
	float:left;
	height:131px;
	padding:9px 12px;
	width:173px;
}

.next-arrow
{
	background:url(../images/arrows-screenshot.jpg) no-repeat -23px 0;
	cursor:pointer;
	height:51px;
	position:absolute;
	right:0;
	top:51px;
	width:23px;
}

.next-arrow:hover
{
	background-position:-23px -51px; 	
}


/*--Message-----------------------------------------------------------------*/


.message-corner-left
{
	background:url(../images/background-message-corners.gif) no-repeat 0 0;
	height:9px;
	left:1px;
	position:absolute;
	top:-9px;
	width:9px;	
}

.message-corner-right
{
	background:url(../images/background-message-corners.gif) no-repeat -9px 0;
	height:9px;
	right:1px;
	position:absolute;
	top:-9px;
	width:9px;	
}

#frame-message h2
{
	color:#ffffff;
	font-size:23px;
	font-weight:normal;
	line-height:34px;
	margin:0 auto;
	text-align:center;
	width:823px;
}

/*--Contact Us----------------------------------------------------------*/

#frame-contact .left-column
{
	float:left;
	width:216px;
}

#frame-contact .left-column h3
{
	color:#555555;
	font-size:16px;
	font-weight:normal;
	padding:0 0 10px;
}

#frame-contact .left-column p
{
	color:#898989;
	font-size:12px;	
	line-height:20px;
}

#frame-contact .left-column dl
{
	color:#898989;
	font-size:12px;
	line-height:20px;
	padding:20px 0 0;
}

#frame-contact .left-column dt
{
	clear:both;
	display:block;
	float:left;
	font-weight:bold;
	width:70px;
}

#frame-contact .left-column dd
{
	display:block;
	float:left;
	margin:0 0 10px;
	width:120px;
}

#frame-contact .right-column
{
	border-left:1px solid #ffffff;
	float:left;
	padding:0 0 0 20px;
	width:621px;
}

#frame-contact .right-column .float-left
{
	width:302px;
}

#frame-contact .right-column .float-right
{
	width:302px;
}

#frame-contact .right-column label
{
	color:#898989;
	display:block;
	font-size:12px;
	padding:0 0 5px;	
}

#frame-contact .right-column input
{
	background:url(../images/background-form.jpg) no-repeat;
	border:none;
	color:#898989;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:13px;
	margin:0 0 15px;
	padding:13px;
	width:276px;
}

#frame-contact .right-column textarea
{
    background: url("../images/background-form.jpg") no-repeat scroll 0 -39px transparent;
    border: medium none;
    color: #898989;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 86px;
    margin: 0 0 15px;
    overflow: hidden;
    padding: 13px;
    resize: none;
	width: 275px;
}

#frame-contact .right-column button
{
	background:url(../images/button-send.gif) no-repeat 0 0;
	cursor:pointer;
	display:block;
	float:right;
	height:33px;
	margin:24px 0 0;	
	text-indent:-9999px;
	width:125px;	
}

#frame-contact .right-column button:hover
{
	background-position:0 -33px;
}

.contact-success
{
	color:#0C93C9;
	display:none;
	float:left;
	font-size:12px;
	margin:30px 0 0;
	width:150px;
}

.contact-error
{
	color:#e00303;
	display:none;
	float:left;
	font-size:12px;
	margin:30px 0 0;
	width:150px;
}


/*--Footer--------------------------------------------------------------*/

#frame-footer .logo-footer
{
	float:left;
	padding:10px 15px 0 0;
}

#frame-footer .site-details
{
	float:left;	
}

#frame-footer .site-details p
{
	color:#909090;
	font-size:11px;	
	line-height:18px;
}

#frame-footer .site-details p a
{
	color:#909090;
}

#frame-footer #networks
{
	margin:10px 0 0;
}

#frame-footer #networks h4
{
	color:#909090;
	float:left;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
}

#frame-footer .network-logos
{
	float:left;	
}

#frame-footer .network-logos li
{
	float:left;
	margin:0 0 0 5px;
}

/*--Copyright--------------------------------------------------------------*/

#frame-copyright p
{
	color:#8e8e8e;
	font-size:11px;
	line-height:47px;
	text-align:center;
}

