/*-----------------------------------------------------------------------------
Master Style Sheet

version:   5.05
author:    Jamie Stanton
email:     jamie.stanton@gmail.com
website:   http://www.jamiestanton.com
-------------------------------------------------------------------------------

~~~~~~~~~~~~~~~~~~~~~
Credits
~~~~~~~~~~~~~~~~~~~~~
This template has evolved over the years and has taken 
inspiration form many, many places. Too many to mention. 
Here are just a few?:

yui.yahooapis.com/2.8.1/build/base/base.css
camendesign.com/design/
praegnanz.de/weblog/htmlcssjs-kickstart
html5doctor.com/html-5-reset-stylesheet/
html5boilerplate.com/
andybudd.com/
boagworld.com/


~~~~~~~~~~~~~~~~~~~~~
Main Colours
~~~~~~~~~~~~~~~~~~~~~
	Primary 	#E0E0E0 - Pale Grey		 - Nav Background
	Secondary	#444444 - Dark Grey 	 - Headers, Hyperlinks
	Tertiary 	#D2D2D2 - Medium Grey	 - Borders
	Quaternary	#F0F0F0	- Very Pale Grey - Hover Background

	Search and replace to quicky style site elements throughout plugins. 
*/

/* 
-----------------------------------------------------------------------------
=General Settings & Reset 
-----------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
} /* Resets  all items*/                

article, aside, figure, footer, header, 
hgroup, nav, section { display:block; } /* make sure HTML5 block elements work in older browsers */    

ul, li 						{ margin-bottom: 10px; }
:focus 						{ outline: 0; } /* remember to define focus styles! */
table 						{ border-spacing:0; border-collapse:collapse; }
caption, th, td 			{ text-align:left; font-weight:normal; }
nav ul 						{ list-style:none; }
blockquote, q 				{ quotes:none; }
blockquote:before, 
blockquote:after,
q:before, q:after 			{ content:''; content:none; }
hr 							{ display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
del 						{ text-decoration: line-through; }
abbr[title], dfn[title] 	{ border-bottom:1px dotted #000; cursor:help; letter-spacing:1px; }
table						{ border-collapse:collapse; border-spacing:0; }
input, select 				{ vertical-align:middle; }
label, input[type=button], 
input[type=submit], button	{ cursor: pointer; } /* hand cursor on clickable input elements */
html 						{ overflow-y: scroll; } /* always force a scrollbar in non-IE */

/* 
-----------------------------------------------------------------------------
 =Useful Classes 
-----------------------------------------------------------------------------*/
.help 						{ cursor:help; }
.left 						{ float:left; }
.right 						{ float:right; }
.clear 						{ clear:both; }
.invisible 					{ visibility: hidden; } /* Hide visually and from screenreaders, but maintain layout */
.hidden 					{ display:none; visibility:hidden; } /* Hide for both screenreaders and browsers css-discuss.incutio.com/wiki/Screenreader_Visibility */
.spoiler					{ color:#000; background-color:#000; }
.sitemap li 				{ background-image: url(../images/icons/page.png);background-repeat: no-repeat;background-position: left 4px;padding-left: 20px;}
.loading 					{ background-color: #FFFFFF; background-image: url("../images/loading.gif"); background-position: center center; background-repeat: no-repeat;}
.meta						{ color: #999; font-size: 13px; line-height: 15px; }

/* >> The Magnificent CLEARFIX << */
.clearfix:after 			{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 					{ display: inline-block; }
* html .clearfix			{ height: 1%; } /* Hides from IE-mac \*/
.clearfix 					{ display: block; }
.ir 						{ display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; } /* for image replacement */

/* Hide only visually, but have it available for screenreaders  www.webaim.org/techniques/css/invisiblecontent/  Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { position:absolute !important;  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); }


/* 
-----------------------------------------------------------------------------
=Typography (Global)
-----------------------------------------------------------------------------*/ 
@font-face {
	font-family: 'Conv_gillsans';
	src: url('../fonts/gillsans.eot');
	src: local('☺'), url('../fonts/gillsans.woff') format('woff'), url('../fonts/gillsans.ttf') format('truetype'), url('../fonts/gillsans.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html 						{ -webkit-font-smoothing: antialiased; } /* maxvoltar.com/archive/-webkit-font-smoothing */
a 							{ color:#CB2C25; font-weight: normal; margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;  }
a:link 						{ color:#CB2C25; text-decoration: underline; -webkit-tap-highlight-color: #FFCC00;}
a:visited 					{ color:#CB2C25; text-decoration: underline; }
a:hover 					{ color:#97221D; text-decoration: none; outline: none; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:active 					{ color:#CB2C25; text-decoration: none; outline: none;  }

h1, h2, h3, h4, h5, h6  	{
	font-weight:normal;
	text-rendering: optimizeLegibility;
	letter-spacing: 1px;
}

h1.hide						{ display:none;}
h1							{ font-size: 30px; margin-bottom: 15px; color: #CB2C25;    line-height: 35px;overflow:visible;}
h2							{ font-size: 25px; margin-bottom: 15px; color: #CB2C25;   line-height: 31px;overflow:visible; }
h3							{ font-size: 20px; margin-bottom: 15px;   line-height: 25px; overflow:visible;}


body p, body ul, body ol, body div  	{ 
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 0 0 10px;
}
sup 						{ position:relative; bottom:0.3em; vertical-align:baseline; }
sub 						{ position:relative; bottom:-0.2em; vertical-align:baseline; }
ins 						{ background-color:#ff9; color:#000; text-decoration:none; }
mark 						{ background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
::selection         		{ background:#7EB2D9; color:#000; text-shadow: none; } /* Safari and Opera */ 
::-moz-selection    		{ background:#7EB2D9; color:#000; text-shadow: none; } /* Firefox */ 
table 						{ font-size:inherit; font:100%; }
select, input, textarea 	{ font:99% sans-serif; color:#444; }
pre, code, kbd, samp 		{ font-family: monospace, sans-serif; } /* normalize monospace sizing * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
small 						{ font-size:85%; }
strong, th 					{ font-weight: bold; }
pre 						{ padding: 15px; white-space: pre; white-space: pre-wrap;  white-space: pre-line; word-wrap: break-word;}

body {
	font-family: 'Carme', sans-serif;
	font-size: 16px;
	line-height:22px;
	min-width:960px;
	text-align:center; /* remove if using fluid layout*/
	margin: 0px;
	padding: 0px; /* required for Webkit browsers */
	*font-size:small; 
	*font:x-small; 
	background-color: #c2c2c2; 
	background-image: url(../images/body.jpg);
	background-repeat:repeat-x;
}

/*
-----------------------------------------------------------------------------
=Layout
-----------------------------------------------------------------------------*/
.wrapper					{ width: 960px; margin-right: auto; margin-left: auto;text-align: left; position: relative;  }
.content-wrapper			{ float:left;width:100%; }
ul 							{ margin-left:30px; }
ol 							{ margin-left:30px; list-style-type: decimal; }
dl 							{ margin-left: 5%; }
dl dt						{ font-weight: bold; }
dl dd						{ margin-bottom: 20px; }
td, td img 					{ vertical-align:top; } 
input[type="radio"]			{ vertical-align: text-bottom; }/* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="checkbox"] 		{ vertical-align: bottom; *vertical-align: baseline; }
sub 						{ vertical-align: sub; font-size: smaller; }
sup 						{ vertical-align: super; font-size: smaller; }
section						{ float:left; margin-bottom: 10px; width: 600px; } 
/*
-----------------------------------------------------------------------------
=Header
-----------------------------------------------------------------------------*/
header {
	voice-family: "\"}\"";
	voice-family: inherit;
	position:relative;
	height:150px;
	}
	
header hgroup h1 a img {
	margin-top: 20px; 
	}	
	
header li {
	dispay:inline;
	display: inline; 
	padding: 0px; 
	margin:0px; 
	background-image:none;
}	

/* global 
-------------*/ 
header .global {
	position:absolute;
	left:0px;
	text-align:left;
	width: 100%;
	bottom: 0px;
	background-image: url(../images/global.jpg); 
	background-repeat:repeat-x; 
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
behavior: url(http://www.systemdynamics.ie/PIE.htc);
}

/* utility 
-------------*/ 
header .utility {
	position:absolute;
	text-align:right;
	top: 0px;
	right: 0px;
	background-image:
}

header .utility ul {
	    margin-bottom: 0;
    margin-right: 240px;
    margin-top: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 720px;
	margin-top: 20px; 
}

header .utility ul li {
	width:auto;
	text-align: right;
}

.wrapper header .utility ul a {
	padding:5px;
	text-transform: uppercase;
	color: #333;
	text-decoration: none;
	font-size:10px;
	border-left: solid 1px #ADADAD; 
}


.wrapper header .utility ul .no a {
	border-left: solid 0px #ADADAD; 
}

 .wrapper header .utility ul a:hover {
	color: #ccc;
}

.wrapper header .utility button {
	background: none; 
	background-image:url(../images/search.jpg);
	background-position:left top; 
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border:none; 
	box-shadow:0px 0px 0px #000000;
	-moz-box-shadow:0px 0px 0px #000000;
	-webkit-box-shadow:0px 0px 0px #000000;
	text-indent: -9000px; 
	height: 18px;
    margin-top: 0;
    opacity: 1;
    padding: 5px;
    position: absolute;
    right: 5px;
    text-indent: -9000px;
    top: 25px;
    width: 18px;
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
}


 .wrapper header .utility button:hover {
	background-position:right top; 
}

.wrapper header .utility button:active {
	background-position:right top; 
	top: 24px;
}


/* search 
-------------*/ 
header form {
	padding: 5px;
	display:block; 
	float: left; 
	text-align:right;
	bottom: 0px;
	right: 0px;
	width: 320px; 
	top: 0px; 
}

header form input {
	    border: 1px solid #E4E4E4;
    float: left;
    font-size: 13px;
    margin-bottom: 0;
    padding-right: 30px;
    position: absolute;
    right: 0;
    top: 20px;
    width: 190px;
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
}

header form button {
	float: left;
    height: 27px;
    margin: 0 0 0 10px;
    padding: 3px;
    width: 70px;
	position:absolute; 
	right: 0px; 
	top: 0px; 
}

header form label {
	display: none; 
}
/*
-----------------------------------------------------------------------------
=Masthead
-----------------------------------------------------------------------------*/
.masthead { 
	display: block; 
	float: left; 
	position:relative; 
	background: #F6F6F6; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: solid 1px #E0E0E0; 
	margin-top: 12px; 
	margin-bottom: 12px; 
	padding: 20px; 
	width: 920px;
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
}

#careers .masthead .form form { 
    background: none repeat scroll 0 0 #F0F0F0;
    border: 1px solid #E0E0E0;
    float: left;
    padding: 20px;
    width: 300px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;	
}

#careers .masthead .form form input { 
    width: 290px;
}


#careers .masthead .form form input[type="submit"],
#careers .masthead .form form button {
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
    background: none repeat scroll 0 0 #CB2C25;
    bottom: 20px;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    font-style: italic;
    margin-left: 90px;
    padding: 7px;
    text-decoration: none;
    width: 120px;
}

#careers .masthead .form form input[type="submit"]:hover,
#careers .masthead .form form button:hover {
    background-color: #9A241D;
}


#service .content-wrapper .masthead,
#services .content-wrapper .masthead { 
	padding: 20px; 
	width: 920px; 
}


#service .content-wrapper .masthead.margin,
#services .content-wrapper .masthead.margin { 
	margin-top: 20px; 
}

#service .content-wrapper .masthead, #services .content-wrapper .masthead.nomargin {
    margin-bottom: 0;
    margin-top: 0;
}

#service .content-wrapper .masthead h1,
#services .content-wrapper .masthead h1 {
    border-bottom: 1px solid #E30C00;
    line-height: 30px;
    margin-bottom: 0px;
    padding-bottom: 20px;
}


#service .content-wrapper .masthead h1 {
    border-bottom: 1px solid #CECECE;
}


#service .content-wrapper .masthead .local {
    left: 10px;
    margin-left: 150px;
    position: absolute;
    top: 25px;
}

#service .content-wrapper h1.title {
   display: block;
    float: left;
    margin-top: 20px;
    width: 960px;
}


#service .content-wrapper .masthead .local li {
    text-align: right;
    width: auto;
    background-image: none;
    display: inline;
    margin: 0;
    padding: 0;
}

#service .content-wrapper .masthead .local li a {
    border-left: 1px solid #ADADAD;
    color: #333333;
    font-size: 12px;
    padding: 4px 8px;
    text-decoration: none;
    text-transform: uppercase;
}


#service .content-wrapper .masthead .local li a h2 {
    color: #333333;
    font-size: 12px;
    padding: 4px 8px;
    text-decoration: none;
    text-transform: uppercase;
	display: inline; 
}

#service .content-wrapper .masthead .local li a:hover {
    color:#999; 
}


#service .content-wrapper .masthead .text {
    padding-top: 20px;
    width: 600px;
}


#service .content-wrapper .masthead .bullets img {
	border: 1px solid #CECECE;
	margin-bottom:10px; 
}

#contact section.section1 { width: 460px;     margin-right: 10px;}
#contact section.section2 { width: 450px; }

#contact div.section1 { 
    display: block;
    float: left;
    height: 200px;
    margin-right: 10px;
    width: 460px;
 }
#contact div.section2 { 
        display: block;
    float: left;
    height: 200px;
    width: 30px;
}
#contact div.section2 textarea { width: 430px; height: 150px;  }



#staff .content .c1 {
	height: 230px; 
	margin-right:10px;
overflow: hidden; 
} 


#staff .content .c2 {
	height: 250px; 
	}
	
#staff .content-wrapper h2 {
	border-bottom: 1px solid #E30C00;
    line-height: 30px;
    margin-bottom: 0px;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 10px;
    padding-top: 20px;
    width: 920px;
	}
	
#staff .content-wrapper .content {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #E0E0E0; 
	margin-bottom: 20px; 
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
	  padding-bottom: 20px;
	}


#staff .content-wrapper .content section {
	border: none; 
	margin: 0px; 
	}	
	
#staff .content-wrapper .content section img {
	margin-right: 10px; 
	margin-bottom: 10px; 
	}		

#staff .content-wrapper .content section h3 {
	border-bottom: 1px solid #CCCCCC;
    padding: 0 0 10px;  
	}	
#staff .content-wrapper .content section  h4 {
	font-weight: normal; 
	text-transform:uppercase; 
	color: #666; 
}
#service .content-wrapper .masthead .bullets {
    border-left: 1px solid #CECECE;
    display: block;
    float: left;
    margin-top: 20px;
    padding-left: 20px;
    width: 270px;
} 

#service .content-wrapper .masthead .bullets ul li {
    background-image: url("../images/tick.jpg");
    background-repeat: no-repeat;
    list-style-type: none;
    margin: 0 0 15px;
    padding-left: 30px;
}



#services .content-wrapper .services-wrapper div {
   
   height: 370px;
    width: 210px;
	position: relative; 

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #E0E0E0;
    border-radius: 6px 6px 6px 6px;
    display: block;
    float: left;

    padding: 10px;
    position: relative;
	   margin-right: 10px;
	   margin-bottom: 10px; 
}

#services .content-wrapper .services-wrapper div.four {
	   margin-right: 0px;
}


#services .content-wrapper .services-wrapper div h3 {
	font-size: 16px;
    margin: 0;
    padding: 10px 20px 0;
    text-transform: uppercase;
}
#services .content-wrapper .services-wrapper div a.link {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
    background: none repeat scroll 0 0 #CB2C25;
    bottom: 0;
    color: #FFFFFF;
    display: inline;
    float: left;
    font-size: 12px;
    font-style: italic;
        margin: 10px 0;
    padding: 3px 10px;
    position: absolute;
    text-decoration: none;
}

#news .content section h2 a {color: #333;}
#news .content section h2 a:hover {color:#CB2C25;}

#services .content-wrapper .masthead div.four {
	border-right: 0px solid #A8A8A8;
	width: 239px; 
}

#services .content-wrapper .services-wrapper div img {
    border: 1px solid #E0E0E0;
    margin: 0;
    padding: 0;
    width: 208px;
}


#services .content-wrapper .services-wrapper div h2 {
    background: none no-repeat scroll 170px 10px #F6F6F6;
    color: #CB2C25;
	    font-size: 20px;
    line-height: 22px;
	
    margin-bottom: 0;
    padding: 20px 20px 20px 0;
	
}

#services .content-wrapper .services-wrapper  .FlexIProject h2 { background-image:url(../images/icon-flexiproject-large.png);  background-position:170px 15px; }
#services .content-wrapper .services-wrapper  .FlexI Software h2 ,
#services .content-wrapper .services-wrapper  .Software h2 { background-image:url(../images/icon-flexisoftware-large.png);  }
#services .content-wrapper .services-wrapper  .FlexISupport h2 { background-image:url(../images/icon-flexisupport-large.png);}
#services .content-wrapper .services-wrapper  .FlexITeam h2 { background-image:url(../images/icon-flexiteam-large.png); }

#services .content-wrapper .services-wrapper section {    width: 240px; }


#services .content-wrapper .services-wrapper div p {
    color: #333333;
    margin-bottom: -20px;
    margin-top: -10px;
    padding: 20px;
}

#services .content-wrapper .services-wrapper div p {
    color: #333333;
    padding: 20px 0;
}

#services .content section {
	height: 200px;
	margin-top: 0;
	}
	

#services .content section h2 {
	padding: 0px; 
	margin: 0px; 
	margin-bottom:10px;  	
	}
	

#services .content section p {
	padding: 0px; 
	margin: 0px; 
	margin-bottom:10px;  	
	}		


#services .content section img {
	    margin-bottom: 15px;
    margin-right: 15px;
    margin-top: 0;
    padding: 0;
	}

.masthead h1 { 
	margin-bottom: 0px; 
}


.masthead  .text {
    display: block;
    float: left;
    font-weight: normal;
    padding-right: 20px;
      width: 550px;	
}

#offering  .masthead .text,
#index .masthead .text {
    display: block;
    float: left;
    font-weight: normal;
    padding-right: 10px;
    width: 580px;
}

#index .masthead.case_study .text {
    border-right: 1px solid #E0E0E0;
    display: block;
    float: left;
    font-weight: normal;
    margin-right: 20px;
    padding-right: 20px;
    width: 580px;
}

#index .masthead.case_study .bullets h2 {
    margin-top:20px; 
}

#index .masthead.case_study .text h2 {
	margin-bottom:10px;  
}

#index .masthead.case_study .bullets img {
    padding: 10px; 
	margin-right: 10px; 
	margin-bottom: 30px;
	background:#FFF; 
	float: left; 
	border: 1px solid #E0E0E0; 
}


#index .content-wrapper  .local,
#sector .content-wrapper  .local,
#offering .content-wrapper  .local {
    margin-top: 20px;
}

#index .content-wrapper  .local li,
#sector .content-wrapper  .local li,
#offering .content-wrapper  .local li {
    background-image: none;
    display: inline;
    margin: 0;
    padding: 0;
    text-align: right;
    width: auto;
}

#index .content-wrapper .local li a,
#sector .content-wrapper .local li a,
#offering .content-wrapper .local li a {
    border-left: 1px solid #ADADAD;
    color: #333333;
    font-size: 10px;
    padding: 4px 6px;
    text-decoration: none;
    text-transform: uppercase;
}

#index .content-wrapper .local li a.first, 
#sector .content-wrapper .local li a.first, 
#offering .content-wrapper .local li a.first {
    border-left: 0px;
}

#index .bullets h2 {color: #333;}


#index .masthead.case_study .bullets li {
    background-image: url("../images/tick.jpg");
    background-repeat: no-repeat;
    list-style-type: none;
    margin: 0 0 15px;
    padding-left: 30px;
}

#index .masthead.case_study .bullets li h2  {
    color: #CB2C25;
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}



   


#index .masthead.case_study  .bullets {
    display: block;
    float: left;
    position: relative;
    width: 290px;
}


.masthead  .text .text-inner { width: 560px;  display: block; float: left; font-weight: normal;}
.masthead .panel-wrapper { display: block; float: left; width: 330px; position: relative; }
.masthead .panel {  color: #FFF; position: absolute; left: 25px; top: 25px; z-index: 5000;  }
.masthead .panel h2 {  color: #fff; font-size: 24px; line-height: 26px; width: 100%;}
.masthead .panel p  { font-size: 12px; width: 135px;}
.masthead .panel .cta a { font-size: 12px ; padding: 7px; background:#CB2C25; color:#FFF; text-decoration:none;  font-style: italic; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
}

.masthead .panel .cta a:hover { background-color: #9A241D; margin-top: 0px;  }
.masthead .panel .cta a:active { background-color: #9A241D; margin-top: 1px;  }


.masthead .panel-wrapper img { padding: 5px; border: solid 1px #E0E0E0; position: relative;display: block; float: left;}
.masthead .text .services a {
-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #77A7CB;
    background-image: url("../images/flexiboxes.jpg");
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    padding: 9px;
    text-decoration: none;
    width: 117px;
	height: 160px; 
	position: relative;
}

.masthead .text .services a:hover {
	background-color: #4A8BB7;
    background-image: url("../images/flexiboxes2.jpg");
}

.masthead .text .services a h2 {
	color: #FFFFFF;
    font-size: 15px;
    margin-bottom: 3px;
}

.masthead .text .services a p {
    color: #FFFFFF;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 0;
	text-align: left;
}

.masthead .text .services .cta  { 
	background: none repeat scroll 0 0 #CB2C25;
    bottom: 10px;
    color: #FFFFFF;
    font-size: 12px;
    font-style: italic;
    padding: 7px;
    position: absolute;
    text-decoration: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#services .masthead .one, 
#services .masthead .two, 
#services .masthead .three, 
#services .masthead .four {
	width: 240px; 
	float: left; 
	}




/*
-----------------------------------------------------------------------------
=Content
-----------------------------------------------------------------------------*/
.content {
    float: left;
    width: 100%;
	}

.content article {
	padding:10px;
	width:620px;
	float: left; 
	}

.content h1 {
	font-size: 30px;
	line-height:35px; 
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}

#news .content h2 {
    display: block;
    float: left;
    font-size: 21px;
    line-height: 24px;
    margin: 10px 0;
    width: 100%;
}

.content h2 {
	 display: block;
    float: left;
    font-size: 25px;
    line-height: 30px;
    margin: 10px 0;
    width: 100%;
}

.content h3 {
	font-size: 22px;
	line-height:26px; 
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.content h4, 
.content h5,
.content h6   {
	font-size: 18px;
	line-height:21px; 
	font-weight: bold;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.doorstop.clients .news ul  {

	list-style-type: none;	
	}

.doorstop.clients .news li {
	    color: #333333;
    float: left;
    list-style-type: none;
    margin-bottom: 10px;
    width: 200px;
}
	
.doorstop.clients .news  {	
	border-left: 1px solid #E0E0E0;
    display: block;
    float: left;
    margin-top: 75px;
    padding-left: 20px;
    width: 430px;
}

.inner {float: left;  width: 395px;}

.text .inner {
	border-top: 1px solid #CCCCCC;
    float: left;
    padding-top: 20px;
    width: 100%;
	}

.doorstop.case .carousel p {	
	padding: 20px; 
}

.masthead  .text li, .masthead  .content li {
	background-image: url("../images/tick.jpg");
    background-repeat: no-repeat;
    list-style-type: none;
    margin: 0 0 15px;
    padding-left: 30px;
	float: left;
    list-style-type: none;
    width: 560px;
	}

#page .masthead  .content.right li {
	background-image: url("../images/tick.jpg");
    background-repeat: no-repeat;
    list-style-type: none;
    margin: 0 0 15px;
    padding-left: 30px;
	float: left;
    list-style-type: none;
    width: 580px;
	}	
	
.masthead. case_study .text li, .masthead  .content li {
	background-image: url("../images/tick.jpg");
    background-repeat: no-repeat;
    list-style-type: none;
    margin: 0 0 15px;
    padding-left: 30px;
	float: left;
    list-style-type: none;
    width: 540px;
	}	

.content section h2 {
	margin: 0px; 
	}
	
.content section h2 a {
	text-decoration: none;  
	}	

.content address {
	background-color: #FEFAA5;
	display: block;
	margin: 30px;
	padding: 10px;
	border: 1px solid #F48221;
	font-size: 1.2em;
	font-style: normal;
} 

#contact_form {
	float: left;
    width: 518px;
	}

.content ul {
	padding: 0px;
	display: block;
}

.content ul li {

}

.content ol li {
	list-style-type:decimal; 
	background-position: left center;
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}


#offering .masthead .text {
	margin: 0px; 
}

#sector .masthead .text .                                                ,
#offering .masthead .text .flexititle {
	    border-bottom: 1px solid #E30C00;
    line-height: 30px;
    margin-bottom: 10px;
    padding-bottom: 10px;
	    font-size: 25px;
}


.jcarousel-item p {
    font-size: 10px; 
	line-height: 12px; 
}

#offering .masthead .bullets {
    border-left: 1px solid #E0E0E0;
    display: block;
    float: left;
    margin-left: 20px;
    padding-left: 20px;
    position: relative;
    width: 280px;	
	}
	
 #sector .masthead .bullets { 
    border-left: 1px solid #E0E0E0;
    display: block;
    float: left;
    margin-left: 20px;
    padding-left: 20px;
    position: relative;
    width: 280px;
 }
 
 
#sector .masthead .bullets img,
#offering .masthead .bullets img { 
    border: 1px solid #CECECE;
    margin-bottom: 10px;
    padding: 5px;
 } 

#sector .masthead .bullets h2, 
#service .masthead .bullets h2,
#offering .masthead .bullets h2 { 
    border-bottom: 1px solid #E30C00;
    font-size: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
 }  


#sector .masthead .text {
	    display: block;
    float: left;
    font-weight: normal;
    padding-right: 10px;
    width: 580px;
	}

    

#sector .masthead .bullets ul li,
#offering .masthead .bullets ul li {
	background-image: url("../images/tick.jpg");
    background-repeat: no-repeat;
    list-style-type: none;
    margin: 0 0 15px;
    padding-left: 30px;
}


#news .masthead h1 {
	margin: 0px; 
}
	
#news .content {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #E0E0E0;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 0;
    padding: 20px;
    position: relative;
    width: 580px;
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
}

#news .content section.first  {
    border-top: 0px solid #E0E0E0;
}
	
#news .content section  {
	padding: 0px; 
	border: none; 
	background: none repeat scroll 0 0 #F6F6F6;
    border-top: 1px solid #E0E0E0;
    display: block;
    float: left;
    margin: 0 0 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
    width: 580px;
}

#news .content section img {
	border: 1px solid #E0E0E0;
    float: right;
    height: 150px;
    margin-bottom: 10px;
    margin-left: 10px;
    width: 170px;
	    margin-top: 10px;
}		

#news .categories {
	width: 320px; 
	float: left; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#F6F6F6; 
	border: 1px solid #E0E0E0;
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
	}	
	
#news .categories h2 {
    float: left;
    margin-bottom: 0;
    padding: 10px;
    width: 300px;
	}		
	
#news .categories ul {
	
	}			

#news .categories ul li a {
	background-color: #E4E4E4;
	border-top: 1px solid #CECECE;
	padding: 10px;
	margin: 0px; 
	text-transform: uppercase; 
	text-decoration: none; 
	color: #333; 
	width: 300px; 
	float: left; 
	display:block; 
	}		
	

#news .categories ul li a:hover {
	color: #CB2C25; 
	background:#F6F6F6; 
	text-decoration: none; 
	}			

#case .content.eight_grid a, 
#partners .content.eight_grid section, 
#service .content.eight_grid section {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #E0E0E0;
    display: block;
    float: left;
    margin-right: 14px;
    margin-top: 0;
    padding: 10px;
    position: relative;
    width: 207px;
	margin-bottom: 10px;
	text-decoration:none; 
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
	color: #333 !important;
}


#case .content.eight_grid a:hover {
    background: none repeat scroll 0 0 #E4E4E4;
    border: 1px solid #CECECE;
	text-decoration:none; 
}



#case .content.eight_grid h2 {
   font-size: 13px;
    margin-bottom: 0;
    margin-top: 0;
    text-decoration: none;
    text-transform: uppercase;
	width: 100%; 
	text-align:center; 
}

#case .content.eight_grid h2 a {
	color: #333; 
}

#case .content.eight_grid h2 a:hover {
	color:#C00; 
}

#case .content.eight_grid a.four {
    margin-right:0px;
	background-color: 
}


.content.six_grid section {
    -webkit-border-radius: 6px;
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
	-moz-border-radius: 6px;
	border-radius: 6px;
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #E0E0E0;
    display: block;
    float: left;
    height: 330px;
    margin-right: 10px;
    margin-top: 0;
    padding: 20px;
    position: relative;
    width: 270px;
}

.content.six_grid .c3 {
    margin-right: 0px; 
}


.content blockquote {
	color: #999999;
	margin-right: 10%;
	margin-left: 10%;
	padding-right: 10px;
	padding-left: 25px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-style: italic;
	background-image: url(../images/blockquote.png);
	background-repeat: no-repeat;
	background-position: left top;
}

	
.content pre {
	background-color:#D1D1D1;
	margin-bottom:10px; 
	-webkit-border-radius: 30px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius: 30px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-radius: 30px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
	}	
	
.content article .item {
	padding-bottom: 10px; 
	margin-bottom: 10px; 
	border-bottom:dotted #CCC 3px;
	float: left; 
	
	}	
	
.content article .item .text {
	float: left; width: 620px; 
	}	
	
.content article .item img {
	float: right;
    margin-bottom: 10px;
    margin-right: 10px;
	border: 1px solid #F0F0F0;
    margin: 2px;
    padding: 5px;
	margin-left:15px;
	margin-bottom:15px; 
	}	
	
.content section { 
	width: 430px; 
	display: block; 
	float: left; 
	position:relative; 
	background: #F6F6F6; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
	border: solid 1px #E0E0E0; 
	padding: 20px; 
	margin-top: 16px; 
}

 .content section .details { 
	float: left;
    margin-left: 10px;
    width: 255px;
}

.content section .details h2 { 
	text-decoration: none; 
	font-size: 22px; 
	margin-top: 0px; 
	margin-bottom: 5px; 
	line-height: 24px;
}

.content section .details p { 
    display: block;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 0;
    text-decoration: none;
    text-align: justify;
}

.content section .details p a {
	background-image: url("../images/button-bg.jpg");
	bottom: 20px;
	color: #FFFFFF;
	display: block;
	height: 15px;
	padding: 10px;
	position: absolute;
	text-decoration: none;
	width: 241px;
	background-position: left top;
	font-style: italic;
}

.news p {  text-align: justify; }

footer .co_info { 
   color: #999999;
    font-size: 10px;
    margin-top: 5px;
 }

.content section .details p a:hover { 
    color: #333; 
	background-position: left bottom; 
}

.content section .details h2 a { 
	text-decoration: none; 
}

.content section.odd { 
	margin-right: 15px; 
}

.content section.even { 
	margin-right: 0px; 
} 	

.content section img  { 
	float: left; 
} 	

.content.six_grid section img  { 
	float: left;
    width: 270px;
	margin: 0px; 
	padding: 0px;
	margin-bottom: 10px;
    margin-top: 10px; 
	border: 1px solid #CECECE;
} 	

.content.six_grid section h2 {
	font-size: 20px;
	line-height:22px; 
    height: 60px;
}

.content-wrapper .masthead h1 {
	margin-bottom: 20px; 
	padding-bottom: 20px; 
	border-bottom: solid 1px #E30C00; 
	    line-height: 30px;
}

.content-wrapper .masthead .intro_1 {
	border-right: 1px solid #E0E0E0;
    margin-right: 20px;
    margin-top: 0;
    padding-right: 15px;
    width: 444px;
}

.content-wrapper .masthead .intro_2 {
	margin-top: 0;
    width: 440px;
}

#page .masthead .content.right { 
    float: left;
    width: 620px;
}

#page .masthead .linkbar.right { 
    border-left: 1px solid #C8C8C8;
    float: left;
    margin-left: 20px;
    padding-left: 20px;
    width: 230px;
	margin-top: 55px; 
}

#page .masthead .linkbar.right li {
	list-style-type: none;    border-bottom: 1px solid #C8C8C8;
}

#page .masthead .linkbar.right li.first {
	border-top: 1px solid #C8C8C8;
	padding-top: 10px;
}

#page .masthead .linkbar.right li a p {
	color: #333; 
	text-decoration:none; 
	line-height: 14px; 
	font-size:12px; 
}

/* right aligned box */
#page .masthead .linkbar.right li h3 {
	margin-top: 0px; font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
	margin-bottom: 0px;
}

#page .masthead .linkbar.right li a {
    color: #333333 !important;
    display: block;
    font-size: 12px;
    line-height: 14px;
    margin: 0;
    padding: 0 0 10px;
    text-decoration: none;
}

#page .masthead .linkbar.right li a img {
    padding-top: 10px; 
}


#page .masthead .linkbar.right li a p {
    padding-top: 10px; 
	padding-bottom: 0px; 
}

#page .masthead .linkbar.right li a:hover {
    text-decoration: none;
	margin: 0px; 
	 padding: 0 0 10px;
	color: #999 !important;
}

.content.right img {
	margin-right: 10px; 
	margin-bottom:10px; 
	border: 1px solid #E0E0E0;
	float: left; 
}

.services .FlexIProject h2 { background-image:url(../images/icon-flexiproject.png); background-repeat:no-repeat; background-position:right top; }
.services .Software h2 { background-image:url(../images/icon-flexisoftware.png); background-repeat:no-repeat; background-position:right top; }
.services .FlexISupport h2 { background-image:url(../images/icon-flexisupport.png); background-repeat:no-repeat; background-position:right top; }
.services .FlexITeam h2 { background-image:url(../images/icon-flexiteam.png); background-repeat:no-repeat; background-position:right top; }

/* left aligned box */
#page .masthead .linkbar.left { 
    border-right: 1px solid #C8C8C8;
    float: left;
    margin-left: 0;
    margin-right: 20px;
    margin-top: 0px;
    padding-right: 20px;
    width: 230px;
}

#page .masthead .linkbar.left li {
	list-style-type: none;    border-bottom: 1px solid #C8C8C8;
}

#page .masthead .content.left { 
    float: left;
    width: 639px;
}


#page .masthead .linkbar.left li h3 {
	margin-top: 0px; 
	font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
	margin-bottom: 0px;
}

#page .masthead .linkbar.left li a {
    color: #333333 !important;
    display: block;
    font-size: 12px;
    line-height: 14px;
    margin: 0;
    padding: 0 0 10px;
    text-decoration: none;
}

#page .masthead .linkbar.left li a img {
    padding-top: 10px; 
}


#page .masthead .linkbar.left li a p {
    padding-top: 10px; 
	padding-bottom: 0px; 
}

#page .masthead .linkbar.left li a:hover {
    text-decoration: none;
	margin: 0px; 
	 padding: 0 0 10px;
	color: #999 !important;
}

.content.left img {
	margin-left: 10px; 
	margin-bottom:10px; 
	border: 1px solid #E0E0E0;
	float: right; 
}		
	
	
/* menus 
-------------- */		
ul#menu, ul#menu ul, #nav_categories, #nav_categories ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
}


ul#menu, #nav_categories {
float: left;
width:320px;}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin: 0px; 
  margin-top: 1px;
  padding: 0px;
}

ul#menu li a {
  background: #E0E0E0;
  color: #333333;	
padding:7px 10px;
}

ul#menu li a:hover {
  background: #F0F0F0;
}

ul#menu li ul li a {
  background: #F0F0F0;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #F0F0F0;
  border-left: 5px #D2D2D2 solid;
  padding-left: 15px;
}		
	
	
/*
-----------------------------------------------------------------------------
=Aside
-----------------------------------------------------------------------------*/

.content aside {
	width: 320px; 
	float: left; 
	margin-top: 20px; 
	}	
	
.content .benefits h3 {
	margin-bottom: 5px; 
	}	
	
.content .cta_link {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;/*This is the correct shorthand for webkit*/
	border-radius:10px;
	/*IE DOES NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 3px #000000;
	-webkit-box-shadow:0px 0px 3px #000000;
	box-shadow:0px 0px 3px #000000;
	border: solid 8px #E8E8E8; 
	width: 304px;
	background-color:#E8E8E8; 
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
	}	
	
.content .cta_link h3 {
	margin-top: 0px; 
	}				

.content .cta_link a {
	-moz-border-radius:7px;
	-webkit-border-radius:7px;/*This is the correct shorthand for webkit*/
	border-radius:7px;
	/*IE DOES NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 3px #000000;
	-webkit-box-shadow:0px 0px 3px #000000;
	box-shadow:0px 0px 3px #000000;
	/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	background: -moz-linear-gradient(top, #98BA40, #4F7121);
	background: -webkit-gradient(linear, center top, center bottom, from(#98BA40), to(#4F7121));
	background: -o-linear-gradient(top, #98BA40, #4F7121);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#98BA40', endColorstr='#4F7121');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#98BA40', endColorstr='#4F7121')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background: linear-gradient(top, #98BA40, #4F7121);
	/*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/
 	display: block; 
	float: left; 
	padding: 20px; 
	color: #FFF;
	text-decoration:none;  
	-webkit-transition: scale linear-gradient text-shadow box-shadow opacity margin-top .2s ease-in;
	-moz-transition: scale linear-gradient text-shadow box-shadow opacity margin .2s ease-in;
	-o-transition: scale linear-gradient text-shadow box-shadow opacity margin .2s ease-in;
	transition: scale linear-gradient text-shadow box-shadow opacity margin .2s ease-in;
	-webkit-text-shadow:1px 1px 1px #333333; 
	-moz-text-shadow:1px 1px 1px #333333; 
	-o-text-shadow:1px 1px 1px #333333; 
	text-shadow:1px 1px 1px #333333;
	-moz-transform:scale(1); 
	-webkit-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
	}	
	
.content .cta_link a .sub-message {
	padding: 10px; 
	-moz-border-radius:7px;
	-webkit-border-radius:7px;/*This is the correct shorthand for webkit*/
	border-radius:7px;
	/*IE DOES NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 3px #000000;
	-webkit-box-shadow:0px 0px 3px #000000;
	box-shadow:0px 0px 3px #000000;
	color:#333; 
	background-image: url(../images/transparent-w-50.png);
	-webkit-text-shadow:none; 
	-moz-text-shadow:none; 
	-o-text-shadow:none; 
	text-shadow:none;
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
	}				

.content .cta_link a:hover {
	-moz-border-radius:7px;
	-webkit-border-radius:7px;/*This is the correct shorthand for webkit*/
	border-radius:7px;
	/*IE DOES NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 5px #000000;
	-webkit-box-shadow:0px 0px 5px #000000;
	box-shadow:0px 0px 5px #000000;
	/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	background: -moz-linear-gradient(top, #B2DA4A, #608927);
	background: -webkit-gradient(linear, center top, center bottom, from(#B2DA4A), to(#608927));
	background: -o-linear-gradient(top, #B2DA4A, #608927);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B2DA4A', endColorstr='#608927');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B2DA4A', endColorstr='#608927')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background: linear-gradient(top, #B2DA4A, #608927);
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
	}	


.content .cta_link a:active {
	-moz-border-radius:7px;
	-webkit-border-radius:7px;/*This is the correct shorthand for webkit*/
	border-radius:7px;
	/*IE DOES NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 2px #000000;
	-webkit-box-shadow:0px 0px 2px #000000;
	box-shadow:0px 0px 2px #000000;
	/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	-webkit-text-shadow:1px 1px 1px #333333; 
	-moz-text-shadow:1px 1px 1px #333333; 
	-o-text-shadow:1px 1px 1px #333333; 
	text-shadow:1px 1px 1px #333333;
	-moz-transform:scale(0.95); 
	-webkit-transform:scale(0.95);
	-o-transform:scale(0.95);
	transform:scale(0.95);
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
}	

/*
-----------------------------------------------------------------------------
=Tables
-----------------------------------------------------------------------------*/
.content table {
	margin: 0px;
	width: 100%;
	border: 1px solid #D2D2D2;
	margin-bottom: 20px;
	background-color: #F6F6F6; 
}

.content table th {
	text-align: left;
	margin: 0px;
	padding: 5px;
	vertical-align: top;
	font-weight: bold;
	background-color: #E0E0E0;
}

.content table td {
	font-size: 1.1em;
	text-align: left;
	margin: 0px;
	padding: 5px;
	border-left: 1px solid #D2D3D5;
} 

.content table .even {
    background-color: #F2F3F5;
}

.content table tr {
    border-bottom: 1px solid #D2D3D5;
}

.content table tr:hover, .content table .even:hover  {
    background: #E0E0E0;
}

.cs {display: block; float:left; width: 150px; height:150px; }

.logo {display: block; float:left; width: 150px; height:50px; }


/*
-----------------------------------------------------------------------------
=Forms
-----------------------------------------------------------------------------*/

button::-moz-focus-inner {
  border: 0;
}

input::-moz-focus-inner {
  border: 0;
}

.content form {
	width: 620px;
	margin-top:20px; 
	padding:10px; 
	-moz-border-radius:7px 40px;
	-webkit-border-radius:7px 40px 7px 40px;/*This is the correct shorthand for webkit*/
	border-radius:7px 40px;
	/*IE DOES NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 4px #000000;
	-webkit-box-shadow:0px 0px 4px #000000;
	box-shadow:0px 0px 4px #000000;
	/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	background: -moz-linear-gradient(top, #fffcf0, #fff4c9);
	background: -webkit-gradient(linear, center top, center bottom, from(#fffcf0), to(#fff4c9));
	background: -o-linear-gradient(top, #fffcf0, #fff4c9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf0', endColorstr='#fff4c9');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf0', endColorstr='#fff4c9')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background: linear-gradient(top, #fffcf0, #fff4c9);
	/*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/
	    float: left;
		behavior: url(http://www.systemdynamics.ie/PIE.htc);
	}	
	
form fieldset					{ 
	background-image:url(../images/transparent-w-50.png); 
	border: solid 1px #D3CAA9; 
	-moz-border-radius:7px 30px;
	-webkit-border-radius:7px 30px 7px 30px;
	border-radius:7px 30px;
	padding: 10px; 
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
}

form fieldset:hover				{ 
	border: solid 1px #D3B284; 
}
		
form label						{ width: 170px;float: left;  }
form .radio, 
form .checkbox 					{ width: 210px; float: left; margin-left: 170px;   }		 					
form .status 					{ display: block; float: left; height: 40px; width: 200px;  }
form .radiogroup 				{ display: block; float: left; width: 600px; }
form .radiogroup .large,
form .checkboxgroup .large		{ display: block; float: left; width: 170px; height: 80px; }
form .radiogroup .radio			{ float: left; margin: 5px 0 0; padding: 0; width: 410px; margin-left: 0px;}
form .checkboxgroup .checkbox 	{ width: 410px; float: left; margin-left: 0px;   }		 					


form input 						{ width: 210px;float: left;  }
form input[type="radio"] 		{ float: left; margin: 5px 0 0; padding: 0; width: 20px;}
form input[type="checkbox"] 	{ float: left; margin: 5px 0 0; padding: 0; width: 20px;}
input[type=submit], button		{ width: 170px;float: left; margin-left: 170px;}
form textarea					{ width: 490px;  }
form #termswrap {
    float: left;
    margin-bottom: 10px;
    width: 510px;border: solid 1px #CCC; 
	float: left; 
}


.doorstop section form 			{ width: 460px; } 
.doorstop section form input 	{ width: 250px; }
.doorstop section form textarea	{ height: 80px; width: 450px; }

.doorstop section form input[type=submit], .doorstop section form button {
	float: right;
    width: 200px;
}

form input, 
form textarea {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	padding: 5px;  
	margin-bottom: 10px; 
	border: 0px;
	border: solid 1px #CCC;
}

form textarea:focus,
form input:focus {
	opacity:1.00;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity=100);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	outline: none; 
}

input[type=submit], button {
	float: left;
    margin-left: 0px;
    width: 290px;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
    background: none repeat scroll 0 0 #CB2C25;
    bottom: 20px;
    color: #FFFFFF;
    font-size: 12px;
    font-style: italic;
    padding: 7px;
    text-decoration: none;
    width: 85px;
}

input[type=submit]:hover, button:hover {
	    background-color: #9A241D;
}

input[type=submit]:active, button:active {
	    background-color: #9A241D;
}	

.map {
	    border: 1px solid #CCCCCC;
    display: block;
    float: left;
    height: 300px;
    margin-right: 10px;
    width: 450px;
	  margin-bottom: 15px;
	 }





/*
-----------------------------------------------------------------------------
=jCarousel
-----------------------------------------------------------------------------*/

/* Three Items */
.carousel_three .jcarousel-direction-rtl {
	direction: rtl;
}

.carousel_three .jcarousel-container-horizontal {
    padding: 5px 20px;
    width: 438px;
}

.carousel_three .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.carousel_three .jcarousel-clip {
    overflow: hidden;
}

.carousel_three .jcarousel-clip-horizontal {
    width:  438px;
    height: 230px;
}

.carousel_three .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.carousel_three .jcarousel-item {
    border: 1px solid #E0E0E0;
    font-size: 12px;
    height: 225px;
    line-height: 14px;
    padding-left: 18px;
    padding-right: 18px;
    width: 100px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px
behavior: url(http://www.systemdynamics.ie/PIE.htc);
}

.carousel_three .jcarousel-item .cta {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
    background: none repeat scroll 0 0 #CB2C25;
    bottom: 20px;
    color: #FFFFFF;
    font-size: 12px;
    font-style: italic;
    padding: 7px;
    position: absolute;
    text-decoration: none;
    width: 85px;
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
}



/* Six Items */
.carousel_six .jcarousel-direction-rtl {
	direction: rtl;
}

.carousel_six .jcarousel-container-horizontal {
    padding: 5px 20px;
    width: 888px;
	    margin-left: 15px;
}

.carousel_six .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.carousel_six .jcarousel-clip {
    overflow: hidden;
}

.carousel_six .jcarousel-clip-horizontal {
    width:  888px;
    height: 230px;
}

.carousel_six .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.carousel_six .jcarousel-item {
    border: 1px solid #E0E0E0;
    font-size: 12px;
    height: 225px;
    line-height: 14px;
    padding-left: 18px;
    padding-right: 18px;
    width: 100px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px
behavior: url(http://www.systemdynamics.ie/PIE.htc);
}

.carousel_six .jcarousel-item .cta {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
    background: none repeat scroll 0 0 #CB2C25;
    bottom: 20px;
    color: #FFFFFF;
    font-size: 12px;
    font-style: italic;
    padding: 7px;
    position: absolute;
    text-decoration: none;
    width: 85px;
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
}

/*-------------------------*/


.bullets .cta {
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	    background: none repeat scroll 0 0 #CB2C25;
    bottom: 20px;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    font-style: italic;
    line-height: 22px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 7px;
    text-align: center;
    text-decoration: none;
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
}

.bullets .cta:hover {
	background: none repeat scroll 0 0 #97221D;
}

#service .content.eight_grid section.c4, 
#partners .content.eight_grid section.c4 { margin-right: 0px;}


.doorstop .carousel h3 {
	color: #CB2C25;
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 5px;
    margin-top: 0;
    padding-left: 20px;
    padding-top: 10px;
    text-decoration: none;
}

.doorstop .carousel.carousel_six h3 {
	width: 900px;
}

#case .content.twelve_grid a,
#partners .content.twelve_grid section,
#service .content.twelve_grid section {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #E0E0E0;
    color: #333333 !important;
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 15px;
    margin-top: 0;
    padding: 10px;
    position: relative;
    text-decoration: none;
    width: 125px;
}

/* Ten Grid */
#service .content.ten_grid a,
#case .content.ten_grid a, 
#partners .content.ten_grid section, 
#partners .content.ten_grid a, 
#service .content.ten_grid section {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E0E0E0;
    color: #333333 !important;
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 15px;
    margin-top: 0;
    padding: 10px;
    position: relative;
    text-decoration: none;
    width: 158px;
}


#service .content.ten_grid a,
#partners .content.ten_grid a {
    border: 1px solid #CB2C25;
}


#case .content.ten_grid a.c5, 
#partners .content.ten_grid a.c5, 
#partners .content.ten_grid section.c5, 
#service .content.ten_grid section.c5 {
    margin-bottom: 10px;
    margin-right: 0px;
}

.content.ten_grid section img,
.content.ten_grid a  img  {
    float: left;
    height: 158px;
    width: 158px;
}

.cs_title {
    display: block;
    font-size: 15px;
    height: 62px;
    line-height: 17px;
    margin-top: 15px;
    width: 95px;
	 }

.content.twelve_grid section img {
    float: left;
    height: 125px;
    width: 125px;
}

#partners .content.twelve_grid section.c6 {
    margin-right: 0px; 
}

.doorstop .news h3 {
	color: #CB2C25;
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 5px;
    margin-top: 0;
    padding-top: 10px;
    text-decoration: none;
	 margin-bottom: 10px;
}

.wrapper .content-wrapper .content.six_grid p, 
#services .wrapper .content-wrapper .masthead  p { 
	text-align: justify;
}



.doorstop .news .item  {
    background-image: url("../images/bullet.jpg");
    background-position: 0 5px;
    background-repeat: no-repeat;
    display: block;
    padding-left: 20px;
    width: 420px;
	font-size: 12px; 
	line-height: 14px; 
	color: #333; 
}

.doorstop .news .item h4 a {
    color: #333333;
    display: block;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 5px;
    text-decoration: none;
}


.doorstop .news .item h4 a:hover {
    color: #CB2C25;
    display: block;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 5px;
    text-decoration: none;
}




.jcarousel-item .cta:hover {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
    background: none repeat scroll 0 0 #9A241D;
    color: #FFFFFF;
    font-size: 12px;
    font-style: italic;
    padding: 7px;
    text-decoration: none;
}

.jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
    background-repeat: no-repeat;
    cursor: pointer;
    height: 43px;
    position: absolute;
    right: 8px;
    top: 93px;
    width: 11px;
	padding: 0px; 
}

.jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
	background-repeat:no-repeat;
}

.jcarousel-next-horizontal:hover,
.jcarousel-next-horizontal:focus {
    background-position: 0 -43px;
}

.jcarousel-next-horizontal:active {
    background-position:0 -86px ;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -86px;
}

.jcarousel-prev-horizontal {
    height: 43px;
    left: 3px;
    position: absolute;
    top: 93px;
    width: 11px;
    cursor: pointer;
	background-repeat:no-repeat;
	background-position: 0 0px;
	
	padding: 0px; 
}

.jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
	background-repeat:no-repeat;
}

.jcarousel-prev-horizontal:hover, 
.jcarousel-prev-horizontal:focus {
    background-position:0 -43px ;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: 0 -86px ;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
   background-position: 0 -86px;
}

/**
 *  Vertical Buttons
 */
.jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 11px;
    height: 43px;
    cursor: pointer;
	background-repeat:no-repeat;
}

.jcarousel-next-vertical:hover,
.jcarousel-next-vertical:focus {
    background-position:0 -43px ;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -86px;
}

.jcarousel-next-disabled-vertical,
.jcarousel-next-disabled-vertical:hover,
.jcarousel-next-disabled-vertical:focus,
.jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position:0 0x ;
}

.jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 11px;
    height: 43px;
    cursor: pointer;
	background-repeat:no-repeat;
}

.jcarousel-prev-vertical:hover,
.jcarousel-prev-vertical:focus {
    background-position: 0 -43px;
}

.jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-prev-disabled-vertical,
.jcarousel-prev-disabled-vertical:hover,
.jcarousel-prev-disabled-vertical:focus,
.jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/*
-----------------------------------------------------------------------------
=Tooltips
-----------------------------------------------------------------------------*/

.tooltip
{
  position: relative;
  background: #eaeaea;
  cursor: help;
  display: inline-block;
  text-decoration: none;
  color: #222;
  outline: none;
}

.tooltip span
{
  visibility: hidden;
  position: absolute;
  bottom: 30px;
  left: 50%;
  z-index: 999;
  width: 230px;
  margin-left: -127px;
  padding: 10px;
  border: 2px solid #ccc;
  opacity: .9;
  background-color: #ddd;
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
  behavior: url(http://www.systemdynamics.ie/PIE.htc);
}

.tooltip:hover
{
  border: 0; /* IE6 fix */
}

.tooltip:hover span
{
  visibility: visible;
}

.tooltip span:before,
.tooltip span:after
{
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0;
}

.tooltip span:before
{
  border-top-color: #ccc;
  bottom: -8px;
}

/*
-----------------------------------------------------------------------------
=Social Media Links 
-----------------------------------------------------------------------------*/
.socialLinks a 				{ background-repeat: no-repeat; background-position: 5px 5px; padding-left: 35px;}
.socialLinks .twitter a 	{ background-image: url(../images/icons-big/twitter_24.png); }
.socialLinks .facebook a 	{ background-image: url(../images/icons-big/facebook_24.png); }
.socialLinks .youtube a 	{ background-image: url(../images/icons-big/youtube_24.png); }
.socialLinks .rss a 		{ background-image: url(../images/icons-big/rss_24.png);}
.socialLinks .delicious a 	{ background-image: url(../images/icons-big/delicious_24.png); }
.socialLinks .digg a 		{ background-image: url(../images/icons-big/digg_24.png); }
.socialLinks .reddit a 		{ background-image: url(../images/icons-big/reddit_24.png); }
.socialLinks .linkedin a 	{ background-image: url(../images/icons-big/linkedin_24.png); }
.socialLinks .stumble a 	{ background-image: url(../images/icons-big/stumbleupon_24.png);} 
 
/*
-----------------------------------------------------------------------------
=Footer
-----------------------------------------------------------------------------*/ 
footer 						{ 
    background: none repeat scroll 0 0 #CECECE;
    border-top: 1px solid white;
    float: left;
    margin-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    width: 100%;
	
	
} 

footer form {
	padding: 5px;
	display:block; 
	float: left; 
	text-align:right;
	bottom: 0px;
	right: 0px;
	width: 320px; 
	top: 0px; 
}

footer form input {
	    border: 1px solid #E4E4E4;
    float: left;
    font-size: 13px;
    margin-bottom: 0;
    padding-right: 30px;
    position: absolute;
    right: 0;
    top: 50px;
    width: 190px;
}

footer form button {
	background: none; 
	background-image:url(../images/search.jpg);
	background-position:left top; 
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border:none; 
	box-shadow:0px 0px 0px #000000;
	-moz-box-shadow:0px 0px 0px #000000;
	-webkit-box-shadow:0px 0px 0px #000000;
	text-indent: -9000px; 
	height: 18px;
    margin-top: 0;
    opacity: 1;
    padding: 5px;
    position: absolute;
    right: 5px;
    text-indent: -9000px;
    top: 53px;
    width: 18px;
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
}

footer form button:hover {
	background-position:right top; 
	box-shadow:0px 0px 0px #000000;
	-moz-box-shadow:0px 0px 0px #000000;
	-webkit-box-shadow:0px 0px 0px #000000;
}

footer form button:active {
	background-position:right top; 
	top: 44px;
	box-shadow:0px 0px 0px #000000;
	-moz-box-shadow:0px 0px 0px #000000;
	-webkit-box-shadow:0px 0px 0px #000000;
}

footer form label {
	display: none; 
}

footer .wrapper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: right;
    width: 960px;
	background-image:url(../images/logo-footer.jpg); 
	background-repeat:no-repeat; 
	background-position: 10px 10px; 
	height: 100px; 
	margin-top: 10px; position:relative; 
}

footer .wrapper div  {
    text-align: right;
    width: auto;	
	display: inline; 
	color: #333333;
    font-size: 10px;
    padding: 5px;
	margin: 0px; 
	margin-top: 20px; 
}

footer .wrapper div a {
	color: #333333;
    font-size: 10px;
    padding: 5px;
    text-decoration: none;
    text-transform: uppercase;
	border-left: 1px solid #ADADAD;
	margin: 0px; 
	margin: 0 -10px 0 0;
}


footer .wrapper div a.no {
	border-left: 0px solid #ADADAD;
	}	
	
footer .wrapper div a:hover {
	color: #fff;
	}	

footer article label,
footer article .subject {
    display:none; 
}

footer .wrapper .first a {border: none; }

footer p 	 				{ padding: 0px; margin: 0px; } 
footer ul 	 				{ padding: 0px; margin: 0px; } 
footer ul li 				{ display: inline;  padding: 10px;  }  
footer h2					{ font-size: 28px; color:#333; line-height:32px;  margin-bottom: 10px; margin-top: 20px;   }
.doorstop section h3		{ font-size: 20px; color:#666; line-height:32px; margin-bottom: 10px;   }

.doorstop {
	float: left;
	background-color: #F6F6F6; 
	border: solid 1px #E0E0E0; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; 
	width:960px; 
    margin-top: 10px;	
	behavior: url(http://www.systemdynamics.ie/PIE.htc);
	}	

.doorstop .carousel {
	float: left;
    margin-bottom: 10px;
    width: 490px;
	height: 285px;
	
}
	
.doorstop .news {
	float: left;
	display: block; 
	width: 450px; 
}		
	
/*
-----------------------------------------------------------------------------
= Internet Explorer Special Needs 
-----------------------------------------------------------------------------*/
.ie7 img 					{ -ms-interpolation-mode: bicubic; } /* bicubic resizing for non-native sized IMG:  code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie6 input 					{ vertical-align: text-bottom; }
button 						{ width: auto; overflow: visible; } /* make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */

.ie6 header .search input,
.ie7 header .search input,
.ie8 header .search input,
.ie9 header .search input
 {
    border: solid 1px #999;
	width: 210px; 
	height: 15px;
}

.ie6 .doorstop .status,
.ie7 .doorstop .status,
.ie8 .doorstop .status,
.ie9 .doorstop .status
 {
	width: 198px; 
}

.ie6 input,
.ie7 input,
.ie8 input,
.ie9 input,
.ie6 textarea,
.ie7 textarea,
.ie8 textarea,
.ie9 textarea
 {
    border: solid 1px #999;
}

.ie6 button,
.ie7 button,
.ie8 button,
.ie9 button,
.ie6 form input[type=submit],
.ie7 form input[type=submit],
.ie8 form input[type=submit],
.ie9 form input[type=submit] {
    background-color:#CB2C25; 
}

.ie6 .content form,
.ie7 .content form,
.ie8 .content form,
.ie9 .content form  {
	background: #fff4c9;
	border: solid 1px #999;
	}	
	
.ie6 form input[type="radio"],
.ie7 form input[type="radio"], 
.ie8 form input[type="radio"], 
.ie9 form input[type="radio"] 
		{ border:none; }

.ie6 form input[type="checkbox"], 	
.ie7 form input[type="checkbox"], 	
.ie8 form input[type="checkbox"], 	
.ie9 form input[type="checkbox"] 	
		{ border:none; }
	
.ie6 form fieldset					{ 
	background-image:none; 
	border: solid 1px #D3CAA9; 
	-moz-border-radius:7px 30px;
	-webkit-border-radius:7px 30px 7px 30px;
	border-radius:7px 30px;
	padding: 5px; 
}

.ie7 .content section .details p a {
    background-image: url("../images/button-bg.jpg");
    background-position: left top;
    bottom: 20px;
    color: #FFFFFF;
    display: inline;
    font-style: italic;
    height: 15px;
    padding: 10px;
	position: relative; 
    float: left; 
    text-decoration: none;
    width: 241px;
	margin-top: 20px;
}
.ie8 form .upload input,
.ie8 form .upload input, 
.ie8 form .upload input {
	border:none; 
	text-indent: 0px;
} 

.ie7 .usual {
    background-color: #0CC !important; 
}

.ie8 input[type="submit"],
.ie8 button {
    background: none repeat scroll 0 0 #CB2C25;
    bottom: 20px;
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    font-style: italic;
    margin-left: 0;
    padding: 7px;
    text-decoration: none;
    width: 85px;
}

.ie7 footer form button,
.ie8 footer form button {
    background: url("../images/search.jpg") repeat scroll left top transparent;
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: 0 0 0 #000000;
    height: 18px;
    margin-top: 0;
    opacity: 1;
    padding: 5px;
    position: absolute;
    right: 5px;
    text-indent: -9000px;
    top: 53px;
    width: 18px;
}

/*
-----------------------------------------------------------------------------
= Print  
-----------------------------------------------------------------------------*/
@media print {
*							{ background: transparent !important; color: #444 !important; text-shadow: none; }
a, a:visited 				{ color: #444 !important; text-decoration: underline; }
a:after 					{ content: " (" attr(href) ")"; } 
abbr:after 					{ content: " (" attr(title) ")"; }
.ir a:after 				{ content: ""; }  /* Don't show links for images */
pre, blockquote 			{ border: 1px solid #999; page-break-inside: avoid; }
img 						{ page-break-inside: avoid; }
@page 						{ margin: 0.5cm; }
p, h2, h3 					{ orphans: 3; widows: 3; }
h2, h3						{ page-break-after: avoid; }
}

/*
-----------------------------------------------------------------------------
= Media Queries for Responsive Design  
-----------------------------------------------------------------------------*/

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */ 
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  */
@media screen and (max-device-width: 480px) {
html					 { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } /* Prevent iOS, WinMobile from adjusting font size */
}