/* Custom stylesheet for GPMD
 * @author name <dieter@dio5.com>
 * --------------------------------------------------------------- */

body {
	font:14px Arial, sans-serif;
	line-height:1.4;
	color:#000;
}

#OuterWrap{
	padding:0 20px;
	background:#464646;
	min-width:950px;
}

#Wrap{
	background:#fff url(../images/body-top-bg.png) repeat-x left top;
	position:relative;
}

.container{
	width:950px;
	margin:0 auto;
	position:relative;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.col{
	width:300px;
	margin:0 25px 0 0;
	float:left;
}

.last,
body #Content .last,
#Projects li.last{
	margin:0;
	border:0;
}

img{
	display:block;
}

/* LINKS
 * --------------------------------------------------------------- */

a{
	color:#942121;
	text-decoration:none;
}

a:visited{
	color:#660000;
}

a:hover { 
	color:#b02929;
	text-decoration:underline;
}

/* HEADINGS
 * --------------------------------------------------------------- */

h1{
	font:bold 30px "Myriad Pro", Helvetica, Arial, sans-serif;
	margin:0 0 18px;
}

h2{
	font:bold 18px Calibri, "Trebuchet MS", Arial, sans-serif;
	margin:0 0 12px;
}

.PageHolderPage #Content h2{
	font-size:24px;
}

#Aside h2, 
#Content .items h2{
	margin:0 0 8px;
}

#Content .entry h2{
	margin:0;
}

#PageComments_holder h2,
#TrackBacks_holder h2{
	color:#999;
	margin:0 0 36px;
}

/* HEADER
 * --------------------------------------------------------------- */

#Header{
	height:156px;
	z-index:1000;
}

#Logo{
	display:block;
	position:absolute;
	top:7px;
}

#Tagline{
	font:bold 24px Calibri, "Trebuchet MS", Arial, sans-serif;
	color:#942121;
	position:absolute;
	right:12px;
	top:48px;
}

#Telephone{
	position:absolute;
	top:9px;
	right:340px;
	font:bold 19px Arial, Helvetica, sans-serif;
	color:#fdf2c1;
}

#SkipNav{
	color:#464646;
	position:absolute;
	left:220px;
	top:12px;
	text-decoration:none;
	font-size:12px;
}

a#SkipNav:hover,
a#SkipNav:focus{
	color:#fbe37a;
}

#SelectOffice{
	position:absolute;
	left:500px;
	top:12px;
	color:#e4e4da;
	font-size:12px;
}

#SelectOffice a{
	color:#e4e4da;
	font-weight:bold;
}

#SelectOffice a:hover{
	text-decoration:underline;
}

/* NAV
 * --------------------------------------------------------------- */

/* MAIN
 * -------------------------------------- */

#Main{
	position:absolute;
	bottom:1px;
	z-index:1100;
}

#Main li{
	position:relative;
	float:left;
	margin:0 1px 0 0;
}

#Main li a{
	display:block;
	float:left;
	position:relative;
	padding:0 10px;
	font:bold 18px Arial, sans-serif;
	height:33px;
	line-height:33px;
	border-bottom:1px solid #fff;
	color:#444444;
}

#Main li a:hover,
#Main li a:focus,
#Main > li:hover > a{
	background:url(../images/menu.png) repeat-x left top;
}

#Main li a.current,
#Main li a.section{
	color:#942121;
	background:url(../images/menu.png) repeat-x left bottom;
}

#Main ul{
	display:none;
	position:absolute;
	background:#fff;
	top:34px;
	left:0;
	width:244px;
	padding:6px 18px;
	border:1px solid #f9d217;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-radius-bottomright:4px;	
	-webkit-border-radius-bottomleft:4px;	
}

#Main li:hover ul,
#Main li.hover ul{
	display:block;
}

#Main ul li{
	border-bottom:1px solid #f1f1f1;
	width:244px;
}

#Main ul li.last{
	border:none;
}

#Main ul a{
	font:14px Arial, sans-serif;
	width:240px;
	color:#942121;
	height:auto;
	line-height:1.2;
	padding:4px 2px;
}

#Main ul li a:hover{
	background:#fffbe7;
}

#Main ul li a.current,
#Main ul li a.section{
	background:none;
}

a#TalkToUs{
	display:block;
	position:absolute;
	text-indent:-30000px;
	background:url(../images/contact-us.png) no-repeat left top;
	width:127px;
	height:72px;
	right:220px;
	bottom:1px;
}

a#TalkToUs:hover,
a#TalkToUs:focus{
	background-position:left -72px;
	outline:none;
}

/* SUB
 * -------------------------------------- */

#Sub li{
	margin:0 0 1px;
}

#Sub a{
	display:block;
	background:#fff;
	padding:2px 5px;
	font-weight:bold;
	font-size:13px;
}

#Sub a:hover{
	background:#fade61;
}

#Sub a.current,
#Sub a.section{
	background:#fdf9c9;
}


/* LEAD-IN
 * --------------------------------------------------------------- */

#LeadIn{
	position:relative;
	background:#fff url(../images/lead-in.png) repeat-x left bottom;
	border-bottom:1px solid #e3e3e3;
	margin:0 0 36px;
}

#LeadIn .container{
	padding:28px 12px 18px;
	min-height:209px;
	background:url(../images/lead-in-bubble.png) no-repeat 408px bottom;
}

#LeadIn p{
	font-size:18px;
	width:600px;
}

#LeadIn img{
	position:absolute;
	right:16px;
	bottom:-16px;
}

#LeadIn h1{
	margin-bottom:18px;
}

/* CONTENT
 * --------------------------------------------------------------- */

/* MAINCONTENT
 * --------------------------------------------------- */

#Content{
	background:#fff;
	position:relative;
	z-index:900;
	padding:0 0 25px;
}

.Page #Content,
.ContactPage #Content,
.BlogEntry #Content,
.BlogHolder #Content,
.ErrorPage #Content,
.ProfilePage #Content{
	padding-top:36px;
}

#MainContent{
	width:600px;
	float:left;
}

.ComplexPageHolderPage #MainContent{
	width:475px;
}

.HomePage #Content .col{
	width:460px;
	margin:0 30px 0 0;
}

.HomePage #Content .last{
	margin:0;
}

.PageHolderPage #Content .col{
	width:266px;
	height:320px;
	margin:0 0 30px;
	padding:20px 25px;
}

.col-2{
	background:#f1f1f1;
}

.ContactPage .col-2{
	background:#fff;
	width:530px;
	float:left;
}

/* SHAREOPTIONS + SIMILARPOSTS
 * --------------------------------------------------- */

ul#ShareOptions,
#SimilarPosts ol{
	position:relative;
	overflow:hidden;
	margin:0 0 18px;
	padding:8px 0 6px 8px;
	background:#f1f1f1;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
}

#ShareOptions li{
	float:left;
	list-style:none;
	margin:0 0 0 12px;
}

#ShareOptions a{
	display:block;
	width:48px;
	height:48px;
	border:none;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-30000px;
}

#ShareOptions a:hover{
	background-position:left bottom;
}

#ShareOptions a.digg{ background-image:url(../images/digg-btn.gif); }
#ShareOptions a.twitterbtn{ background-image:url(../images/twitter-btn.gif); }
#ShareOptions a.stumbleupon{ background-image:url(../images/stumbleupon-btn.gif); }
#ShareOptions a.delicious{ background-image:url(../images/delicious-btn.gif); }
#ShareOptions a.facebook{ background-image:url(../images/facebook-btn.gif); }
#ShareOptions a.myspace{ background-image:url(../images/myspace-btn.gif); }
#ShareOptions a.google{ background-image:url(../images/google-btn.gif); }
#ShareOptions a.technorati{ background-image:url(../images/technorati-btn.gif); }
#ShareOptions a.newsvine{ background-image:url(../images/newsvine-btn.gif); }

#SimilarPosts{ margin-bottom:46px; }
#SimilarPosts h2{ color:#999; margin-bottom:12px; }
#SimilarPosts li{ list-style:decimal; margin-left:35px; }
#SimilarPosts a{ font-size:16px; font-weight:bold; }

/*  PAGINATION
 *  --------------------------------------------------------------- */
#Content ul.pagination{
	position:relative;
	overflow:hidden;
	margin:0;
}

.pagination li,
.typography .pagination li{
	float:left;
	list-style:none;
	margin:0;
	font-weight:bold;
	margin:0 0 0 6px;
	line-height:1.2;
}

.pagination li.noLink{
	padding:2px 6px;
}

.pagination li.prev{
	margin:0 16px 0 0;
}

.pagination li.next{
	margin:0 0 0 16px;
}

ul.pagination a{
	display:block;
	float:left;
	border:1px solid #d9d9d9;
	font-weight:bold;
	padding:2px 6px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

ul.pagination a:hover,
ul.pagination a:focus{
	background:#942121;
	border-color:#942121;
	color:#fff;
	
}

/* ITEMLIST (img + text)
 * ------------------------------------- */

#Content .items{
	margin:0 0 20px;
}

.ProfilePage #Content .items{
	padding-top:6px;
}

.items li{
	position:relative;
	overflow:hidden;
	list-style:none;
	min-height:90px;
	margin:0 0 36px;
}

#SearchResults.items li{
	border-bottom:1px solid #e8e8e8;
	min-height:78px;
	padding:0 0 25px 0;
	margin:0 0 25px 0;
	list-style:none;
}

.ProfilePage .items li{
	border-bottom:1px solid #e8e8e8;
	margin:0 0 24px;
	padding-bottom:18px;
	list-style:none;
}

.HomePage .items li{
	float:left;
	width:300px;
	margin-right:25px;
}

.items div{
	margin:0 0 0 110px;
}

.HomePage .items div,
.ProfilePage .items div,
.items .entry div{
	margin:0 0 0 90px;
}

.items img{
	position:absolute;
	left:0; top:0;
}

.items .entry img{
	border:4px solid #e8e8e8;
}

#Content .items p{
	font-size:13px;
	line-height:1.5;
	color:#444;
	margin:0;
}

#Content .entry p.vcard{
	color:#996633;
	margin:0 0 8px;
}

.BlogEntry p.date{
	color:#999;
	font-size:13px;
	border-top:1px solid #e3e3e3;
	padding-top:3px;
	margin:0 0 26px;
	clear:both;
}


.HomePage #Content p.date,
.BlogHolder #Content p.date,
.ProfilePage #Content p.date{
	width:60px;
	height:79px;
	background:url(../images/date-icon.gif) no-repeat left top;
	position:absolute;
	left:0;
	top:3px;
	font:24px "Trebuchet MS", Arial, sans-serif;
	color:#fff;
	text-align:center;
}

.HomePage p.date span,
.BlogHolder p.date span,
.ProfilePage p.date span
{
	display:block;
	margin:6px 0 8px;
	color:#f9d533;
}

/* HOMEPAGE-SLIDER
 * --------------------------------------------------- */

.HomePage #Content{
	padding-top:295px;
}

#HomePageSlider{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:258px;
	overflow:hidden;
	background:#fff;
	border-bottom:1px solid #e3e3e3;
}

#HomePageSlider ul{
	position:relative;
	height:258px;
	overflow:hidden;
	width:100%;
	margin:0;
}

#HomePageSlider li{
	width:100%;
	margin:0;
}

#HomePageSlider li a{
	display:block;
	height:258px;
	text-indent:-30000px;
	border:none;
}

#NextSlide{
	position:absolute;
	background:url(../images/next.png) no-repeat left top;
	width:65px;
	height:24px;
	right:18px;
	bottom:-34px;
	text-indent:-30000px;
	border:none;
	outline:none;
}


/* PORTFOLIO
 * --------------------------------------------------- */

#PortfolioIndex{
	position:relative;
	overflow:hidden;
	padding:12px 25px;
}

#PortfolioIndex li{
	float:left;
	margin:0 78px 40px 0;
	text-align:center;
	font-weight:bold;
}

#PortfolioIndex li a{
	display:block;
	width:166px;
	height:40px;
}

#PortfolioIndex a.img{
	display:block;
	border:1px solid #e8e8e8;
	padding:7px;
	margin:0 0 8px;
	width:150px;
	height:auto;
}

#PortfolioIndex a.img:hover{
	background:#fef5cd;
	border-color:#fff;
}


/* PORTFOLIO-SLIDER
 * --------------------------------------------------- */

#PortfolioSlider{
	position:relative;
	background:#fff;
	border-bottom:1px solid #e3e3e3;
	margin-bottom:28px;
	height:482px;
}

#PortfolioSlider .container{
	overflow:hidden;
}

#PortfolioSlider ul{
	position:relative;
	width:12000px;
	z-index:254;
	margin:0;
}

#PortfolioSlider li{
	position:relative;
	list-style:none;
	width:950px;
	height:482px;
	float:left;
}

#PortfolioSlider li.leadIn{
	padding:120px 175px 40px 175px;
	width:600px;
	height:322px;
	text-align: center;
}

#PortfolioSlider h1{
	font-size:48px;
}

#PortfolioSlider p{
	font-size:18px;
}

#PortfolioSlider #ScrollNav a{
	width:30px;
	height:39px;
	display:block;
	position:absolute;
	text-indent:-30000px;
	border:none;
	top:200px;
	z-index:255;
	outline:none;
}

#PortfolioSlider #ScrollNav a.next{
	background:url(../images/portf-arrow-next.png) no-repeat left top;
	right:10px;
}

#PortfolioSlider #ScrollNav a.next:hover,
#PortfolioSlider #ScrollNav a.next:focus{
	background-image:url(../images/portf-arrow-next-hov.png);
}

#PortfolioSlider #ScrollNav a.prev{
	background:url(../images/portf-arrow-prev.png) no-repeat left top;
	left:10px;
}

#PortfolioSlider #ScrollNav a.prev:hover,
#PortfolioSlider #ScrollNav a.prev:focus{
	background-image:url(../images/portf-arrow-prev-hov.png);
}

/* CASESTUDYHOLDER
 * --------------------------------------------------- */
 
.CaseStudyHolderPage #LeadIn .container{
	background:none;	
}

.CaseStudyHolderPage #LeadIn img{
 	bottom:0;
	right:-16px;
}

#Projects{
	position:relative;
	background:url(../images/portfolio-line.png) no-repeat left bottom;
	margin:0 0 24px;
	padding-bottom:20px;
}

.HomePage #Projects{
	margin-bottom:48px;
}

.pageBox #Projects{
	background:none;
	margin:0;
	padding:0;
}

#Projects li{
	position:relative;
	height:96px;
	width:280px;
	float:left;
	margin:0 25px 0 0;
	padding:198px 10px 0;
}

#Projects li.odd{
	background:url(../images/portfolio-item-bg.gif) repeat-x left bottom;
}

#Projects h2{
	margin-bottom:0;
}


#Projects p{
	margin:0 0 6px;
}

#Projects img{
	position:absolute;
	top:-24px;
	left:-1px;
}

#Projects a.caseStudy{
	margin-right:36px;
}

#Projects a.website{
	background:url(../images/ext.gif) no-repeat right 2px;
	padding-right:16px;
}

#IndustriesAndSectors{
	position:relative;
}

#IndustriesAndSectors ul{
	width:286px;
	float:left;
	margin:6px 0 0;
	padding:0 25px 40px 14px;
}

#IndustriesAndSectors ul.last{
	padding:0 0 40px 14px;
	margin:6px 0 0;
}

/* CASESTUDYPAGE -  ABOUTUS - PROFILE
 * --------------------------------------------------- */

.CaseStudyPage #LeadIn .container{
	background:none;	
}

.CaseStudyPage #LeadIn img{
 	top:16px;
	right:12px;
}

.CaseStudyPage #Content{
	padding:0 0 80px;
}

.CaseStudyPage #MainContent,
.AboutUsPage #MainContent,
.AboutUsPage #Team,
.ProfilePage #MainContent{
	width:455px;
}

.AboutUsPage #Team{
	float:right;
}

.CaseStudyPage #Aside,
.ProfilePage #Aside{
	width:461px;
}

#CaseStudyImages,
#ProfileImages{
	position:relative;
	background:url(../images/cs-images-bg.png) no-repeat left top;
	width:427px;
	height:575px;
	padding:18px 17px;
	left:-3px;
}

#Large{
	position:relative;
	width:425px;
	height:425px;
	margin-bottom:15px;
}

#Large img{
	position:absolute;
	left:0;
	top:0;
}

#Thumbnails{
	position:relative;
}

#Thumbnails li,
#Thumbnails li.last{
	position:relative;
	border:1px solid #dcdcdc;
	float:left;
	margin-right:10px;
}

#Thumbnails li.last{ margin:0; }

#Thumbnails a{
	border:4px solid #fff;
	float:left;
	outline:none;
}

#Thumbnails a:hover, 
#Thumbnails a:focus,
#Thumbnails a.activeSlide{
	border-color:#fce88b;
}

#Thumbnails .pointer{
	position:absolute;
	width:50px;
	height:18px;
	background:url(../images/cs-image-arrow.png) no-repeat left top;
	left:42px;
	top:-34px;
	z-index:11000;
}

#Shadow{
	position:absolute;
	left:17px;
	top:18px;
	width:425px;
	height:425px;
	background:url(../images/cs-image-shadow.png) no-repeat left top;
	z-index:10000;
}

#Quote{
	margin-top:40px;
	background:url(../images/top-quote.gif) no-repeat left top;
	padding:30px 0 0 60px;
	font-style:italic;
}

#Quote p{
	background:url(../images/bottom-quote.gif) no-repeat right bottom;
	padding:0 60px 20px 0;
}

#QuoteAuthor{
	font-style:italic;
	font-weight:bold;
	color:#838383;
	padding:0 0 0 60px;
}

#NavBox{
	border:1px solid #dcdcdc;
	background:url(../images/navbox-bg.gif) repeat-x left top;
	margin:0;
	padding:4px 0;
}

#NavBox li{
	float:left;
	list-style:none;
	margin:0;
	background:url(../images/navbox-divider.gif) repeat-y right top;
	padding:4px 16px 4px 14px;
}

#NavBox li.last{
	background:none;
}

#NavBox a.website{
	background:url(../images/ext.gif) no-repeat right 2px;
	padding-right:16px;
}

#NavBox a.next{
	background:url(../images/navbox-arrows.gif) no-repeat right 3px;
	padding-right:16px;
	
}

#NavBox a.back{
	background:url(../images/navbox-arrows.gif) no-repeat left -37px;
	padding-left:16px;
}


.CaseStudyPage .box{
	margin-top:30px;
	padding:3px 8px;
}

.CaseStudyPage .box h2{
	font-size:18px;
	margin:0 0 8px;
}

.CaseStudyPage .box p{
	margin:0 0 12px;
}

#Team ul{
	margin:0;
}

#Team li{
	position:relative;
	float:left;
	margin:0 24px 16px 0;
	list-style:none;
}

#Team li.last{
	
}

#Team a.img{
	border:1px solid #dcdcdc;
	padding:4px;
	background:#fff;
	outline:none;
	display:block;
	margin:0 0 8px;
}

#Team a.img:hover, 
#Team a.img:focus{
	background:#fce88b;
}

/* ASIDE
 * --------------------------------------------------- */

#Aside{
	width:300px;
	float:right;
}

.ComplexPageHolderPage #Aside{
	width:440px;
}

.box{
	background:#fff;
	border:15px solid #f1f1f1;
	padding:3px 5px;
	margin:0 0 20px;
	font-size:13px;
}

#Sub.box{
	background:#f9d533;
	border-color:#f9d533;
	padding:0;
}

.ComplexPageHolderPage .box{
	padding:5px 10px;
}

.ComplexPageHolderPage .tab{
	border:none;
	padding:20px 25px;
	background:#fffbe7;
	min-height:200px;
}

.centered img{
	margin:0 auto;
}

.PortfolioPage #Aside img{
	margin:0 0 20px;
	border:4px solid #f1f1f1;
}

#TabNav{
	overflow:hidden;
	position:relative;
	padding:0 18px;
}

#TabNav li{
	float:left;
	margin:0 2px 0 0;
}

#TabNav a{
	display:block;
	background:#fffbe7  url(../images/tab.png) no-repeat right bottom;
	font-size:13px;
	font-weight:bold;
	outline:none;
}

#TabNav a span{
	display:block;
	padding:5px 14px 0 6px;
	height:23px;
	line-height:23px;
	cursor:pointer;
}

#TabNav a.current{
	background-position:right 0;
}

#TabNav a.current span{
	background:url(../images/tab-c-l.png) no-repeat left top;
}

/* TAGCLOUD
 * --------------------------------------------------------------- */

#TagCloud li{
	display:inline;
}

#TagCloud .very-unpopular { font-size: 11px; }
#TagCloud .unpopular { font-size: 13px; }
#TagCloud .not-very-popular { font-size: 14px; }
#TagCloud .somewhat-popular { font-size: 16px; }
#TagCloud .popular { font-size: 18px; }
#TagCloud .more-popular { font-size: 20px; }
#TagCloud .very-popular { font-size: 22px; }
#TagCloud .ultra-popular { font-size: 24px; }

/* BLOCKLIST (ARCHIVES, RELATED ARTICLES... )
 * --------------------------------------------------------------- */

.blockList li{
	border-bottom:1px solid #f1f1f1;
}

.blockList a{
	display:block;
	font-weight:bold;
	padding:1px 0 2px;
}

.blockList a:hover,
.blockList a:focus{
	background:#fffbe7;
}

#WorkWithUs img{
	float:left;
	margin:0 12px 12px 0;
}

/* PAGEBOX / (Yellow wide) / LATESTPROJECTS
 * --------------------------------------------------------------- */

.pageBox{
	position:relative;
	background:#f9d533;
	border-top:1px solid #e6cf68;
	border-bottom:1px solid #e6cf68;
	padding:20px 0 0;
	margin:25px 0 7px;
}

.pageBox h2{
	margin-bottom:20px;
}

.pageBox h3{
	font:bold 18px Calibri, "Trebuchet MS", Arial, sans-serif;
	margin:0;
}

.HomePage .pageBox{
	margin:25px auto 60px;
	padding:25px 0;
	border:1px solid #e6cf68;
}

.HomePage #Content .pageBox .col{
	background:#ffe675 url(../images/pageBox-col-h-bg.png) repeat-x left top;
	border:1px solid #ffefa5;
	width:395px;
	margin:0 26px 0 25px;
	min-height:220px;
	padding:0 20px 20px;
}

.HomePage #Content .pageBox .last{
	margin:0;
}

.HomePage .pageBox h2{
	font:bold 18px Calibri, "Trebuchet MS", Arial, sans-serif;
	margin:0 0 12px;
	height:44px;
	line-height:44px;	
}

a#PortfolioLink{
	position:absolute;
	right:12px;
	top:0;
	font:bold 18px Calibri, "Trebuchet MS", Arial, sans-serif;	
}

/* CONTACTBOX
 * --------------------------------------------------------------- */

#ContactBox{
	position:relative;
	background:#000;
	color:#fff;
	padding:20px 0 25px;
	z-index:100;
}

#ContactBox .col-2{
	background:transparent;
	width:530px;
	float:right;
	margin:0;
}

#ContactBox form{
	background:#222;
	padding:25px;
	border:1px solid #444;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	z-index:30;
	overflow:hidden;
}

#ContactBox input.text,
#ContactBox textarea{
	width:214px;
	background:#444;
	border-color:#555;
	color:#fff;
}

#ContactBox input.text:focus,
#ContactBox textarea:focus{
	background:#000;
}

#ContactBox h2{
	font-size:30px;
	
}

#ContactBox h3{
	position:relative;
	color:#fbe584;
	font:bold 18px Arial, Helvetica, sans-serif;
	margin:0 0 15px;
}

#ContactBox .col-2 h3{
	margin:0 0 -10px 25px;
	z-index:40;
}

#ContactBox p{
	margin:0 0 18px;
}

#ContactBox a{
	color:#FBE584;
	text-decoration:underline;
}

#ContactBox input#Form_ContactForm_action_submit{
	border:none;
	background:none;
}

#ContactBox .message,
#ContactBox .required .error,
#ContactBox .bad{
	color:#FBE584;
}

#ContactBox p#Call{
	color:#fdfacc;
	font-size:24px;
}

#CloseBox{
	position:absolute;
	top:0;
	right:38px;
	z-index:50;
}

.ContactPage #MollomField,
#ContactBox #MollomField{
	clear:both;
}

#MessageSent{
	padding:20px 0;
}
#MessageSent h3,
#ContactBox .col-2 #MessageSent h3{
	margin:0 0 12px;
}

#ContactBox .message{
	margin:-6px 0 0;
}

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

#Footer{
	position:relative;
	background:#f1f1f1;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	padding:38px 0 28px;
}

#Footer p{
	font-size:12px;
	clear:both;
	margin:0 0 12px;
}

#Footer ul{
	margin:0 0 28px;
}

#Footer li{
	font-size:12px;
	border-bottom:1px solid #e0e0e0;
	padding:1px;
	margin:0 0 0 12px;
	width:170px;
}

#Footer li.last{
	border:none;
}

p.rss{
	padding:0 0 0 20px;
	background:url(../images/rss.png) no-repeat left center;
}

#Footer p.vcard{
	padding:0 0 0 30px;
	background:url(../images/footer-logo.png) no-repeat left 4px;
	height:21px;
}

.org{
	font-size:20px;
	font-weight:bolder;
	margin:0 4px 0 0
}

/* COPY
 * --------------------------------------------------------------- */

#Copy{
	position:relative;
 	background:#464646;
	color:#fff;
	font-size:11px;
	padding:3px 0;
}

/* FORMS
 * --------------------------------------------------------------- */

form{
	position:relative;
}

.ContactPage form{
	padding:25px;
	overflow:hidden;
}

legend{
	display:none;
}

#Footer form{
	font-size:12px;
	text-align:right;
}

#Footer input.text{
 	background:#fff;
	margin:0 0 0 12px;
	width:160px;
}

#Footer form div{
	margin:0 0 8px;
}

form p.info{
	font-size:11px;
}

label{
	font-weight:bold;
}

.typography form .right{
	text-align:left;
}

form div.left{
	float:left;
	margin:0 25px 0 0;
}
form div.right{
	float:right;
}

input.text,
.file input,
textarea,
select{
 	background:#f1f1f1;
	border:1px solid #ccc;
	padding:4px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin:0 0 6px;
	width:230px;
}

.ContactPage input.text{
	width:180px;	
}

textarea{
	height:119px;
	width:300px;
}

.ContactPage textarea{
	width:210px;
}
 
input.text:focus,
textarea:focus,
#Footer input.text:focus{
 	background:#fffbe7;
}
 
input.action{
 	background:url(../images/btn-grad.png) repeat-x left top;
	border:1px solid #ccc;
	padding:3px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin:8px 0 12px;
}

input.action:hover{
	border-color:#666; 	
}
 
input.action:focus{
 	border-color:#66ffff;
}

input#Form_ContactForm_action_submit{
	float:right;
	margin:-30px 0 0 0;
}
 
span.message, span.required, span.bad, span.validation{
 	color:#f00;
	width:200px;
	font-size:11px;
}

label.error{
	position:relative;
	display:block;
	font-size:11px;
	color:#f00;
	margin-top:-6px;
}


/* PAGECOMMENTS / FORM
 * --------------------------------------------------------------- */
#CommentHolder ul,
#TrackBacks_holder ul{
	margin:0;
}

#CommentHolder li{
	list-style:none;
	margin:0;
}

ul#PageComments,
#TrackBacks_holder{
	margin-bottom:36px;
}

#PageComments li,
#TrackBacks li{
	position:relative;
	border-bottom:1px solid #e3e3e3;
	padding:35px 20px;
	min-height:78px;
}

#PageComments li.odd,
#TrackBacks li.odd{
	background:#f4f4f4;
}

#PageComments .comment{
	margin:0 0 0 100px;
}

#PageComments .vcard{
	font-size:12px;
	color:#999;
	position:absolute;
	bottom:-12px;
	right:20px;
}

#PageComments img.photo{
	position:absolute;
	top:35px;
	border:4px solid #e3e3e3;
}

#PageComments .actionLinks{
	margin:12px 0 12px 100px;
}

#PageComments_holder .field,
#PageComments_holder .Actions{
	overflow:hidden;
	position:relative;
	margin:0 0 12px;
}

#PageComments_holder input.text{
	width:280px;
	font-size:18px;
	padding:4px 3px;
}
#PageComments_holder textarea{
	width:360px;
	height:200px;
	font-size:18px;
	padding:4px 3px;
}

#PageComments_holder label{
	font-size:18px;
	font-weight:bold;
	float:left;	
}

#PageComments_holder .middleColumn{
	float:right;
	text-align:left;
	width:380px;
}

#PageComments_holder input.action{
	float:right;
	margin-right:10px;
}

/* SEARCH
 * ------------------------------------------------------- */
#SearchBox{
	position:absolute;
	top:3px;
	right:12px;
	overflow:hidden;
}

#SearchBox input{
	font-size:11px;
	padding:1px 2px;
}

#SearchBox input.text{
	width:160px;
	padding:2px;
	margin:8px 4px 0 0;
}

#SearchBox #Search,
#SearchBox input.action{
	float:left;
}