@charset "UTF-8";
/* CSS Document */
/* ------- ------- reset stuff ------ ------ ------ */
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, 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,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, p {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none 0;
	font-size: 100%;
	font: inherit;
	font-family:Arial, Helvetica, sans-serif;	
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}






/* ------- ------- main stuff ------ ------ ------ */

body {
	
	line-height: 1;
	background-color:#cccccc;
	background-image:url(/images/page/bground.jpg);
	background-repeat:repeat-x;

}


#container-outer {
	margin: 0 auto;
    width: 974px;
	position: relative;
	clear:both;
}



/* ------- ------- nav/top stuff ------ ------ ------ */

#mintlogo
{
	float:left;
	height:110px;
	width:152px;
	background-image:url(/images/page/mintmedia-logo.png);
	background-repeat:no-repeat;
	
}



#nav-container
{
	float:right;
	width:550px;
	height:110px;
	background-image:url(/images/page/navbground.png);
	background-position:top right;
	background-repeat:no-repeat;
	position:relative;
}




#container-header
{
	clear:both;
	height:113px;
	margin:0px;
	padding:0px;
}


#topbox, #midbox {
  width:100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#topbox {
  background-color:#FFF1C7;
  border: solid #96460F 1px;
  margin-bottom:2em;
}




.header
{
	
	height:44px;
	background-color:#5C5C5C;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	margin-bottom:12px;
	margin-top:0px;
	width:99%;
	
}

.header p
{
	
	color:#ffffff; 
	font-size: 15px;
    font-weight: bold;
    left: 14px;
	top:13px;
    text-transform: uppercase;
	position: absolute;
	
	
}






/* ------- ------- nav links stuff ------ ------ ------ */
.nav a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#8a8b8b;
}
.nav a:link { color:#8a8b8b;  }
.nav a:visited { color:#8a8b8b;  }
.nav a:hover { color:#4d4c4c; }



.selectednav a:link { color:#ffffff;  }
.selectednav a:visited { color:#ffffff;  }
.selectednav a:hover { color:#ffffff; }


.nav li
{
	float:left;
	padding: 9px 12px 5px 12px;
}



#nav-home {}
#nav-about {}
#nav-news {}
#nav-wedo {}
#nav-portfolio {}
#nav-contact {}



.selectednav
{
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px; 
	-ms-border-radius: 0px 0px 7px 7px; 
	-o-border-radius: 0px 0px 7px 7px;

	

	
	background: rgb(71,203,46); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(71,203,46) 0%, rgb(57,172,34) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(71,203,46)), color-stop(100%,rgb(57,172,34))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(71,203,46) 0%,rgb(57,172,34) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(71,203,46) 0%,rgb(57,172,34) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(71,203,46) 0%,rgb(57,172,34) 100%); /* IE10+ */
	background: linear-gradient(top,  rgb(71,203,46) 0%,rgb(57,172,34) 100%); /* W3C */
	
	
	color: #000000;
    cursor: pointer;
    float: left;
    margin-right: 5px;
    padding: 5px;
}






/* ------- ------- nav links stuff ------ ------ ------ */



#midbox {
  border: solid #96460F 1px;
  background-color:#FFF6D5;
}
#midbox p {
  margin:0;
  padding-bottom:1ex;
}




/* ------- ------- Mainarea stuff ------ ------ ------ */


.container-mainarea {
	height:445px;
	clear:both;
	position:relative;
	color:#535353;

}

.container-mainarea p {

	font-size:14px;
}

.container-mainarea h1
{
	font-size:47px;
	font-family: 'Cabin', Verdana, Geneva, sans-serif;
	color:#f6f6f6;
	z-index:25;
}

.container-mainarea h2
{
	font-size:25px;
	font-family: 'Cabin', Verdana, Geneva, sans-serif;
	color:#5C5C5C;
	font-weight:100;
	line-height:28px;
	clear:both;
}






/* ------- ------- Homepage Mainarea stuff ------ ------ ------ */


.container-homehero {
	height:445px;
	clear:both;
	position:relative;
	text-shadow: 1px 1px 5px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1);
	filter: Shadow(Color=#000000, Direction=135, Strength=5);
}


.textshadow {

}


.container-homehero p {

	font-size:18px;
	line-height:26px;
}


.container-homehero h1
{
	font-size:36px;
	font-weight:700;
	line-height:45px;
	margin-bottom:3px;
	
}



.container-homehero a
{
	color:#ffffff; 
	text-decoration:none;
}

.container-homehero a:link, a:hover, a:visited, a:active
{
	color:#ffffff; 
	text-decoration:none;

}



#homeherocontrols {
	height:30px;
	clear:both;
	position:relative;
}





#container-homemore {
	clear:both;
	margin:0px;
	padding:0px;
	display:block;
}



/* ------- ------- bottom page stuff ------ ------ ------ */


.container-whatwedo {
	float:left;
	width:68%;
}

.container-whatwedo h2 {
	background: url("/images/page/horiz_line1.gif") repeat-x scroll 0 0 transparent;
	background-position:bottom;
	width:100%;
	padding:5px;
	margin-bottom:8px;
	color:#0099cc;
	font-family: 'Cabin', serif;
	font-size:27px;
	line-height:27px;
}


	
.container-whatwedo ul {
	width:100%;
	margin:0px;
}

.container-whatwedo li {
	float:left;
	width:48%;
	margin-left:0px;
	margin-right:7px;
	margin-top:8px;	
	margin-bottom:5px;
	height: 60px;
}






.container-whatwedo h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:500;
	letter-spacing:-0.03em;
	text-decoration:none;
	text-transform:uppercase;
	color:#0099CC;
	margin-left:60px;
}
.container-whatwedo a:link { color:#0083b9;  }
.container-whatwedo a:visited { color:#0083b9;  }
.container-whatwedo a:hover { color:#0673a0; }

.container-whatwedo a
{
	text-decoration:none
}

.container-whatwedo p { 
	color:#5C5C5C;
	font-size:14px;
	line-height:18px;
	text-decoration:none;
	margin-top:3px;
	margin-left:60px;
}












.container-findoutmore {
	float:right;
	width:252px;
	padding:0px 12px;
	background-color:#e4e4e4;
	border-left:2px solid #b7b6b6;
	border-right:2px solid #b7b6b6;
	background-image:url(/images/page/findoutmore_bg.jpg);
	background-repeat:repeat-x;
}

.container-findoutmore h2 {
	background: url("/images/page/horiz_line2.gif") repeat-x scroll 0 0 transparent;
	background-position:bottom;
	width:96%;
	padding:5px;
	margin-bottom:8px;
	font-family: 'Cabin', serif;
	font-size:27px;
	color:#2fa119;
		line-height:27px;

	
}

.findoutmore-header {
	 float:right; 
	 width:280px;
	 background-image:url(/images/page/hm_findoutmore_tp.png);
	 background-repeat:no-repeat;
	 background-position:bottom right;
	 height:12px;
	 margin-top:18px;
	
}

.container-findoutmore ul {
	margin:0px;
	margin-bottom:8px;
	padding:0px;
	list-style-position:inside;
}
.container-findoutmore li {
	padding-top:8px;
	padding-bottom:10px;	
	padding-left:2px;
	background-image:url(/images/page/findoutmore_divider.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	list-style-image:url(/images/page/arrow-green1.gif);
	margin:0px;
}

.container-findoutmore a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	text-decoration:none;
	color:#5c5c5c;
}
.container-findoutmore a:link { color:#5c5c5c;  }
.container-findoutmore a:visited { color:#5c5c5c;  }
.container-findoutmore a:hover { color:#2fa119; }







.service-dev { 
	background-image:url(/images/services/dev_off.png);
	background-repeat:no-repeat;
	display:block;
}
.service-mobile {
	background-image:url(/images/services/mobile_off.png);
	background-repeat:no-repeat;
	display:block;
	}
.service-webdesign {
	background-image:url(/images/services/website_off.png);
	background-repeat:no-repeat;
	display:block;
	}
.service-shop {
	background-image:url(/images/services/shop_off.png);
	background-repeat:no-repeat;
	display:block;
	}


.service-dev a:hover { 
	background-image:url(/images/services/dev_on.png);
	background-repeat:no-repeat;
	display:block;
}
.service-mobile a:hover {
	background-image:url(/images/services/mobile_on.png);
	background-repeat:no-repeat;
	display:block;
	}
.service-webdesign a:hover {
	background-image:url(/images/services/website_on.png);
	background-repeat:no-repeat;
	display:block;
	}
.service-shop a:hover {
	background-image:url(/images/services/shop_on.png);
	background-repeat:no-repeat;
	display:block;
	}






/* ------- ------- news page only stuff ------ ------ ------ */


.news_next  { 

	list-style:none;
	line-height:36px; 
	text-decoration:none; 
	text-transform:uppercase; 
	font-size:11px;
	padding-right:30px;
	float:right;
}

.news_next p  {
	
	margin-top:16px;
	font-weight:100;
	font-size:13px;
	letter-spacing:0.04em;
}
.news_next li ul  {
	
	margin:0px;
	padding:0px;
}
.news_next a { 
	background-image:url(/images/page/next_off.png);
	background-repeat:no-repeat;
	background-position:center right;
	display:block;
	border:0px solid #C30;
	width:100px; 
	float:right; 
	text-align:right; 
	padding-right:40px; 
	padding-bottom:15px;
	padding-top:0px;
	list-style:none;
	color:#5C5C5C;
	
}

.news_next a:hover { 
	background-image:url(/images/page/next_on.png);
	background-repeat:no-repeat;
	background-position:center right;	
	display:block;
	border:0px solid #C30;
	width:100px; 
	float:right; 
	text-align:right; 
	padding-right:40px; 
	padding-bottom:15px; 
	padding-top:0px;	
	list-style:none;
	color:#0099CC; 

}

.news_previous  { 

	list-style:none;
	line-height:36px; 
	text-decoration:none; 
	text-transform:uppercase; 
	font-size:11px;
	float:left;
}

.news_previous p  {
	
	margin-top:16px;
	font-weight:100;
	font-size:13px;	
	letter-spacing:0.04em;		
}
.news_previous li ul  {
	
	margin:0px;
	padding:0px;
}

.news_previous a { 
	background-image:url(/images/page/previous_off.png);
	background-repeat:no-repeat;
	background-position:center left;	
	display:block;
	border:0px solid #C30;
	width:100px;	
	float:left; 
	padding-left:40px; 
	padding-bottom:15px;
	padding-top:0px;
	list-style:none;
	color:#5C5C5C; 

}

.news_previous a:hover { 
	background-image:url(/images/page/previous_on.png);
	background-repeat:no-repeat;
	background-position:center left;
	border:0px solid #C30;
	width:100px;	
	display:block;
	float:left; 
	padding-left:40px; 
	padding-bottom:15px;
	padding-top:0px;
	list-style:none;	
	color:#0099CC; 

}






/* ------- ------- findout more page stuff ------ ------ ------ */



.findus ul {
	width:100%;
	margin:0px;

}

.findus li {
	float:left;
	width:44%;
	margin-left:0px;
	padding-left:0px;
	margin-right:7px;
	margin-top:4px;	
	margin-left:4px;
	height: 36px;
	background-image:none;
}

.findus a:link { color:#5C5C5C;  }
.findus a:visited { color:#5C5C5C;  }
.findus a:hover { color:#505050; }

.findus a
{
	text-decoration:none;
	height:34px;
	padding-left:40px;
	padding-top:0px;
	font-size:12px;
	line-height:15px;
}

.findus p { 
	color:#5C5C5C;
	font-size:14px;
	line-height:18px;
	text-decoration:none;
}



.find-planner { 
	background-image:url(/images/page/car.png);
	background-repeat:no-repeat;
	display:block;
}

.find-planner a:hover { 
	background-image:url(/images/page/car_on.png);
	background-repeat:no-repeat;
	display:block;

	}


.find-tfl { 
	background-image:url(/images/page/tfl.png);
	background-repeat:no-repeat;
	display:block;
}

.find-tfl a:hover { 
	background-image:url(/images/page/tfl_on.png);
	background-repeat:no-repeat;
	display:block;

}





/* ------- ------- contact us page stuff ------ ------ ------ */


.skypecontainer ul {
	width:100%;
	margin:0px;

}

.skypecontainer li {
	float:left;
	width:94%;
	margin-left:0px;
	padding-left:0px;
	margin-right:7px;
	margin-top:4px;	
	margin-left:0px;
	height: 36px;
	background-image:none;
}

.skypecontainer a:link { color:#5C5C5C;  }
.skypecontainer a:visited { color:#5C5C5C;  }
.skypecontainer a:hover { color:#505050; }

.skypecontainer a
{
	text-decoration:none;
	height:34px;
	padding-left:40px;
	padding-top:6px;
}

.skypecontainer p { 
	color:#5C5C5C;
	font-size:14px;
	line-height:18px;
	text-decoration:none;
}




.skypecontact { 
	background-image:url(/images/page/skype.png);
	background-repeat:no-repeat;
	display:block;
}

.skypecontact a:hover { 
	background-image:url(/images/page/skype_on.png);
	background-repeat:no-repeat;
	display:block;

}





/* ------- ------- footer stuff ------ ------ ------ */




#container-footer
{
	background-image:url(/images/page/footerbg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	text-align:right;
	height:250px;
	clear:both;
	width:100%;
}




#footerarea {
	margin: 0 auto;
    width: 974px;
	position: relative;
	font-size:12px;
	line-height:16px;
	color:#8a8b8b;
	padding:12px 0px;
}






.footerbox1 {
	width:309px;
	float:left;
	text-align:left;
	margin-left:5px;	
}


.footerbox2 {
	width:320px;
	float:left;
	text-align:left;
	margin-left:15px;		
}


.footerbox3 {
	width:139px;
	float:right;
	text-align:left;
}


.footerbox4 {
	width:122px;
	float:right;
	text-align:right;
	margin-right:6px;
}




/* ------- ------- forms  ------ ------ ------ */




.form {
	font-size:12px;
	color:#5C5C5C;
	line-height:23px;
}

.fieldHolder
{
	width: 272px;
	height: 28px;
	background: url(/images/page/textfield.png) no-repeat;
	margin-bottom: 4px;
	margin-top: 2px;
}

.textInput
{
	width: 262px;
	height: 22px;
	background: none;
	color: #5C5C5C;
	border-style: hidden;
	margin-top: 2px;
	font-size: 13px;
	text-align: left;
	border-width: 0px;
	margin-left: 4px;
}

.fieldHolder2
{
	width: 272px;
	height: 63px;
	background: url(/images/page/textfield2.png) no-repeat;
	margin-bottom: 4px;
	margin-top: 2px;
}

.textInput2
{
	width: 262px;
	height: 60px;
	background: none;
	color: #5C5C5C;
	border-style: hidden;
	margin-top: 2px;
	font-size: 13px;
	text-align: left;
	border-width: 0px;
	margin-left: 4px;
}

#signup {
	background: url(/images/page/signup.png) no-repeat;
	width: 103px;
	height: 31px;
	float:right;
	clear:both;
	margin: 5px 3px 0px 0px;
}





/* ------- ------- portfolio page stuff  ------ ------ ------ */


.portfolio {
   margin-top: 21px;
   min-height: 500px;
   width: 985px;
}


.portfoliolist .item {
    float: left;
    font-size: 13px;
    height: 176px;
    margin: 0 16px 15px 0px;
    overflow: hidden;
    position: relative;
    width: 311px;
}
.portfoliolist .item .topmask, .portfoliolist .item .bottommask {
    background: url("/image/portfolio_mask.png") repeat-x scroll left top transparent;
}
.portfoliolist .item .topmask {
    height: 119px;
    position: absolute;
    top: -75px;
    width: 460px;
}
.portfoliolist .item .topmask p {
    bottom: 14px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    left: 20px;
    position: absolute;
    text-transform: uppercase;
}
.portfoliolist .item .bottommask {
    bottom: -137px;
    height: 137px;
    position: absolute;
}
.portfoliolist .item .bottommask p {
    color: #BDBDBD;
    line-height: 17px;
    margin: 20px 20px 0;
    padding-right: 40px;
    width: 260px;
}
.portfoliolist .item .bottommask a {
    color: #FFFFFF;
    display: block;
    margin: 20px 20px 0 20px;
    padding: 0px;
	padding-left:20px;
    text-decoration: none;
	background-image:url(/images/page/icon_externallinkoff.gif);
	background-position:left;
	background-repeat:no-repeat;
	
}
.portfoliolist .item .bottommask a:hover {
    color: #42c528;
    text-decoration: underline;
	background-image:url(/images/page/icon_externallink.gif);
	background-position:lef;
	background-repeat:no-repeat;
}

.portfoliolist .item .topmask, .portfoliolist .item .bottommask {
    background: url("/images/portfolio_mask.png") repeat-x scroll left top transparent;
}







/* ------- ------- stuff  ------ ------ ------ */




.googlemapbox
{
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px; 
	height:250px;
	background-color:#c2c2c2;
	border:3px solid #e2e0e0;
	margin-bottom:6px;
	margin-top:11px;
	width:98%;
	margin-left:0px;
	
}


.textblock
{
	 line-height:22px; 
	 font-weight:100;
}


.textblock a 
{ 
	color:#ffffff;
	text-decoration:none
}


.textblock a:hover
{ 
	color:#0099CC;
	text-decoration:none
	
}




/* ------- ------- news articles   ------ ------ ------ */

.newspanel
{
	padding-top:20px;
	height:390px;
}



.news1
{ 
background-image:url(/images/page/news-morzinelets.png);
background-position: center right;
background-repeat:no-repeat;
}


.news_explore
{ 
background-image:url(/images/page/news-exploregloucestershire-iphone-app.png);
background-position: center right;
background-repeat:no-repeat;
}

.news-mintpublisher
{ 
background-image:url(/images/page/news-mintpublisher-cms.png);
background-position: center right;
background-repeat:no-repeat;
}


.news-scootergiant
{ 
background-image:url(/images/page/news-scootergiant.png);
background-position: center right;
background-repeat:no-repeat;
}


.news-facebook-justgiving
{ 
background-image:url(/images/page/news-api.png);
background-position: center right;
background-repeat:no-repeat;
}

.news-facebook-justgiving a a:hover a:visited a:active
{ 
	color:#0099CC;
	text-decoration:none
	
}

.news-facebook-justgiving a:hover a:visited
{ 
	color:#0099CC;
	text-decoration:none
	
}


.newspanel-text a 
{ 
	color:#ffffff;
	text-decoration:none
}


.newspanel-text a:hover
{ 
	color:#0099CC;
	text-decoration:none
	
}

/* ------- ------- lists and quotes stuff  ------ ------ ------ */

.lists
{
}

.listsitem ul
{
	padding:0px 7px;
}

.listsitem li
{
	padding:0px;
	margin-right:5px;
	border-bottom:1px dotted #e9e9e9;
	margin-top:1px;
	margin-bottom:1px;
}

.listsitem
{
	font-size:12px;
	clear:both;
	cursor:pointer;
	text-decoration:none;
	line-height:15px;
	
	
}



.listsitem a
{ 
	display:block;
	color:#5C5C5C;
	
}


.listsitem a:hover
{ 
	background-color:#e2e2e2; 
	color:#0099CC;
	display:block;
}


.listsitem h3 { 
	font-size:16px;
	letter-spacing:-0.02em;
	font-weight:100;
	padding-top:12px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:0px;

}


.listsitem p { 
	padding-top:4px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:0px;

}





.quote1
{
	background-image:url(/images/page/quote1.png);
	background-position:top left;
	background-repeat:no-repeat;
	border-bottom:1px dotted #e9e9e9;
	margin-left:8px;
	margin-right:12px;
	
}

.quote2
{
	background-image:url(/images/page/quote2.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	border-bottom:1px dotted #e9e9e9;
	float:right;	
	
}