@import url(http://fonts.googleapis.com/css?family=Montserrat+Alternates:400,700);

html {
    -webkit-text-size-adjust: 100%;
    padding:0px;
    background-color:#ffffff;
}

body
{
 	font-family: Corbel,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana,"Verdana Ref",sans-serif; 	
}

a
{
	color:#335b5b;
}

#toolbar , #footer
{
	background-color:#ffffff;	
	color:#444444;
	text-align:center;	
	padding:.25em 0;
	position:static;
	width:100%;	
	z-index:100;
	border-bottom:solid 2px #dddddd;
}

#footer
{
	border-bottom:none;		
}

#hsd
{
	display:none;
}

#toolbar p
{
	margin-top:0px;
	line-height:1.75em;
}

#toolbar a , #toolbar a:visited
{
	color:#444444;
}

#social
{
	white-space: nowrap;
}

#social a
{
	width:24px;
	height:24px;
	background-image:url(http://cache3.headstartdesign.co.uk/webB/headstart/images/social24.png);
	display:inline-block;
	margin:3px 3px 0px 3px;
}

#googlePlus
{
	background-position:right center;
}

#linkedIn
{
	background-position:center center;
}

#viewType
{
	float:left;
	display:none;
}

#viewTypeFull
{
	display:none;
	padding:0px 1em;
}

#viewTypeMobile
{
	padding:0px 1em;
}

.slideSelector li
{
	background-color:#498182;
}

.containerMax
{
	max-width:1050px;
	margin:0px auto;
}

.section
{
	padding:0em 1em 0em 1em;
	margin-top:4em;
}

.topSection
{
	margin-top:1em;
}

.section h2 , .blog h2
{
	line-height:1.33em;

}

.section h2
{
	padding-bottom:.2em;
}

#header
{
	padding-bottom:1em;
	position:relative;
}

#logo
{
	float:left;
	width:20%;
	min-width:120px;
	position:relative;
	min-height:80px;
	max-width:190px;
}

#logo img
{
	width:100%;
	position:absolute;
	bottom:0px;
	
}

#topMenu
{
	float:left;
	margin-top:2.2em;
	width:80%;
	text-align:center;	
}

#topMenu li , #topMenu2 li 
{
	display:inline;
	list-style-type:none;
	font-size:1em;
	margin:0px;
	position:relative;
}

#topMenu #homeMenu
{
	margin-left:0;
}

#topMenu #contactUsMenu
{
	margin-right:0;
}

#topMenu a , #footer a
{
	white-space: nowrap;
	font-family: 'Montserrat Alternates', arial, verdana, sans-serif;
	letter-spacing:1px;
	margin: 0em 4%;
	line-height:1.5em;
	font-size:1em;
	color:#353535;
}

#topMenu a:visited , #footer a
{
	color:#353535;
}

#topMenu p , #footer p
{
	font-size:1em;
}

#topMenu a:hover  , #footer a:hover
{
	text-decoration:none;
}


#servicesMenu
{	
	text-align:left;
	position:absolute;
	z-index:80;
	background-color:#eeeeee;
	padding:1em;
	top:1em;
	left:0;
	width:8em;
	box-shadow:1px 1px 5px #999999;
}	

#servicesMenu a span
{
	font-family: Corbel,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana,"Verdana Ref",sans-serif;
	font-size:.8em;	
}

#navMenu
{
	width:7em;
	display:none;
	float:right;
}


#topMenu2
{
	display:none;
	text-align:left;
}

#cart
{
	position:absolute;
	right:0px;
	top:5px;
	text-align:right;
}

#cart
{
	font-weight:bold;
}

#cartTotal
{
	font-weight:normal;
}


.one12
{
	width:8.333333333%;
	float:left;
}

.two12s
{
	width:16.666666666%;
	float:left;
}

.three12s
{
	width:25%;
	float:left;
}

.four12s
{
	width:33.333333333%;
	float:left;
}

.five12s
{
	width:41.666666667%;
	float:left;	
}

.six12s
{
	width:50%;
	float:left;
}

.seven12s
{
	width:58.333333333%;
	float:left;
}

.eight12s
{
	width:66.666666667%;
	float:left;
}

.nine12s
{
	width:75%;
	float:left;
}

.ten12s
{
	width:83.333333333%;
	float:left;
}

.eleven12s
{
	width:91.666666667%;
	float:left;
}

.column
{
	padding:0em 1em;
}

.alpha
{
	padding-left:0em;
}

.omega
{
	padding-right:0em;
}

.bannerText p
{
	font-size:1em;
	line-height:1.6em;
}

.bannerText strong
{
	font-size:1.5em;
	color:#498182;	
}

body
{
	background-color:#ffffff;
	padding:0;
	margin:0;
}

#confirmEmail
{
	display:none;
}

#thePage
{
	padding:1em 0 3em 0;
	position:relative;
	width:100%;
	max-width:1050px;
	background-color:#ffffff;
	border-radius:16px;
}

.br
{
	display:block;
}

em
{
	font-style: normal;	
	padding-left:20px;
	display:block;
	background:transparent url(http://cache3.headstartdesign.co.uk/webB/headstart/images/bullet.png) top left no-repeat;
}

h1, h2 , h3 , h4
{
	font-family: 'Montserrat Alternates', arial, verdana, sans-serif;
	font-weight:normal;
	color:#353535;
	line-height:1em;
}

th h4
{
	margin:0em 0em .5em 0em;
}

#estimate
{
	max-width:20em;
}

#estimate table
{
	width:100%;
}
#estimate img
{
	cursor:pointer;
}

#estimate .price 
{
	font-weight:bold;
	text-align:right;
}

#estimate .remove
{
	padding:0px;
	width:15px;
}

#estimate .remove input
{
	padding:0px;
}

#estimate .name
{
	text-align:left;
	padding:0px;
}

img
{
		font-size:.7em;
}

h1
{
	margin-top:1em;
	padding:1em;
	color:#353535;
}

h1 span
{
	font-size:2em;
}

h2
{
	font-size:1.8em;
	font-weight:normal;
	margin:0em 0px .5em 0px;
	
}

h3
{
	font-size: 1.2em;
	font-weight:normal;
	margin:1.5em 0px 0px 0px;
}

h4
{
	margin:1em 0 .5em 0;
	font-size:1.2em;
}

p , li , cite
{
	font-size:.875em;
	line-height:1.408em;
	margin-top:.5em;
}

tr p , #estimate p
{
	margin-top:.71em;
	margin-bottom:.71em;
}

blockquote
{
	//background-image:url(http://cache3.headstartdesign.co.uk/webB/headstart/images/quotes1.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding:5px 20px 0px 20px; 
	font-style:italic;
}

blockquote p
{
	margin-top:0px;
}

cite
{
	//background-image:url(http://cache3.headstartdesign.co.uk/webB/headstart/images/quotes3.png);
	background-position:top right;
	background-repeat:no-repeat;
	padding-top:20px;
	margin-top:0px;
	display:block;
	text-align:right;
	font-weight:bold;
}

.popup blockquote , .popup cite
{
	//background-image:url(http://cache3.headstartdesign.co.uk/webB/headstart/images/quotes3.png);
}

li 
{
	margin-top:0em;
	padding-left:0px;
	margin-left:20px;
	list-style-type: square;
}


td , th
{
	padding:0px 5px 0px 5px;
}


input , textarea
{
	padding:1px 5px;
	font-family:arial, verdana, sans-serif;
}

#products input
{
	cursor:pointer;
	padding:0px;
}



.border
{
	
	border-top:solid 2px #dddddd;
	border-left:solid 2px #dddddd;
	border-right:solid 2px #aaaaaa;
	border-bottom:solid 2px #aaaaaa;
}


.myButton:hover
{
	text-decoration:none;
	background-color:#eeeeee;
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	background-image: linear-gradient(top, #ffffff, #eeeeee);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #eeeeee));
	color: #498182;	
}

.myButton:active
{
	background-image: -moz-linear-gradient(top, #dbdbdb, #ffffff);
	background-image: -ms-linear-gradient(top, #dbdbdb, #ffffff);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #dbdbdb),color-stop(1, #ffffff));
	background-image: -webkit-linear-gradient(top, #dbdbdb, #ffffff);
	background-image: linear-gradient(top, #dbdbdb, #ffffff);
	text-shadow: 0px -1px 0 rgba(255, 255, 255, 0.5);
	color: #498182;	
}


.myButton
{
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	padding: .25em 1em;
	text-decoration: none;
	text-shadow: #fff 0 1px 0;
	margin-right: 1em;
	line-height: 1.33em;
	font-size: 1em;
	font-weight: bold;	
	font-family:Montserrat Alternates,Verdana,Geneva,sans-serif;
	cursor:pointer;
}

.offButton
{
	cursor:default;
	opacity:.5;
}
.myButton , .offButton:hover
{
	background-image: -moz-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: -ms-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: -webkit-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: linear-gradient(top, #ffffff, #dbdbdb);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #dbdbdb));
	background-color:#dbdbdb;
	border: 1px solid #fff;
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);	
	color: #353535;	
}

.closeButton , .qIcon
{
	padding:.25em .5em;
	margin:0 0 .5em .5em;
}

.qIcon
{
	font-size:.8em;
	margin-left:.5em;
}

.guideBar
{
	margin-top:1em;
	padding:0em;
	border-bottom:solid 1px #aaaaaa;
	border-top:solid 1px #aaaaaa;
}

.noTopMargin
{
	margin-top:0px!important;
}

.guideBar p
{
	margin:0px;
}

.guideBar .myButton , #packages .myButton , #quoteButton
{
	line-height: 1.33em;
	font-size: 1em;	
	margin-top:.5em;
	margin-bottom:.5em;
}

.ar
{
	text-align:right;
}

.al
{
	text-align:left;
}

.ac
{
	text-align:center;
}

.hide
{
	display:none!important;
}

#guideHelp
{
	float:left;
	padding: .25em 1em .25em 0;
	margin-top:.5em;
	margin-bottom:.5em;	
	font-size:.8em;
}

@media screen and (max-width: 28.125em) /* 450px*/
{
	.responsive #guideClose
	{
		clear:both;
	}
}

.popup
{
	padding:0px;
	background-color:#eaf6f6;
}

.innerPopup
{
	padding:1em;
} 

.popup h2
{
	font-size:1.2em;
}


.errors
{
	padding:.5em 1em;
	zoom: 100%; 
	border:solid 1px #dd0000;
}

.closePortfolio
{
	background-color:#dddddd;
	text-align:right;
	border-top:solid 1px #666666;
	border-bottom:solid 1px #666666;
	line-height:2.5em;
	font-size:1.5em;
	color:#000000;
	cursor:pointer;
	padding:0px 10px;
	margin-top:0px;
}

.infoBox
{
	background-color: #ffffff;
	border:solid 1px #dddddd;
	border-radius:3px;
	box-shadow:1px 1px 1px #aaaaaa;
	color:#666666;
	
}

.hsdBrick
{
	cursor:pointer;
	border:solid 1px #dddddd;
	box-shadow: 0px 1px 1px #999999;
}

.hsdBrick:hover
{
	border:solid 1px #498182;
	box-shadow: 0px 1px 1px #498182;	
}

.hsdBrickImage img
{
	width:100%;
	max-width:300px;
	
}

.hsdBrickText
{
	padding: 10px;
}

.hsdBrickText h4
{
	margin-top:0px;
}

#portfolioDetails .slide img
{
	width:auto;
	max-width:100%;
	
	
}

#footer
{
	text-align:center;
	border-top:solid 2px #dddddd;
}

.textPage
{
	width:60%;
	margin:0 auto;
	background-color:rgba(255,255,255,.4);
	padding:2em;
	border:solid 2px #dddddd;
	box-shadow:0px 0px 5px #dddddd;
	min-height:350px;
}

@media screen and (min-width: 65.625em)/* 960px*/
{
	#bg
	{
		padding:3em 0 .5em 0;	
	}
	
	#viewType
	{
		display:block;
	}

	.responsive #viewType
	{
		display:none;
	}

	#toolbar
	{
		position:fixed;
		top:0px;
	}
	
}


@media screen and (max-width: 59.9375em) /* 959px */
{
	#viewType
	{
		display:block;
	}
	
	.responsive #viewType
	{
		display:none;
	}	
	
	.responsive #promote , .responsive #benefits
	{
		width:100%;
		height:auto;
	}
	
	.responsive #benefits .inner
	{
		margin-top:0px;
	}	
	
	.responsive #promote
	{
		height:auto;
	}
	
}

@media screen and (max-width: 50em) /* 800px */
{
	.responsive #topMenu
	{
		clear:both;
		margin-top:1em;
		width:100%;
	}	
	
	.responsive #logo
	{
		min-height:50px;
		width:15%;	
	}
}

@media screen and (max-width: 43.75em) /*700px*/
{
	.responsive #viewType
	{
		display:block;
	}	
	
	body.responsive
	{
		padding-top:0px;
	}
	
	.responsive p
	{
		font-size:1em;
	}
	
	.responsive h3
	{
		font-size: 1.5em;
	}	
	
	.responsive .textPage
	{
		width:auto;	
	}	
}

@media screen and (max-width: 37.5em) /*600px*/
{
	.responsive #topMenu a
	{
		margin-right:2%;
		margin-left:2%;
	}
}

@media screen and (max-width: 31.25em) /*500px*/
{
	.responsive #navMenu
	{
		display:block;
	}
	
	.responsive #navMenu span
	{
		display:block;
		padding:0px 0px 0px 1em;		
	}	
	
	.responsive #navMenu:hover
	{
		text-decoration:none;
	}
	
	.responsive #topMenu
	{
		display:none;
	}
	
	.responsive #topMenu2
	{
		display:none;
		width:100%;
		background-color:#555555;
	}
	
	.responsive #topMenu2 ul
	{
		float:left;
		width:50%;
		
		overflow:hidden;
	}
	
	.responsive #topMenu2 li
	{
		display:block;
		padding:0px 1em;
		margin-top:.5em;
	}
	
	.responsive #topMenu2 a , .responsive #topMenu2
	{
		color:#ffffff;	
	}
	
	.responsive #subMenu
	{
		opacity:.5;
	}
	
	.responsive #topMenu2 ul
	{
		background-color:#555555;
	}
	
	.responsive #mobileNav
	{
		display:block;
		float:right;
		padding:3px 1em 0px 0px!important;
	}
	
	.responsive #mobileNav span
	{
		padding:0px!important;
		display:block;
		height:2px;
		width:18px;
		background-color:#444444;	
		margin-top:4px;
 	
	}		
	
}

@media screen and (max-width: 23.125em) /*370px*/
{
	.responsive #quoteButton
	{
		display:block;
	}
}