@charset "utf-8";

/* CSS Document */
/* Reset */
* { padding:0; margin:0; outline: none; }

	
html { height: 100%; }

h2, h3, h4, h5, h6 {
	font-family: 'Droid Sans', sans-serif, arial;
	color:#0071BC;
	margin-bottom: 10px;
}
h1 {font-family: 'Droid Sans', sans-serif, arial; color:#555; }
#header h2 {font-size: 56px; padding-top: 100px; padding-left: 540px; color: #587DC2; letter-spacing: 2px; text-align: right; }
.saving {
	font-size: 14px;
	color: #903;
	text-align: center;
	text-decoration: line-through;
}
table tr td p {
	font-size: 12px;
	margin-right: 15px;
	margin-bottom: 0px;
}
.help-heading {font-size: 36px; color: #587DC2; margin-bottom: 40px; margin-top: 75px; margin-left: 53px;
}
.help-box {background-color: #FFF; margin-left: 53px; margin-right: 53px; padding: 40px; margin-top: 20px; -webkit-border-radius: 25px;	-moz-border-radius: 25px; border-radius: 25px; box-shadow:2px 2px 5px #CCC; }
body {font-family: 'Droid Sans', sans-serif, arial;	font-size: 13px; color: #333; line-height: 20px; height: 100%; -webkit-text-size-adjust: none; background-color: #FFF; font-weight: 400; }
#content-full-width ol {font-size: 16px; font-weight: 400; margin-left: 50px; margin-top: 20px; line-height: 25px; padding-bottom: 20px; color: #333; }

:focus { -moz-outline-style: none; }
	
p { padding-bottom: 15px; }
img, a img {border: 0; }
ul li { list-style: none; }
.clear { clear: both; }

a {color: #666; text-decoration: underline;	}	
a:hover { color: #999; text-decoration: none; }
table {border-collapse:collapse; font-size: 16px; width: 100%; margin-bottom: 20px; }
.table-options {text-align:center}
table tr td {padding-top: 5px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; }
.table-alt-line-gr {background-color: #EAF4DF; }
.table-alt-line {background-color: #EBEBFF; }
table tr th {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #249B24; color: #239823; background-color: #C5E0AA; width: 105px; padding-top: 8px; padding-bottom: 8px; border-top-width: 2px; border-top-style: solid; border-top-color: #249B24; text-shadow: 1px 1px 2px #bbb; }
.wrapper {width:960px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
#header {height: 152px; overflow: visible; padding-top: 5px; padding-right: 0; padding-bottom: 0px; padding-left: 0; background-image: url(../images/hdr-bg.jpg); background-repeat: no-repeat; background-position: right bottom; }
#header h1 {float: left; height: 152px; width: 261px; background-image: url(../images/fp-logo.jpg); background-repeat: no-repeat; background-position: 0 0; margin-top: 0px; padding-top: 0px; }
#header h1 a {display: block; height: 152px; width: 261px; }
#header ul li a.active {background: url(../images/m2.png) 0 0 repeat; }
/* Navigation */
#header ul {float: right; padding-top: 90px; }
#header ul li {display: inline; margin-left: 0px; }
#header ul li a {font-family: 'Droid Sans', sans-serif; font-size: 16px; color: #333; text-decoration: none; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; }
#header ul li a:hover {background: url(../images/m.png) 0 0 repeat; }
#tag-line {height: 20px; width: auto; color: #7F7F7F; font-size: 12px; letter-spacing: 4px;}
#container {width: auto; background-color: #dbe2e8; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; margin-top: 5px; padding-bottom: 20px; overflow: auto;   /* clears floats */}
.content_third_column {height: 170px; width: 253px; float: left; background-color: #f7f7f7; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-top: 20px; margin-left: 20px; padding: 20px; box-shadow:2px 2px 5px #CCC; }
#content_1 {
	height: 265px;
	width: 253px;
	float: left;
	background-color: #f7f7f7;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-top: 20px;
	margin-left: 20px;
	padding: 20px;
	box-shadow:2px 2px 5px #CCC;
	background-image: url(../images/web-design-title.jpg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
#content_1 p, #content_2 p, #content_3 p {margin-top: 100px; font-size: 14px; }
#content_2 {
	height: 265px;
	width: 253px;
	float: left;
	background-color: #f7f7f7;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-top: 20px;
	margin-left: 20px;
	padding: 20px;
	box-shadow:2px 2px 5px #CCC;
	background-image: url(../images/seo-title.jpg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
#content_3 {
	height: 265px;
	width: 253px;
	float: right;
	background-color: #f7f7f7;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-top: 20px;
	padding: 20px;
	margin-right: 20px;
	box-shadow:2px 2px 5px #CCC;
	background-image: url(../images/hosting-title.jpg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
#content-btm {
	height: 260px;
	width: auto;
	background-color: #f7f7f7;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-right: 20px;
	box-shadow:2px 2px 5px #CCC;
	margin-left: 20px;
	margin-top: 20px;
	background-image: url(../images/rock-pool-title.jpg);
	background-repeat: no-repeat;
	background-position: 13px 13px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#content-full-width {
	height: auto;
	width: auto;
	background-color: #f7f7f7;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-right: 20px;
	box-shadow:2px 2px 5px #CCC;
	margin-left: 20px;
	margin-top: 20px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#content-btm p {
	margin-top: 80px;
	margin-left: 225px;
	font-size: 14px;
	margin-bottom: 0px;
	padding: 0px;
	margin-right: 375px;
}
#content-two-thirds {
	height: auto;
	width: 515px;
	float: left;
	background-color: #f7f7f7;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-top: 20px;
	margin-left: 20px;
	padding: 20px;
	box-shadow:2px 2px 5px #999;
}
#content-one-third {height: auto; width: 300px; float: right; background-color: #f7f7f7; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-top: 20px; padding: 20px; box-shadow:2px 2px 5px #CCC; margin-right: 20px; }
#content-two-thirds-design {height: auto; width: 580px; float: left; background-color: #f7f7f7; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-top: 20px; margin-left: 20px; 	padding: 20px; box-shadow:2px 2px 5px #CCC; }
#content-one-third-design {height: auto; width: 235px; float: right; background-color: #f7f7f7; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-top: 20px; padding: 20px; box-shadow:2px 2px 5px #CCC; margin-right: 20px; }
#seo-panel {
	-webkit-border-top-left-radius: 50px;
	-moz-border-top-left-radius: 50px;
	border-top-left-radius: 50px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-leftt-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: 12px;
	text-shadow: 1px 1px 5px #ddd;
	box-shadow:1px 1px 3px #999;
	background-color: #DBE2E8;
	height: auto;
	width: auto;
	margin-top: 10px;
}
.seo-p {
	background-color: #FEEFE2;
	margin-top: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FCC694;
}
.seo-p-last {
	background-color: #FEEFE2;
	margin-top: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FCC694;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FCC694;
}
.seo-title {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

#footer {height: auto; width: auto; background-color: #dbe2e8; -webkit-border-radius: 24px; -moz-border-radius: 24px; 	border-radius: 24px; margin-top: 20px; padding: 20px; }
.mylink{color:#dbe2e8;}
#inner_right {
	float: right;
	height: 200px;
	width: 350px;
}
#inner_left {
	float: left;
	height: auto;
	width: auto;
	overflow: hidden;
	margin-top: 100px;
}
.more-btn {
	position:relative;
	width:118px;
	height:35px;
	z-index:1;
	border: 0
}
.more-btn-btm {
	position:relative;
	width:118px;
	height:35px;
	z-index:1;
	top:223px;
	border: 0
}
.contact-btn {
	position:relative;
	width:118px;
	height:35px;
	z-index:1;
	top: -16px;
	margin: 0px;
	border: 0
}
#contact {
	height: auto;
	width: auto;
	background-color: #f7f7f7;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 20px;
	box-shadow:2px 2px 5px #CCC;
	margin: 20px;
}
/* Forms */
#contact form label {
	font-size: 13px;
	font-weight: 400;
	color: #333;
	}

#contact form input.text {
	font-family: 'Droid Sans', sans-serif, arial;
	background: #000;
	background: url(../images/hld.png) 0 0 repeat;
	border: 1px solid #ccc;
	font-size: 13px;
	color: #333;
	width: 300px;
	padding: 7px;
	outline: none;
	}
#contact form textarea {
	font-family: 'Droid Sans', sans-serif, arial;
	background: #000;
	background: url(../images/hld.png) 0 0 repeat;
	border: 1px solid #ccc;
	font-size: 13px;
	color: #000;
	width: 573px;
	height: 120px;
	padding: 7px;
	outline: none;
	overflow: auto;
	resize: vertical;
	}
#contact form input.text:focus,
#contact form textarea:focus {
	border: 1px solid #333;
	}
#contact form fieldset {
	border: 0;
	width: 280px;
	float: left;
	}
#contact form fieldset.right {
	float: right;
	width: 590px;
	}
#contact form fieldset input.text,
#contact form fieldset textarea {
	width: 250px;
	}
#contact form fieldset.right textarea {
	width: 574px;
	height: 157px;
	}
.jargon {
	background-color: #FADDCF;
	color: #8A2D38;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.over-line {
	text-shadow: 1px 1px 2px #ddd;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CB614B;
	padding-bottom: 2px;
	padding-top: 10px;
	font-size: 12px;
}
.over-line-last {
	text-shadow: 1px 1px 2px #ddd;
	padding-bottom: 2px;
	padding-top: 10px;
	font-size: 12px;
}

.error {
	font-size: 11px;
	color: #C30;
}
.success {
	font-size: 16px;
	font-weight: 400;
	margin-top: 15px;
	margin-bottom: 30px;
}
.hide {display:none} 
#web-tble-left {
	float: left;
}
#web-content-right {
	float: right;
	height: auto;
	width: 340px;
}
.logo-title {
	background-image: url(../images/logo-title-alt.png);
	background-repeat: no-repeat;
	height: 96px;
	width: 228px;
	margin-bottom: 15px;
}
.hosting-title {
	background-image: url(../images/hosting-title.jpg);
	background-repeat: no-repeat;
	height: 110px;
	width: 281px;
}
.pebble-title {
	background-image: url(../images/pebble-hosting.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 115px;
	padding-right: 5px;
	padding-left: 5px;
}
.rock-title {
	background-image: url(../images/rock-hosting.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 115px;
	padding-right: 5px;
	padding-left: 5px;
}
.boulder-title {
	background-image: url(../images/boulder-hosting.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 115px;
	padding-right: 5px;
	padding-left: 5px;
}
.yes {
	background-image: url(../images/tick-only.png);
	background-repeat: no-repeat;
	height: 13px;
	width: 17px;
	margin-right: auto;
	margin-left: auto;
}
.rock-pool-title {
	background-image: url(../images/rock-pool-title-sml.jpg);
	background-repeat: no-repeat;
	height: 56px;
	width: 250px;
	margin-top: 15px;
}
form .ppbut {
	margin: 5px 0 5px 0;
	padding: 5px 7px 5px 7px;
	font-family:Verdana, Geneva, sans-serif;
	border:#666 1px solid;
	background-color:#FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}
form .ppbut:hover {
	background-color:#EBEBFF;
}
.sml-text {
	font-size: 10px;
	line-height: 80%;
}
.tool-tip {
	font-size: 11px;
	margin-left: 8px;
	color: #999;
	position:relative;
}
.tool-tip span {
	margin-left: -999em;
	position: absolute;
}
.tool-tip:hover span {
	position:absolute;
	background-color: #7EA4D5;
	height: auto;
	width: 250px;
	z-index: 99;
	margin: 0px;
	color: #F7F7F7;
	font-size: 14px;
	border: 3px solid #eee;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	box-shadow:4px 4px 10px #bbb;
	bottom: -10px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.btn-login {
	position:relative;
	left: 568px;
	width: 130px;
}
#top {
	background-image: url(../images/line.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 25px;
	padding-right: 5px;
}
.logo {
	background-image: url(../images/mini.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: right;
	width: 110px;
	padding-top: 20px;
	font-size: 11px;
	color: #666;
}

#top a img {
	float: right;
	margin-left: 5px;
}
.help {
	margin-left: 53px;
	font-size: 16px;
	font-weight: 400;
}
blockquote h2 {margin-bottom: 20px; }
.wall {
	padding: 25px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	box-shadow:2px 2px 5px #CCC;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 20px;
	height: auto;
	background-color: #F7F7F7;
}
.wall ul li {
	border: 1px solid #DBE2E8;
	box-shadow:4px 4px 10px #bbb;
	background-image: url(../images/canvas.jpg);
	padding: 10px;
	margin-bottom: 40px;
	float: left;
}
.wall ul {
		margin-top:7px;
	margin-left: 7px;
}

.thumb-middle {
	margin-left:79px;
	margin-right:79px;
}
.thumbs {
	float:left;
	margin-right: 30px;
	margin-top: 10px;
}.thumbs-last {
	float:left;
	margin-top: 10px;
}
.img-right-space {
	margin-right: 25px;
}
.media-titles {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	#header h1 {
	background-image: url(../images/fp-logo@2x.jpg);
	background-size: 261px 152px;
}
	#header {
	background-image: url(../images/hdr-bg@2x.jpg);
	background-size: 711px 70px;
}