/*/ / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /


				    	    	         Jumvi Media
					                http://www.jumvi.com

									 Tel: 01506 20 54 72
									Mail: hello@jumvi.com
	
									   95 Ambrose Rise
									      Dedridge
									     Livingston
										  Scotland
										  EH54 6JU

			Jumvi Media is a small, dynamic web design studio based in central Scotland, UK. 
  We create intuitive, elegant web sites, deliver them on time and keep them running at peak performance. 
				    We have a passion and commitment for the solutions we provide.


/ / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /*/

	
	/* ----------------------------------- */
	/* RESET
	/* ----------------------------------- */
	
	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;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
    background-color:#F1F1F1; 
	color: #333;
}

#header {
	margin-top:16px;
}

	
	/* ----------------------------------- */
	/* NAVIGATION
	/* ----------------------------------- */
	

#nav {
	margin-top:50px;
	text-align: right;
	}
	
#nav ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	}
#nav ul li {
	font-size: 22px;
	margin-left: 0;
	padding-right:10px;
	border: none;
	display: inline;
	}
#nav, #nav ul {
	list-style: none;
	}	
	
#nav li a:hover {
	text-decoration: underline;
	}
	
#nav a:link, #nav a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}  
#nav a:hover, #nav a:active, #nav li.active a, #nav li.active a {
	color:#FFFFFF;
	background-color: #E6406C;
	text-decoration: underline;
	}
	
.nav_button {
	font-size: 13px;
	color: #ffffff;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-transform: uppercase;
	background-color: #FF4A79;
	text-align: center;
	text-decoration:none;
}


.coda-slider .panel-wrapper a {float:right;margin-bottom: 10px;}

	
	/* ----------------------------------- */
	/* INTRO
	/* ----------------------------------- */


#intro {
	border-top:thin solid #666;
	border-bottom:thin solid #666;
	margin-top:40px;
	margin-bottom:40px;
	}
	
	/* ----------------------------------- */
	/* SLIDER
	/* ----------------------------------- */
	
	#slide {margin-top:10px;margin-bottom: 0px;}
	
	/* ----------------------------------- */
	/* PROJECT
	/* ----------------------------------- */
	
#project_item {
	margin-top:10px;
	}

#project_item em {
	text-transform:uppercase;
	}


	/* ----------------------------------- */
	/* SERVICES
	/* ----------------------------------- */

#web_dev .grey {
	background-color:#C8C8C8; 
	padding:10px;
	}
#services li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#services li a {
	text-decoration:none;
	padding: 0px;
	list-style-type: none;
	margin-top: 6px;
}


/* ----------------------------------- */
/* CONTACT HOME
/* ----------------------------------- */

#contact-home input, textarea  {  
	padding: 9px;  
	border: solid 1px #E5E5E5;  
	outline: 0;  
	font: normal 13px/100% Verdana, Tahoma, sans-serif;  
	width: 240px;  
	background: #FFFFFF url('bg_form.png') left top repeat-x;  
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);  
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  margin-left:20px; margin-top:10px;
}  

#contact-home label {}

#contact-home textarea {  
	width: 400px;  
	max-width: 400px;  
	height: 190px;  
	line-height: 150%;  
}  
 
#contact-home input:hover, textarea:hover,  
#contact-home input:focus, textarea:focus {  
	border-color: #C9C9C9;  
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;  
}  
 
#contact-home .form label {  
	color: #999999;  
}  

#contact-home .submit input {  
	width: auto;  
	background: #617798;  
	border: 0;  
	font-size: 14px;  
	color: #FFFFFF;  
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
}  


	/* ----------------------------------- */
	/* FOOTER
	/* ----------------------------------- */

#footer {
	margin-top:40px;
	border-top:thin solid #666;
	padding-top:20px;
	margin-bottom: 30px;
}

#footer a {
	color:#FF4A79;
}

#footer a:hover {
	color:#666;
}
	
#find_us p {
	text-align:right;
}

#contact_us {
	background-image: url("../images/uk-map.png");
	background-position: right center;
	padding-bottom: 20px;
}


	/* ----------------------------------- */
	/* box
	/* ----------------------------------- */

#box {
	margin-bottom: 20px;
	padding: 10px;	
	background: #FFFFFF;  
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);  
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
	min-height:190px;
}


#box_info {
	margin-bottom: 20px;
	padding: 10px;	
	background: #FFFFFF;  
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);  
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
	
}


#box.red {
}

.button {
	font-weight: bold;
	text-transform: uppercase;
	background-color: #5c9c19;
	background-image: url("../images/button_bg.png");
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: left top;
	border:1px solid #203340;
	padding: 10px 14px 10px 14px;
	text-align: center;
	color: #ffffff;                     
	font-size: 11px;
	text-decoration:none;
}

.button:hover {
	color:#ffffff;
	text-decoration: underline;}

#get_in_touch h1,#get_in_touch p {
	margin-left:30px;
}