@charset "utf-8";
/* CSS Document 2010 styles - mark_a_price.co.uk */

html, body {
	background-color: #000;
	margin:0;
	background:url(../images/body_repeat.png) center top repeat-y #000;
	height:100%;
	min-height:100%;
	padding: 0;
}

body {
	font-size:62.5%;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF;
	margin: 0px auto;
}
		
h3 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 1.8em;
	color: #87b0e1;
}

h4 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 1.5em;
	color:#f4a002;
	line-height: 1em;
}

p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
	color:#FFF;
}

a:link {
	color:#f4a002;
	outline: none;
	border: 0px solid transparent;
}

a:hover {
	text-decoration:underline;
	outline: none;
}

a:active {
	color:#f4a002;
	outline: none;
	border: 0px solid transparent;
}

a:visited { 
	color:#f4a002;
	border: 0px solid transparent;
	outline: none;
}

.nodots {
	outline:none;
	border: 0px solid transparent;
}
a:focus {
	outline:none;
	border:none;
}


a.trans_link:link {
	border: 0px solid transparent;
}

a.trans_link:hover {
		border: 0px solid transparent;
}

a.trans_link:active {
		border: 0px solid transparent;
}


a.trans_link:visited {
	
	border: 0px solid transparent;
}

#headcontainer {
	height:456px;
	text-align:center;
	margin:0px;
	background:url(../images/head_bg.jpg) center top no-repeat #000;
	width: 100%;
	padding: 0;
}

#head {
	width:1000px;
	position:relative;
	top: 25px;
	background-image:url(../images/bubbles.png);
	background-repeat:no-repeat;
	background-position: bottom;
	height: 210px;
	margin:0 auto;
	text-align:center;
}
	
#page_title {
	float: left;
	height: 73px;
	width: 320px;
	position: relative;
	left: 0px;
	top: 35px;
	z-index: 1;
}

#top_right_nav {
	position:relative;
	float:right;
	top: 20px;
	width: 340px;
	left: -80px;
}



#top_right_nav div {
	height:40px;
	width:85px;
	float:left;
	line-height:40px;
}

#homelink {
	margin-left: -9999px;
}
#homelink span {
	background-image: url(../images/home_img_sprite.png);
	background-position:center bottom;
	background-repeat: no-repeat;
	height: 40px;
	width: 85px;
	position: absolute;
	left: 0px;
	cursor:pointer;
}

#homelink span:hover {
	background-image: url(../images/home_img_sprite.png);
	background-repeat: no-repeat;
	background-position:center top;
	height: 40px;
	width: 85px;
	position: absolute;
	left: 0px;
	cursor:pointer;
}

#homelink span.selected {
	background-image: url(../images/home_selected_sprite.png);
	background-position:center bottom;
	background-repeat: no-repeat;
	height: 40px;
	width: 85px;
	position: absolute;
	left: 0px;
	cursor:pointer;
}

#homelink span.selected:hover {
	background-image: url(../images/home_selected_sprite.png);
	background-repeat: no-repeat;
	background-position:center top;
	height: 40px;
	width: 85px;
	position: absolute;
	left: 0px;
	cursor:pointer;
}

#worklink {
	margin-left: -9999px;
}

#worklink span {
	background-image: url(../images/work_img_sprite.png);
	background-repeat: no-repeat;
	background-position:center bottom;
	height: 40px;
	width: 85px;
	position: absolute;
	left: 85px;
	cursor:pointer;
}

#worklink span:hover {
	background-image: url(../images/work_img_sprite.png);
	background-repeat: no-repeat;
	background-position:center top;
	height: 40px;
	width: 85px;
	position: absolute;
	left: 85px;
	cursor:pointer;
}

#worklink span.selected {
	background-image: url(../images/work_selected_sprite.png);
	background-repeat: no-repeat;
	background-position:center bottom;
	height: 40px;
	width: 85px;
	position: absolute;
	left: 85px;
	cursor:pointer;
}

#worklink span.selected:hover {
	background-image: url(../images/work_selected_sprite.png);
	background-repeat: no-repeat;
	background-position:center top;
	height: 40px;
	width: 85px;
	position: absolute;
	left: 85px;
	cursor:pointer;
}


#skillslink {
	margin-left: -9999px;
}

#skillslink span {
	background-image: url(../images/skills_img_sprite.png);
	background-repeat: no-repeat;
	background-position:center bottom;
	height: 40px;
	width: 85px;
	position: absolute;
	left: 170px;
	cursor:pointer;
}

#skillslink span:hover {
	background-image: url(../images/skills_img_sprite.png);
	background-repeat: no-repeat;
	background-position:center top;
	height: 40px;
	width: 85px;
	position: absolute;
	left: 170px;
	cursor:pointer;
}

#skillslink span.selected {
	background-image: url(../images/skills_selected_sprite.png);
	background-repeat: no-repeat;
	background-position:center bottom;
	height: 40px;
	width: 85px;
	position: absolute;
	left: 170px;
	cursor:pointer;
}

#skillslink span.selected:hover {
	background-image: url(../images/skills_selected_sprite.png);
	background-repeat: no-repeat;
	background-position:center top;
	height: 40px;
	width: 85px;
	position: absolute;
	left: 170px;
	cursor:pointer;
}

#contactlink {
	margin-left: -9999px;
}

#contactlink span {
	background-image: url(../images/contact_img_sprite.png);
	background-repeat: no-repeat;
	background-position:center bottom;
	height: 40px;
	width: 85px;
	position: absolute;
	left: 255px;
	cursor:pointer;
}

#contactlink span:hover {
	background-image: url(../images/contact_img_sprite.png);
	background-repeat: no-repeat;
	background-position:center top;
	height: 40px;
	width: 85px;
	position: absolute;
	left: 255px;
	cursor:pointer;
}


#contactlink span.selected {
	background-image: url(../images/contact_selected_sprite.png);
	background-repeat: no-repeat;
	background-position:center bottom;
	height: 40px;
	width: 85px;
	position: absolute;
	left: 255px;
	cursor:pointer;
}

#contactlink span.selected:hover {
	background-image: url(../images/contact_selected_sprite.png);
	background-repeat: no-repeat;
	background-position:center top;
	height: 40px;
	width: 85px;
	position: absolute;
	left: 255px;
	cursor:pointer;
}


#flashbg {
	position:absolute;
	width:1010px;
	height:355px;
	z-index:0;
	left: 0px;
	top: 79px;
	background-image:url(../images/topfeaturebg.png);
	background-repeat:no-repeat;
	background-position: 0% top;
	}
	
#flashhold {
	width: 978px;
	height:282px;
	position:relative;
	left: 10px;
	top: 45px;
}

#body_container {
	margin: 0 auto;
	text-align:center;
	width: 100%;
	min-height:50em;
	background-repeat:repeat-y;
	}

#page_body {
	width:1000px;
	position:relative;
	margin: 0 auto;
}

#page_body_left {
	float:left;
	width: 540px;
	text-align:left;
	margin-left: 20px;
	font-size: 1.1em;
	margin-bottom: 2em;
}

#page_body_right {
	float:right;
	width:390px;
	text-align: left;
	position: relative;
	left: 10px;
}

.divider {
	width:50px;
	position:relative;
	float:left;
	top: 3em;
	left: 1em;
	text-align: center;
}

.padded_img {
	padding-left: 15px;
	padding-bottom: 15px;
}


#footer {
	margin:0px auto;
	text-align:center;
	height:3em;
	line-height: 46px;
	background-color:#000;
	margin-top: 20px;
	left: 3px;
	z-index: 1;
	position: relative;
	top: 0px;
	width: 100%;
	}

.clr {
	clear:both;
}

#flashcontent {
	position:relative;
	top: -20px;
}

.horiz_divider {
	width:335px;
	border-bottom:1px solid #a8a8a9;
}

ul.inspiration_list {
	list-style-type:none;
	margin: 0;
	padding: 0;
	font-size:1.4em;
}
	
ul.inspiration_list li {
	background:url(../images/blu_rd_bullet.png) no-repeat 0 50%;
	padding-left: 1.5em;
}

ul.inspiration_list li:hover {
	background:url(../images/blu_rd_bullet_alt.png) no-repeat 0 50%;
	padding-left: 1.5em;
}
	

ul.inspiration_list a {
	color:#FFF;
	text-decoration:none;
	line-height: 2em;
}

ul.inspiration_list a:hover {
	text-decoration:underline;
	
}


#eye_candy {
	position:absolute;
	bottom: 1px;
	right: 5%;
	z-index: 0;
}

.bottom_links {
	position:relative;
	margin: 0px auto;
	width: 300px;
	height: 1px;
}

.bottom_links div {
	width: 80px;
	float:left;
	margin: 0px auto;
	}

#home_icon {
	text-indent: -9999px;
}


#home_icon span {
	background-image: url(../images/home_icon_sprite.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 75px;
	position: absolute;
	cursor:pointer;
	left:0px;
	bottom: 15px;
	height: 80px;
	top: -35px;
	z-index: 2;
	font-size: 1.4em;
}

#home_icon span:hover {
	background-image: url(../images/home_icon_sprite.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 75px;
	position: absolute;
	cursor:pointer;
	left:0px;
	bottom: 15px;
	height: 80px;
	top: -35px;
	font-size: 1.4em;
}

#home_icon span img {
	position:relative;
	left: 9999px;
	border: 0;
}

#work_icon {
	text-indent: -9999px;
}


#work_icon span {
	background-image: url(../images/work_icon_sprite.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 75px;
	position: absolute;
	cursor:pointer;
	left:75px;
	bottom: 15px;
	height: 80px;
	top: -35px;
	z-index: 2;
	font-size: 1.4em;
}

#work_icon span:hover {
	background-image: url(../images/work_icon_sprite.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 75px;
	position: absolute;
	cursor:pointer;
	left:75px;
	bottom: 15px;
	height: 80px;
	top: -35px;
	font-size: 1.4em;
}

#work_icon span img {
	position:relative;
	left: 9999px;
	border: 0;
}

#skills_icon {
	text-indent: -9999px;
}


#skills_icon span {
	background-image: url(../images/skills_icon_sprite.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 75px;
	position: absolute;
	cursor:pointer;
	left:150px;
	bottom: 15px;
	height: 80px;
	top: -35px;
	z-index: 2;
	font-size: 1.4em;
}

#skills_icon span:hover {
	background-image: url(../images/skills_icon_sprite.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 75px;
	position: absolute;
	cursor:pointer;
	left:150px;
	bottom: 15px;
	height: 80px;
	top: -35px;
	z-index: 2;
	font-size: 1.4em;
}

#skills_icon span img {
	position:relative;
	left: 9999px;
	border: 0;
}


	
#contact_icon {
	text-indent: -9999px;
}


#contact_icon span {
	background-image: url(../images/contact_icon_sprite.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 75px;
	position: absolute;
	cursor:pointer;
	left:225px;
	bottom: 15px;
	height: 80px;
	top: -35px;
	z-index: 2;
	font-size: 1.4em;
}

#contact_icon span:hover {
	background-image: url(../images/contact_icon_sprite.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 75px;
	position: absolute;
	cursor:pointer;
	left:225px;
	bottom: 15px;
	height: 80px;
	top: -35px;
	z-index: 2;
	font-size: 1.4em;
}

#contact_icon span img {
	position:relative;
	left: 9999px;
	border: 0;
}


.cform {
	display:block;
}

.inputcentre {
	display:block;
}



.inputcentre input[type="text"] {
	height: 25px;
	width: 22em;
	background-image:url(../images/input_grad_single.png);
	background-position:top;
	background-repeat:repeat-x;
	border: 1px solid #999;
	margin-top: 1em;
	margin-bottom:1em;
	}
	
.inputcentre textarea {
	width: 30em;
	height: 10em;
	background-image:url(../images/input_grad_multi.png);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#e8e6e6;
	border: 1px solid #999;
	margin-top: 1em;
	margin-bottom:1em;
}


.input_label {
	width: 120px;
	font-size: 1.2em;
}
	
.form_line {
	border-bottom: 1px solid #a8a8a9;
	width: 95%;
	margin-bottom: 1em;
	margin-top: 1em;
}


.submit_btn {
	background-color:#383747;
	padding: 5px 7px;
	font-size: 1.1em;
	color: #fff;
	border: 0px solid transparent;
}


.submit_btn:hover {
	background-image:url(../images/submit_bg.png);
	background-repeat:repeat-x;
	background-position:center top;
	padding: 5px 7px;
	font-size: 1.1em;
	color: #000;
	cursor:pointer;
}

#eye_candy_contact {
	position: absolute;
	bottom: -50px;
	z-index: -1;
	right: -50px;
}


ul.skills_list {
	list-style-type:none;
	margin: 0;
	padding: 0;
	font-size:1.4em;
}
	
ul.skills_list li {
	background:url(../images/blu_rd_bullet.png) no-repeat 0 50%;
	padding-left: 1.5em;
	line-height: 1.5em;
}

ul.skills_list li:hover {
	background:url(../images/blu_rd_bullet_alt.png) no-repeat 0 50%;
	padding-left: 1.5em;
	line-height: 1.5em;
}


/* styles for the jquery pop up windows */

.feature {
	border: 5px solid #383747;
}

.feature_hold {
	width: 285px;
	margin-left: 10px;
	text-align: left;
	float: left;
	position: relative;
}


.feature_hold_centre {
	width: 285px;
	text-align: left;
	float: left;
}

.feature_hold_right {
	width: 285px;
	text-align: left;
	float: left;
	margin-right: 0px;
}

.featdivider {
	width:45px;
	float:left;
	text-align: center;
	padding-bottom: 2em;
}
	

a.rmbutton {
	background-color:#383747;
	padding: 5px 7px;
	font-size: 1.4em;
	color: #fff;
	border: 0px solid transparent;
	text-decoration:none;
	top: 0.5em;
	margin-bottom: 1em;
}


a.rmbutton:hover {
	background-image:url(../images/submit_bg.png);
	background-repeat:repeat-x;
	background-position:center top;
	padding: 5px 7px;
	font-size: 1.4em;
	color: #000;
	cursor:pointer;
	text-decoration:none;
	 margin-bottom: 1em;
}


.clr_work {
	clear:both;
	margin-bottom: 30px;
}


.faktslist {
	margin-top: 2em;
}

ul.faktslist {
	list-style-type:none;
	margin: 0;
	padding: 0;
	font-size:1.4em;
	line-height:2em;
}
	
ul.faktslist li {
	background:url(../images/blu_rd_bullet.png) no-repeat 0 50%;
	padding-left: 1.5em;
}

ul.faktslist li:hover {
	background:url(../images/blu_rd_bullet_alt.png) no-repeat 0 50%;
	padding-left: 1.5em;
}
	

ul.faktslist a {
	color:#FFF;
	text-decoration:none;
	line-height: 2em;
}

ul.faktslist a:hover {
	text-decoration:underline;
	
}

.innerpanel {
	display:block;
	width: 100%;
	height: 100%;
	position: relative;
	margin-bottom: 1em;
}



.coda-nav-left { float: left; margin-left:50px; }
.coda-nav-right {float:right; margin-right:50px; position:relative;top: -12px;}

.coda-nav-left:hover { float: left; margin-left:50px; background-image:url(../images/submit_bg.png); background-repeat:repeat-x;background-position:center top; }

.coda-nav-right:hover {float:right; margin-right:50px; position:relative;top: -12px; background-image:url(../images/submit_bg.png); background-repeat:repeat-x;background-position:center top;}

#coda-nav-1 {
	width:400px;
	margin: 0px auto;
	text-align: center;
}