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

	jgm web design [MASTER]
	
	* Created by: James Mills [www.jgmwebdesign.co.uk]
	* Document created: 21st Feb 2008
	* Copyright (c) 2008 James Mills.
	
	Parts of this site utilises the Blueprint CSS Framework 0.7.1
	http://blueprintcss.googlecode.com
	
	* Copyright (c) 2007-2008. See LICENSE for more info.
	* See README for instructions on how to use Blueprint.
	* For credits and origins, see AUTHORS.
	
	All CSS files are compressed. See the sources in the 'styles/src/' directory.

*************************************************************************************************/
*{font-family:Arial, Verdana, Helvetica, sans-serif;margin:0;padding:0;}
body{font-size:62.5%;}
ul#accessLinks{position:absolute;left:-1000px;z-index:100;}
ul#accessLinks a:focus,ul#accessLinks a:active{position:absolute;left:1000px;width:200px;font-weight:700;z-index:100;color:#000;background:#ff9;border:1px solid #000;top:0;text-decoration:none;padding:1em;}
div#wrapper{width:860px;margin-left:auto;margin-right:auto;}
div#branding{float:left;background:url(../assets/jgmwd_logo.png) no-repeat;width:333px;height:45px;margin-top:28px;margin-left:13px;}
div#branding h1{text-indent:-9000px;margin:0;}
div#branding h1 a{display:block;height:45px;width:333px;}
div#nav{float:right;margin-bottom:15px;}
div#nav ul li{display:inline;float:left;}
div#nav ul li a{display:block;height:74px;width:89px;padding-top:38px;text-indent:-9000px;margin:0;}
div#nav ul li:hover,div#nav ul li:focus,div#nav ul li.active{background:#000 url(../assets/nav_bg_bottom.png) no-repeat bottom;color:#fff;}
div#nav ul li a.home{background:url(../assets/nav/home_b.png) no-repeat center 38px;}
div#nav ul li a.home:hover,div#nav ul li a.home:focus,div#nav ul li a.home.active{background:url(../assets/nav/home_w.png) no-repeat center 38px;}
div#nav ul li a.work{background:url(../assets/nav/work_b.png) no-repeat center 38px;}
div#nav ul li a.work:hover,div#nav ul li a.work:focus,div#nav ul li a.work.active{background:url(../assets/nav/work_w.png) no-repeat center 38px;}
div#nav ul li a.contact{background:url(../assets/nav/contact_b.png) no-repeat center 38px;}
div#nav ul li a.contact:hover,div#nav ul li a.contact:focus,div#nav ul li a.contact.active{background:url(../assets/nav/contact_w.png) no-repeat center 38px;}
div#nav ul li a.about{background:url(../assets/nav/about_b.png) no-repeat center 38px;}
div#nav ul li a.about:hover,div#nav ul li a.about:focus,div#nav ul li a.about.active{background:url(../assets/nav/about_w.png) no-repeat center 38px;}
div#banner{height:192px;width:860px;clear:both;margin-bottom:25px;}
div#banner.home{background:url(../assets/banners/home_02.png) no-repeat center;}
div#news,div#aboutTopNav,div#aboutBottomNav{float:left;width:250px;}
div#news h2,div#aboutTopNav h2,div#aboutBottomNav h2{display:block;height:20px;border-top:1px dashed #000;border-bottom:1px dashed #000;text-indent:-9000px;margin:0 0 15px;}
div#news p {color:#0099FF;font-size:1.1em;line-height:1.8em;}
div#news p a {font-weight:bold;color:#0099FF;text-decoration:none;}
div#news h2{background:url(../assets/titles/welcome.png) no-repeat 5px 5px;}
div#aboutBottomNav h2{background:url(../assets/titles/services_at_glance.png) no-repeat 5px 5px;}
div#news ul,div#aboutTopNav ul,div#aboutBottomNav ul{margin-left:3px;margin-bottom:20px;}
div#news ul li,div#aboutTopNav ul li,div#aboutBottomNav ul li{display:block;background:#fff url(../assets/bul_1.png) no-repeat 0 1px;margin-bottom:8px;}
div#aboutTopNav ul li:hover,div#aboutBottomNav ul li:hover,div#news ul li.active,div#aboutTopNav ul li.active,div#aboutBottomNav ul li.active{background:#fff url(../assets/bul_1_over.png) no-repeat 0 1px;}
div#news ul li span,div#aboutTopNav ul li a,div#aboutBottomNav ul li a{font-size:1.1em;color:#666;margin-left:20px;text-decoration:none;}
div#intro,div#aboutTopText,div#aboutBottomText{width:590px;float:right;}
div#intro h2,div#aboutTopText h2,div#aboutBottomText h2{display:block;height:20px;border-top:1px dashed #000;border-bottom:1px dashed #000;text-indent:-9000px;margin:0 0 15px;}
div#intro p,div#aboutTopText p,div#aboutBottomText p{font-size:1.1em;color:#666;margin-left:3px;line-height:1.8em;margin-bottom:15px;}
div#intro p{font-size:1.1em;}
div#intro h2.welcomeback{background:url(../assets/titles/welcomeback.png) no-repeat 5px 5px;}
div#aboutTopText h2.aFriendlyIntro{background:url(../assets/titles/a_friendly_intro.png) no-repeat 5px 5px;}
div#aboutTopText h2.whatWeDo{background:url(../assets/titles/whatwedo.png) no-repeat 5px 5px;}
div#aboutTopText h2.approach{background:url(../assets/titles/dynamicapproach.png) no-repeat 5px 5px;}
div#aboutTopText h2.deliver{background:url(../assets/titles/deliver.png) no-repeat 5px 5px;}
div#aboutBottomText h2.webdesign{background:url(../assets/titles/webdesign.png) no-repeat 5px 5px;}
div#aboutBottomText h2.accessibility{background:url(../assets/titles/accessibility.png) no-repeat 5px 5px;}
div#aboutBottomText h2.webdev{background:url(../assets/titles/webdev.png) no-repeat 5px 5px;}
div#aboutBottomText h2.seo{background:url(../assets/titles/seo.png) no-repeat 5px 5px;}
div#aboutBottomText h2.consultancy{background:url(../assets/titles/webconsultancy.png) no-repeat 5px 5px;}
div#aboutBottomText ul{border-top:1px dashed #666;margin-bottom:20px;}
div#aboutBottomText li:hover a{background:#09f url(../assets/bul_2_over.png) no-repeat 3px 5px;color:#fff;}
div#portfolio h2{display:block;height:20px;border-top:1px dashed #000;border-bottom:1px dashed #000;text-indent:-9000px;background:url(../assets/titles/work.png) no-repeat 5px 5px;margin:0 0 15px;}
div#portfolio div.portItem{clear:both;height:72px;color:#666;padding:5px;}
div#portfolio div.portItem img{float:left;border:1px solid #ccc;padding:3px;}
div#portfolio div.portItem p{float:left;width:400px;margin-left:20px;font-size:1.1em;padding-top:12px;}
div#portfolio div.portItem div.portLinks{float:right;width:205px;padding-top:12px;}
div#portfolio div.portItem div.portLinks ul{border-top:1px dashed #666;}
div#portfolio div.portItem:hover div.portLinks ul{border-top:1px dashed #fff;}
div#portfolio div.portItem:hover div.portLinks li{border-bottom:1px dashed #fff;}
div#portfolio div.portItem:hover div.portLinks li a{background:url(../assets/bul_2_over.png) no-repeat 3px 5px;color:#fff;}
div.portMoreInfo{margin-top:10px;margin-bottom:15px;}
div.portMoreInfo p{padding-left:20px;padding-right:20px;font-size:1.1em;color:#666;margin-bottom:5px;}
div#contact h2{display:block;height:20px;border-top:1px dashed #000;border-bottom:1px dashed #000;text-indent:-9000px;background:url(../assets/titles/about.png) no-repeat 5px 5px;margin:0 0 15px;}
form#contactForm{float:left;width:450px;}
div#contactMessage{float:right;width:300px;padding-top:20px;}
div#contactMessage p{font-size:1.2em;color:#666;line-height:1.8em;margin-bottom:1em;}
div#contactMessage ul{line-height:1.5em;margin-top:3em;margin-bottom:1em;color:#666;margin-left:30px;font-size:12px;}
div#contactMessage ul li{list-style:circle;}
div#contactMessage ul li a{color:#666;text-decoration:none;}
div#contactMessage ul li a:hover{text-decoration:underline;}
div#contactMessage ul li.mobile{padding-left:30px;background:url(../assets/icons/mobile.png) no-repeat;list-style:none;margin-bottom:10px;}
div#contactMessage ul li.linkedin{padding-left:30px;background:url(../assets/icons/linkedin.gif) no-repeat;list-style:none;margin-bottom:10px;}
div#contactMessage ul li.skype{padding-left:30px;background:url(../assets/icons/skype.png) no-repeat;list-style:none;margin-bottom:10px;}
label{font-weight:700;}
fieldset{border:1px solid #fff;margin:0 0 1.5em;padding:1.4em;}
legend{color:#fff;}
input.text,input.title,textarea,select{border:1px solid #bbb;margin:0.5em 0;}
input.text:focus,input.title:focus,textarea:focus,select:focus{border:1px solid #666;}
input.text,input.title{width:300px;padding:5px;}
input.title{font-size:1.5em;}
textarea{width:390px;height:250px;padding:5px;}
.error,.notice,.success{width:450px;margin-bottom:1em;border:2px solid #ddd;padding:.8em;}
.error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice{background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success{background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a{color:#8a1f11;}
.notice a{color:#514721;}
.success a{color:#264409;}
div#footer{margin-top:15px;border-top:1px dashed #000;padding-top:15px;text-align:center;font-size:1.1em;color:#666;clear:both;}
div#footer ul li{list-style:none;display:inline;padding-right:5px;}
div#footer ul li a:hover{background-color:#09f;color:#fff;text-decoration:none;}
div#footerLogos{height:80px;background:url(../assets/footer_memberships_2.png) no-repeat center;margin-top:15px;margin-bottom:70px;}
.clearFix,div#portfolio,div#contact{clear:both;}
div#aboutTopNav h2,div#intro h2.aboutus{background:url(../assets/titles/about.png) no-repeat 5px 5px;}
div#aboutTopNav ul li a:hover,div#aboutBottomNav ul li a:hover,div#news ul li a.active,div#aboutTopNav ul li a.active,div#aboutBottomNav ul li a.active,div#portfolio div.portItem:hover{background-color:#09f;color:#fff;}
div#news ul li a:focus,div#aboutTopNav ul li a:focus,div#aboutBottomNav ul li a:focus,div#portfolio div.portItem div.portLinks li a:focus{background-color:#ff9;color:#000;}
div#intro a,div#footer ul li a{color:#666;text-decoration:underline;}
div#aboutBottomText li,div#portfolio div.portItem div.portLinks li{border-bottom:1px dashed #666;list-style:none;}
div#aboutBottomText li a,div#portfolio div.portItem div.portLinks li a{background:url(../assets/bul_2.png) no-repeat 3px 5px;display:block;height:18px;font-size:1.1em;color:#666;padding-left:20px;padding-top:4px;text-decoration:none;}
div#portfolio div.portItem:hover img,div#footer ul li.last{border:1px solid #fff;}