/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

Designed & Coded By : Richard Carpenter
URL : www.richard-carpenter.co.uk
	  www.hv-designs.co.uk

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
ol, ul, li {
	list-style: none;
}
header, nav, footer, section {
	display: block;
}
/* ----------MAIN BODY STYLES---------- */

* {
	margin: 0px; /*sets 0 margin to the whole website*/
	padding: 0px; /*sets 0 padding to the whole website*/
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif; /*website font family*/
	background-color: #000000; /*website background color*/
	color: #999a9a; /*website default text color*/
	background-image: url(../images/random-images/frettin_freddy_bg_08.png);
	background-repeat:no-repeat; /*repeats background image along the Y axis*/
	background-position: top; /*centers our background*/
	background-attachment: fixed;
}
#wrapper {
	width: 960px;
	height: 1000px;
	margin: 0 auto;
	background:url('') no-repeat;
	background-color:#000;
}
a:link {
	color: #0096FF;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	color: #0096FF;
}
p {
	font-size: 0.7em; /*sets default paragraph text size*/
	line-height: 18px; /*sets default paragraph line height*/
	text-align: justify; /*justifys our paragraphs*/
	color: #CCC;
}
h1 {
	color: #FFFFFF; /*color of our H1 tag*/
	/*text-transform: uppercase;*/ /*sets all H1 tags to uppcase*/
	font-size: 2em; /*sets H1 font size*/
	font-weight: normal; /*sets H1 font weight to normal*/
}
h2 {
	color: #FFFFFF; /*color of our H2 tag*/
	/*text-transform: uppercase;*/ /*sets all H2 tags to uppcase*/
	font-size: 1em; /*sets H2 font size*/
	font-weight: normal; /*sets H2 font weight to normal*/
}
h3 {
	color: #CCC; /*color of our H3 tag*/
	/*text-transform: uppercase;*/ /*sets all H3 tags to uppcase*/
	font-size: 0.9em; /*sets H3 font size*/
	font-weight: normal; /*sets H3 font weight to normal*/
}
h4 {
	color: #727372; /*color of our H4 tag*/
	/*text-transform: uppercase;*/ /*sets all H4 tags to uppcase*/
	font-size: 0.8em; /*sets H4 font size*/
	font-weight: normal; /*sets H4 font weight to normal*/
}
h5 {
	color: #CCC; /*color of our H4 tag*/
	/*text-transform: uppercase;*/ /*sets all H4 tags to uppcase*/
	font-size: 0.7em; /*sets H4 font size*/
	font-weight: normal; /*sets H4 font weight to normal*/
}
img {
	border:none; /*removes borders from images*/
}
.float-left {
	float:left; /*class for float left*/
}
.float-right {
	float:right; /*class for float right*/
}
/**/
nav {
	float: right;
	width: 700px;
	height: 45px;
	margin: 10px -125px 10px 0;/*	background: url('images/navbar.png')no-repeat;
*/}
nav li {
	display: block;
	float: left;
	margin-top: -5px;
	font-size: 14px;
	text-transform: capitalize;
}
nav li a {
	text-decoration: none;
	margin-left: 15px;
	padding-right: 15px;
	color: #CCC;
	font-weight: bold;
}
nav li a:hover {
	color: #FFF;
	font-weight: bold;
}
.current {
	color: #000;
}
#latest_line {
	margin: 25px 0 0 25px;
}
section-main {
	float: left;
	width: 950px;
}
section {
	float: left;
	width: 500px;
}
#tag_line {
	float: left;
	margin: 60px 0 0 20px;
}
blockquote {
	float: left;
	margin: 15px 0 0 25px;
	width: 250px;
	padding: 45px 45px 35px 90px;
	background:url('../images/quotes.png') no-repeat 20px 20px rgba(178,178,169,0.2);
	min-height:90px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}
blockquote, h1 {
	font-family: Century Gothic, "Courier New", Courier, monospace;
	font-size: 18px;
	font-weight: none;
	color: #999;
}
.client {
	font-size: 13px;
	float: right;
	margin-top: 50px;
	color: #693;
}
aside {
	/*	background: url('images/sidebar_design.png') no-repeat;
*/	float: right;
	height: 495px;
	width: 353px;
	margin: 30px 30px 120px 0;
}
#footer_logo {
	float: right;
	margin: 100px 50px;
	font-size: 9px;
}
#HTML5_Logo {
	background: url('../images/HTML5_Logo.png') no-repeat;
	height: 64px;
	width: 64px;
	float: left;
	margin: 100px 50px;
}
/**/
/* ----------MAIN CONTAINER STYLES---------- */

#container {
	width: 900px; /*width of our container*/
	margin-top: 0px; /*sets top margin to 0*/
	margin-right: auto; /*sets right margin to auto which centers our website*/
	margin-left: auto; /*sets left margin to auto which centers our website*/
}
/* ----------HEADER STYLES---------- */

#header {
	/*	background-image: url(images/hd_bg.png); 
*/	background-repeat: no-repeat; /*sets our background to no repeat*/
	float: left; /*floats our header left*/
	width: 900px; /*gives our header a width of 900px*/
}
#top-elements {
	float: left; /*floats top elements left*/
	width: 900px; /*sets our top elements width to 900px*/
	padding-top: 20px; /*gives our top elements a padding of 20px*/
}
/* ----------LOGO STYLES---------- */

#logo {
	background:url(../images/Frettin_Freddy_logo.png) no-repeat;
	/*float: left;*/ /*floats our logo left*/
	height: 130px; /*gives our logo a height of 37px same as our logo image*/
	width: 850px; /*sets our logo div's height to 270px same as our logo image*/
	margin: 0px 0px 0px 20px;
}
/* ----------NAVIGATION STYLES---------- */

#nav-bar {
	/*float: left; *//*floats our navigation right*/
	width:700px;
	height: 29px; /*gives our navigation a height of 29px*/
	padding-top: 8px; /*gives our navigation top padding*/
	margin-bottom: 10px; /*gives our navigation a bottom margin*/
}
.navlinks ul {
	margin: 0px; /*gives our unordered list 0 margin*/
	padding: 0px; /*gives our unordered list 0 padding*/
}
.navlinks li {
	display: inline; /*displays our navigation links inline*/
	list-style-type: none; /*removes bullets points from our navigation*/
	padding-left: 10px; /*gives our navigation list items left padding*/
}
.navlinks li a {
	text-decoration: none; /*removes bottom line from nav links*/
	font-size: 12px; /*sets navigation font size*/
	/*color: #FFFFFF;*/ /*sets navigation link color*/
	padding-bottom: 2px; /*gives our navigation links bottom padding*/
}
.navlinks li a:hover {
	border-bottom-width: medium; /*gives links a medium thickness bottom border*/
	border-bottom-style: solid; /*makes the bottom border line solid*//*border-bottom-color: #0096ff;*/ /*sets the color of the border*/
}
.navlinks li.current a {
	border-bottom-width: medium; /*gives links a medium thickness bottom border*/
	border-bottom-style: solid; /*makes the bottom border line solid*//*border-bottom-color: #0096ff; *//*sets the color of the border*/
}
/* ----------FEATURED CONTENT STYLES---------- */

#featured {
	float: left; /*floats our featured area right*/
	width: 800px; /*gives our featured area a width of 900px*/
	margin-bottom: 20px; /*gives our featured area a bottom margin*/
}
.featured-text {
	float: left; /*floats our featured text left*/
	width: 580px; /*sets our featured text box width*/
	margin-top: 10px; /*gives our featured text box a top margin*/
	padding:10px;
}
#featured-text p {
	font-size: 0.7em; /*sets our featured text paragraph font size*/
	line-height: 24px; /*sets our featured text line height*/
	text-align: justify; /*justifys our paragraphs*/
	padding-top: 10px; /*adds top padding to our featured text paragraph*/
}
#featured-image01, #featured-image02, #featured-image03 {
	float: right; /*floats our featured images rights*/
	width: 580px; /*gives our featured images a fixed width same as our images*/
	background-repeat: no-repeat; /*stops images from repeating*/
	background-position: right; /*sets background position right*/
	height: 214px; /*gives our featured image a fixed height same as our images*/
}
#featured-image01 {
	background-image: url(../images/featured_image.png); /*our featured image #1*/
}
#featured-image02 {
	background-image: url(../images/featured_image2.png); /*our featured image #2*/
}
#featured-image03 {
	background-image: url(../images/featured_image3.png); /*our featured image #3*/
}
.hidden {
	display: none; /*hides our 2nd and 3rd featured images*/
}
h1.featured {
	color: #FFFFFF; /*sets featured H1 color*/
	text-transform: uppercase; /*transforms featured H1 tag to uppercase*/
	font-size: 18px; /*sets font size of featured H1 tag*/
	/*background-image: url(images/bullet_icon.png);*/ /*addeds our bullet image to our featured H1 tag*/
	background-repeat: no-repeat; /*stops bullet from repeating*/
	padding-left: 30px; /*adds padding to the left of our featured H1 tag*/
	line-height: 24px; /*sets featured H1 tag's line height*/
}
#featured-image {
	float: right; /*floats our featured image right*/
	width: 449px; /*sets our featured image width same dimensions as our featured image*/
	background-image: url(../images/featured_image.png); /*adds a featured image as a background*/
	background-repeat: no-repeat; /*stops featured image repeatsing*/
	background-position: right; /*sets our featured image backgroud position*/
	height: 214px; /*adds a fixed height same dimensions as our featured image*/
}
.featured-btn {
	height: 34px; /*adds a fixed height*/
	width: 34px; /*adds a fixed width*/
	cursor: pointer; /*sets cursor to point cursor*/
}
.featured-buttons {
	height: 144px; /*sets fixed height*/
	width: 34px; /*sets fixed width*/
	margin-left: 75px; /*adds left margin*/
	padding-top: 70px; /*adds top padding*/
}
/* ----------CONTENT LEFT STYLES---------- */

#content-left {
	float: left; /*floats left*/
	width: 600px; /*adds a fixed width*/
	padding-bottom: 40px; /*adds bottom padding*/
}
.box {
	float: left; /*floats left*/
	width: 498px; /*adds a fixed width*/
	/*border: 1px solid #121212;*/ /*adds a 1 px colored border*/
	margin-bottom: 15px; /*adds a bottom margin*/
	width: 560px; /*adds a fixed width*/
}
.box-inside {
	/*background-color: #0c0c0c;*/ /*adds a background color*/
	/*border: 1px solid #030303;*/ /*adds a 1px colored border*/
	float: left; /*floats left*/
	width: 560px; /*adds a fix width */
	padding: 10px; /*adds padding all the way around*/
}
.box-inside p {
	padding-top: 12px; /*adds top padding*/
}
.boxtitle1 {
	color: #FFFFFF; /*text color*/
	/*text-transform: uppercase;*/ /*transforms text to uppercase*/
	font-size: 1em; /*sets font size*/
	font-weight: normal; /*sets font weight*/
	/*background-image: url(images/post_icon.png);*/ /*adds our right icon to our header*/
	background-repeat: no-repeat; /*stops icon repeating*/
	background-position: right; /*positions background right*/
}
.boxtitle2 {
	color: #aaaaaa; /*sets font color*/
	/*text-transform: uppercase;*/ /*transforms text to uppercase*/
	font-size: 12px; /*sets font size*/
	background-image: url(../images/divider.png); /*adds our divider image*/
	background-repeat: repeat-x; /*repeats our divider image horizontally*/
	background-position: bottom; /*positions divider at the bottom*/
	padding-bottom: 10px; /*adds bottom padding*/
}
/* ----------CONTENT RIGHT (sidebar) STYLES---------- */

#content-right {
	font-size: 24px;	/*float: right;*//* floats right*/	/*width: 290px;*/ /*sets a fixed width*/	/*margin-left: 10px;*/ /*adds a left margin*/	/*padding-bottom: 40px;*/ /*adds bottom padding*/
}
.sidebar {
	float: left; /*floats left*/
	width: 287px; /*adds a fixed width*/
	/*	border: 1px solid #121212; /*adds a 1 px colored border*/
	margin-bottom: 15px; /*adds a bottom margin*/
}
.sidebar-inside {
	/*background-color: #0c0c0c;*/ /*sets background color*/
	/*border: 1px solid #030303;*/ /*adds a 1px colored border*/
	float: left; /*floats left*/
	width: 266px; /*sets a fixed width*/
	padding: 12px; /*adds padding all the way around*/
}
.sidebar-inside p {
	padding-top: 12px; /*adds top padding*/
}
.sidebar-title1 {
	/*background-image: url(images/sidebar_bullet.png);*/ /*adds our sidebar bullet icon*/
	background-repeat: no-repeat; /*stops background from repeating*/
	background-position: right; /*positions background right*/
}
.sidebar-title2 {
	color: #aaaaaa; /*sets text color*/
	text-transform: uppercase; /*transforms text to uppercase*/
	font-size: 16px; /*sets font size*/
	background-image: url(../images/divider.png); /*repeats divider imaage horizontally*/
	background-position: bottom; /*positions background bottom*/
	padding-bottom: 10px; /*adds bottom padding*/
}
/* ----------FOOTER STYLES---------- */

#footer {
	/*background-image: url(images/footer_bg.png);*/ /*adds our footer background image*/
	background-repeat: repeat-x; /*repeats background horizontally*/
	height: 140px; /*adds a fixed height*/
	clear: both; /*clears both floats*/
	margin-top: 40px; /*adds a top margin*/
}
#footer-content {
	/*background-image: url(images/footer_contentbg.png);*/ /*adds our footer background image*/
	background-repeat: no-repeat; /*stops background repeating*/
	margin: auto; /*centers our footer*/
	height: 90px; /*adds a fixed height*/
	width: 900px; /*adds a fixed width*/
	clear: both; /*clear's both floats*/
	padding-top: 50px; /*adds top padding*/
}
#footer-content p {
	text-align: center; /*aligns text center*/
}
/* ----------ABOUT'S PAGE STYLES---------- */

.about {
	float: left;
	/*	border: 1px solid #121212;
*/	margin-bottom: 15px;
	float: left;
	width: 900px;
}
.about-inside {
	/*background-color: #0c0c0c;*/
/*	border: 1px solid #030303;
*/	color: #FFFFFF;
float: left;
	width: 900px;
	padding: 10px 50px 0 10px;
}
.about-inside p {
	padding-top: 10px;
}
.service-list li {
	padding-left: 10px;
	font-size: 0.7em;
	color: #FFFFFF;
	margin-left: 40px;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.service-img {
	padding: 5px;
	/*background-color: #000000;*/
/*	border: 1px solid #383838;
*/	margin-left: 6px;
	margin-top: 10px;
	margin-bottom: 5px;
}
/* ----------PRICE'S PAGE STYLES---------- */

.imgfloat-left {
	float:left;
	padding: 5px;
	/*background-color: #000000;
	border: 1px solid #383838;*/
	margin-right: 6px;
	margin-bottom: 6px;
	margin-top: 6px;
	margin-left: 6px;
}
.imgfloat-right {
	float:right;
	padding: 5px;
	/*background-color: #000000;
	border: 1px solid #383838;*/
	margin-left: 6px;
	margin-bottom: 6px;
	margin-top: 6px;
	margin-right: 6px;
}
/* ----------GALLERY'S PAGE STYLES---------- */

.services {
	float: center;
	/*border: 1px solid #121212;*/
	margin-bottom: 15px;
	float: center;
	width: 898px;
}
.services-inside {
	/*background-color: #0c0c0c;
	border: 1px solid #030303;*/
	float: center;
	width: 876px;
	padding: 10px;
}
.services-inside p {
	padding-top: 10px;
}
.service-list li {
	padding-left: 10px;
	font-size: 0.7em;
	/*	color: #FFFFFF;
*/	margin-left: 40px;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.service-img {
	padding: 5px;
	/*background-color: #000000;
	border: 1px solid #383838;*/
	margin-left: 6px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.imgfloat-left {
	float:left;
	padding: 5px;
	/*background-color: #000000;
	border: 1px solid #383838;*/
	margin-right: 6px;
	margin-bottom: 6px;
	margin-top: 6px;
	margin-left: 6px;
}
.imgfloat-right {
	float:center;
	padding: 5px;
	/*background-color: #000000;
	border: 1px solid #383838;*/
	margin-left: 6px;
	margin-bottom: 6px;
	margin-top: 6px;
	margin-right: 6px;
}
/* ----------TESTIMONIAL'S PAGE STYLES---------- */

.testimonial {
	float: left;
	width: 498px;
	/*	border: 1px solid #121212;
*/	margin-bottom: 15px;
	float: left;
	width: 898px;
	margin-right: 25px;/*	background-color: #0c0c0c;
*/}
.testimonial-inside {
/*		background-color: #0c0c0c;
*/	/*border: 1px solid #030303;*/
	float: left;
	width: 876px;
	padding: 10px;
}
.testimonial-inside p {
	padding-top: 10px;
}
.rating {
	float: left;
	height: 18px;
	width: 876px;
	margin-top: 10px;
}
.rating img {
	float: right;
}
/* ----------CONTACT PAGE STYLES---------- */

.textfield {
	background-color: #000000;
/*	border: 1px solid #383838;
*/	padding: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #CCCCCC;
	font-style: italic;
}
.textbox {
	background-color: #000000;
/*	border: 1px solid #383838;
*/	padding: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
	color: #CCCCCC;
}
.form-button {
	background-color: #000000;
/*	border: 1px solid #383838;
*/	padding: 4px;
	color: #CCCCCC;
	margin-right: 5px;
	font-size: 0.8em;
}
#contact {
	margin-top: 10px;
	width: 300px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* ----------PRODUCT'S PAGE STYLES---------- */

/*.imgfloat-left {
	float:left;
	padding: 5px;
	background-color: #000000;
	border: 1px solid #383838;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-top: 6px;
	margin-left: 6px;
}

.imgfloat-right {
	float:right;
	padding: 5px;
	background-color: #000000;
	border: 1px solid #383838;
	margin-left: 6px;
	margin-bottom: 6px;
	margin-top: 6px;
	margin-right: 6px;
}*/

/* ----------SERVICE'S PAGE STYLES---------- */

/*.services {
	float: left;
	border: 1px solid #121212;
	margin-bottom: 15px;
	float: left;
	width: 898px;
}

.services-inside {
	background-color: #0c0c0c;
	border: 1px solid #030303;
	float: left;
	width: 876px;
	padding: 10px;
}

.services-inside p {
	padding-top: 10px;
}

.service-list li{
	padding-left: 10px;
	font-size: 0.7em;
	color: #FFFFFF;
	margin-left: 40px;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.service-img {
	padding: 5px;
	background-color: #000000;
	border: 1px solid #383838;
	margin-left: 6px;
	margin-top: 10px;
	margin-bottom: 5px;
}*/