body {
margin: 0px;
padding: 0px;
padding-top: 20px;
background: #000;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 62.5%;
}

body.red {
background: #E71939;
}

body.white {
background: #fff;
}

body.black {
background: #000000;
}

body.pink {
background: #FDDED8;
}



h1 {
border-bottom: 1px solid #3b2f2d;
padding: 10px;
font-size: 1.6em;
line-height: 1.8em;
margin-bottom: 10px;
color: #66594C;
clear: both;
font-family: Helvetica;
}


h2 {
font-size: 1.4em;
margin-bottom: 1.4em;
font-weight: bold;
}
h3 {
font-size: 1.2em;
line-height: 140%;
}

p {	
font-size: 1.2em;
line-height: 1.4em;
margin-bottom: 1.4em;
color: #222;
}




ul {
  font-size: 1.2em;
  line-height: 1.4em;
}
ul li {
}

dl {
  font-size: 1.2em;
  line-height: 1.4em;
}
dt {
font-weight: bold;
}

a, a:link {
color: #E71939;
text-decoration: none;
}
p a:visited {
}
p a:hover {
border-bottom: 1px solid #E71939;
padding-bottom: 2px;
}



#wrapper {
width: 320px;

margin: 0 auto;

} 


#pink_wrapper {
width: 320px;
background: #fdded8;
margin: 0 auto;

} 


#menu {
float: left;
width: 320px;

} 
#hometop {
float: left;
width: 320px;

}

#masthead {
margin: 5px;
margin-bottom: 30px;
}


#hometop #masthead {
margin-top: 2px;
}

#hometop .description {
color: #fff;
float: left;
width: 300px;
padding: 15px 10px;
font-size: 1.2em;
line-height: 1.2em;
font-family: Georgia;
font-style: normal;
font-weight: bold;
}

#follow_header #masthead {
margin: 2px;
margin-bottom: 5px;
}



#menu #nav, #hometop #nav {
float: left;
list-style: none;
width: 320px;
margin-bottom: 15px;

}


#follow_header #menu #nav {
margin-bottom: 10px;
}

#nav {
width: 300px;
float: left;
margin: 2px 10px;
}


#nav li {
border-top: 1px solid #E71939;
width: 260px;

padding: 5px 10px;
font-weight: bold;
} 


#nav li a, #nav li a:link, #nav a:visited {
color: #E71939;
width: 260px;
display: block;

} 

#nav li a:hover {
color: #fff;

}


#nav li.selected {
border-top: 2px solid #fff;
color: #fff;
}
#nav li.selected a, #nav li.selected a:link, #nav li.selected a:visited {
color: #fff;
}


#slides {

width: 280px;
padding: 10px;
margin-bottom: 10px;
}
#slides img {
width: 280px;
height: 140px;
}


#bannerHead {
background: #E71939;
width: 260px;
padding: 8px 10px;
float: left;
color: #fff;
} 
#bannerHead h2 {
font-weight: bold;
text-transform: uppercase;
}


#featured {
width: 200px;
float: left;
padding: 10px;
}
#featured h1 {
font: bold 1.6em helvetica, sans-serif;
line-height: 1.8em;
padding: 10px 10px 10px 20px;
margin-bottom: 20px;
color: #3b2f2d;
border-bottom: 1px solid #3b2f2d;
}

#featured h2 {
margin-bottom: 15px;
color: #E71939;

}


#featureText {
width: 200px;
display: inline;
float: left;
padding: 0px 10px;
}

#featureImage {
width: 660px;
float: right;
display: inline;
margin-right: 20px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:640px;
} 
html>body #featureImage {
  width: 640px;
} 


#featureText h2 {
color: #E71939;
}

#homeContent {
width: 300px;
padding: 10px;
background: #000;
float: left;
} 

#homeContent h3 {
font-size: 1.1em;
padding: 5px 0px;
border-top: 1px solid #fff;
line-height: 180%;
font-weight: bold;
background: #000;
color: #fff;
text-transform: uppercase;
} 


.resetter {
clear:both;
width: 1px;
height: 1px;
line-height: 1px;
padding: 0;
margin: 0;
}



/*Home features */

#homeStories {
float: left;
width: 300px;
padding-left: 0px;
padding-top: 10px;

}


.homeNews {
width: 300px;
float: left;
color: #fff;


} 
.lasthomeNews {
padding-right: 0;
}

.homeNews dt {
width: 280px;
border-top: 1px solid #999;
padding: 5px 0px;
color: #fff;
margin-bottom: 10px;
font-weight: normal;
} 
.homeNews dd.newsImage {
float: left;
}
.homeNews dd.newsImage img {
width: 230px;
}

.homeNews dd.newsDesc {
width: 280px;
font-weight: bold;
color: #fff;
margin-bottom: 25px;
} 


.homeNews dt a, .homeNews dt a:link, .homeNews dt a:visited {color:#fff;}
.homeNews dt a:hover {
color: #E71939;
padding-bottom: 1px;
}



#footer {
border-top: 1px solid #fff;
clear: both;
width: 300px;
color: #eee;
margin-top: 10px;
padding: 10px 00px;
padding-bottom: 10px;
} 

#footer ul, #footer ul li {
list-style: none;
}
#footer ul li {
margin-right: 60px;
float: left;
  font-size: .9em;
  line-height: 1.4em;
}
#footer ul li strong {

}
#footer ul li a, #footer ul li a:link, #footer ul li a:active {
color: #ccc;
}

#footer ul li a:hover {
color: #E71939;
}
.pink #footer {
color: #333;
border-top: 2px solid #333;
}
.pink #footer ul li a, .pink #footer ul li a:link, .pink #footer ul li a:active {
color: #666;
}


.white #footer {
color: #333;
border-top: 1px solid #333;
}
.white #footer ul li a, .white #footer ul li a:link, .white #footer ul li a:active {
color: #666;
}

.red #footer {
color: #000;
border-top: 1px solid #222;
}
.red #footer ul li a, .red #footer ul li a:link, .red #footer ul li a:active {
color: #fff;
}








/* Work List */

#caseFeatured {
width: 980px;
float: left;
}

#caseFeatured h2 {
color: #3b2f2d;
font-weight: bold;
border-bottom: 1px solid #3b2f2d;
padding: 10px 0px;
padding-left: 20px;
margin-bottom: 20px;
}


#caseFeatureText {
width: 320px;
display: inline;

float: left;
padding: 0px 50px 20px 20px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:250px;
} 
html>body #casefeatureText {
  width: 250px;
} 




#caseFeatureImage {
width: 660px;
float: right;
display: inline;
margin-right: 20px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:640px;
} 
html>body #caseFeatureImage {
  width: 640px;
} 
	
	

.caseContent {
width: 980px;
float: left;
margin-top: 20px;
} 

.caseHolder {
float: left;
width: 500px;

display: inline;
margin-right: 20px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:480px;
} 
html>body .caseHolder {
  width: 480px;
} 

.caseHolderEven {
margin-right: 0;
width: 480px;

}


.caseHolder dl, .caseHolderEven dl  {
float: left;
width: 480px;
padding-bottom: 20px;
} 





.caseHolder dl dt, .caseHolderEven dl dt {
float: right;
border-top: 2px solid #000;
padding: 10px 0px;
padding-top: 10px;
font-weight: bold;
width: 240px;

}
.caseHolder dd, .caseHolderEven dd {
float: right;
width: 240px;
color: #000;
}

 
.caseHolder dd.caseHolderImage, .caseHolderEven dd.caseHolderImage {
float: left;
width: 240px;
padding-right: 0px;
display: inline;
margin-right: 20px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:220px;
} 
html>body .caseHolder dd.caseHolderImage, html>body .caseHolderEven dd.caseHolderImage {
  width: 220px;
} 


.caseHolder dl a, .caseHolder dl a:link, .caseHolder dl a:visited, .caseHolderEven dl a, .caseHolderEven dl a:link, .caseHolderEven dl a:visited  {
color: #000;
}


.caseHolder dl a:hover, .caseHolderEven dl a:hover {
color: #E71939;
}



/*SubMenu */

#subMenuHolder {
display: none;
width: 980px;
float: left;
margin-top: 5px;

}

#subMenu {
float: left;
width: 980px;
padding: 5px 0px;

voice-family: "\"}\""; 
  voice-family:inherit;
  width:980px;
} 
html>body #subMenu {
  width: 980px;
} 

#subMenu li {
float: left;
font-weight: bold;
margin-right: 15px;
padding-left: 10px;
text-transform: uppercase;
margin-bottom: 5px;
width: 326px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:301px;
} 
html>body #subMenu li {
  width: 301px;
} 

#subMenu li a, #subMenu li a:link, #subMenu li a:visited {
color: #242424;
display: block;
background: #fdded8;
padding-left: 10px;
}

#subMenu li a:hover {
color: #fff;
background: #E71939;
}

/* Case Study details */

#detailContent {
float: left;
width: 980px;
float: left;
margin: 0px;
padding-top: 20px;
margin-top: 0px;
}


#detailLeft {
float: left;
display: inline;
margin-right: 20px;
width: 340px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:320px;
} 
html>body #detailLeft {
  width: 320px;
} 


#detailRight {
float: right;
width: 640px;
display: inline;
} 

#detailLeft h2 {
  padding-top: 5px;
  color: #000;
  border-top: 3px solid #000;

}


#detailLeft h4 {
margin-top: 20px;
  font-size: 1.2em;
  line-height: 1.4em;
}


#detailLeft p {
color: #222;
}
#detailLeft p strong {
font-weight: bold;
}


#similarTags {
margin-top: 40px;
float: left;
width: 320px;
}
#similarTags h2 {
  color: #000;
  border-top: 2px solid #000;
    font-size: 1.2em;
    line-height: 1.4em;
}

.subMenu2 li {
float: left;
margin-bottom: 10px;
}
.subMenu2 li.odd {
display: inline;
margin-right: 10px;

}

.detailImages {
width: 640px;
float: right;

}

.detailImages dl{
width: 640px;
float: left;
} 
.detailImages dt {

}
.detailImages dd {
background: url(http://www.redandgreydesign.ie/themes/site_themes/redGrey/images/about/arrow.gif) no-repeat center left;
border-top: 1px solid #242424;
color:  #222;
	margin: 15px 0px;
	padding: 5px 0em;
	padding-left: 20px;
	margin-bottom: 30px;
  font-size: .9em;

}



/* Archive */


#archiveList {
width:1000px;
float: left;
padding: 20px 00px;
} 

#archiveList h2 {
	clear: left;
	width: 980px;
	padding: 2px 0px;
	border-top: 3px solid #000;
	color: #000;
	margin-bottom: 15px;
	
} 

.archiveDL {
float: left;
width:250px;
margin-right: 20px;
height: 220px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:230px;
} 
html>body .archiveDL{
  width: 230px;
} 

.archiveDL dt {
float: left;
width: 230px;
margin-top: 10px;
font-weight: normal;
}
.archiveDL dd {
float: left;
width: 230px;
font-weight: normal;
color: #000;

}
.archiveDL dd.archiveHolderImage {
width: 230px;
height: 170px;
float: left;
overflow: hidden;
} 
.archiveDL dd.archiveHolderImage img {
margin-left: -0%;
margin-top: -0%;
}
.archiveDL dt a, .archiveDL dt a:link, .archiveDL dt a:visited {
color: #000;
} 
.archiveDL dt a:hover {
color: #E71939;
}

/* News */
#newsPage {
background: #fdded8;
float: left;
padding: 20px 0;
width: 980px;
} 



#newsCol {
 float: left;
 width: 780px;
 margin-right: 20px;
 
 display: inline;
 voice-family: "\"}\""; 
   voice-family:inherit;
   width:760px;
 } 
 html>body #newsCol {
   width: 760px;
 } 


.newsStory {
float: left;
width: 760px;
margin-bottom: 25px;
}

.story {
float: left;
width: 300px;
margin-right: 20px;
display: inline;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:280px;
} 
html>body .story {
  width: 280px;
} 


.socialNetHolder {
width: 200px;
float: left;
}



.newsStory h3 {
  color: #000;
border-bottom: 1px solid #E71939;
margin-bottom: 5px;
padding-top: 5px;
}

.newsStory h2 {
font-weight: bold;
  color: #000;
  border-top: 2px solid #000;
  padding-top: 5px;
  }
  


.newsStory h4 {
margin-bottom: 3px;
  color: #777;
    font-size: 1.2em;
    line-height: 1.4em;
  }
  

  
.newsFeatImage {
float: right;
margin-bottom: 20px;

}


ul#pageMenu {
float: left;
width: 760px;
border-top: 1px solid #000;
}
ul#pageMenu li {
  font-weight: bold;
  padding-top: 5px;
  text-transform: uppercase;
}

ul#pageMenu li#prev {
float: left;

}
ul#pageMenu li#next {
float: right;

}
ul#pageMenu li a:hover {
color: #242424;
}

#funcCol {
float: right;
width: 200px;

} 





#newsFeatImage {
margin-bottom: 20px;
}



#socialNet li {
float: left;
margin-right: 5px;
}


#funcCol h3 {
border-top: 2px solid #000;
color: #000;
padding: 5px 0px;
  font-weight: bold;

}

#twitterBox {
margin-bottom: 20px;
float: left;
width: 200px;
}
#twitterBox p {
border-top: 1px solid #242424;
float: left;
margin-top: 10px;
width: 100%;
  font-size: .9em;
  line-height: 1.4em;
}

#twitter_update_list {
float: left;
width: 200px;
}
#twitter_update_list li {
float: left;
width: 200px;
}
#twitter_update_list li span {
	font-weight: bold;
	color: #66594C;
	float: left;
	width: 200px;
	margin-bottom: 5px;
}
#twitter_update_list li a {


}
#twitter_update_list li a:hover {
color: #66594C;
}

#archiveBox {
width: 200px;
float: left;

margin-bottom: 20px;
}
#archiveBox select {
width: 200px;
margin-bottom: 8px;

} 

#newsletterBox {
width: 200px;
float: left;

margin-bottom: 20px;
}


#newsletterBox input {
width: 200px;
margin-bottom: 8px;
background: #66594C;
color: #fdded8;
border: none;
padding: 3px 5px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:190px;
} 
html>body #newsletterBox input  {
  width: 190px;
} 
#newsletterBox .subButton {
background: #E71939;
color: #fff;
width: 200px;
text-align: left;
text-transform: uppercase;
font-weight: bold;
}


#article {
float: left;
width: 460px;
display: inline;
margin-right: 20px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:440px;
} 
html>body #article {
  width: 440px;
} 


#articleBox {
float: left;
width: 220px;
margin-top: 40px;
}

#articleBox h3 {
  font-size: 1.2em;
  line-height: 1.4em;
  font-weight: bold;
  border-top: 2px solid #000;
  margin-bottom: 1.4em;
  padding-top: 5px;
}






/************************************************************************ About Section ************************************************************************/

#aboutPage {
width: 980px;
float: left;
padding: 20px 00px;

} 
#aboutLeft {
width: 740px;
float: left;
} 
#aboutLeft h2 {
border-top: 3px solid #000;
font-weight: bold;
padding: 3px 0px;
color: #000;
}

#aboutBody h3 {
font-weight: bold;
width: 280px;
color: #242424;
}

#aboutBody {
float: left;
width: 340px;
margin-right: 20px;
display: inline;
color: #222;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:320px;
  }
html>body #aboutBody {
  width: 320px;
} 

#aboutImage {
float: right;
width: 400px;
margin-top: 0px;
background: red;
}


#aboutRight {
float: right;
width: 220px;
border-top: 3px solid #000;
}

#aboutSubmenu {

}
#aboutSubmenu li, #articleBox li {
color: #222;
padding: 5px 5px;
border-bottom: 1px solid #242424;

}
#aboutSubmenu li a, #aboutSubmenu li a:link, #aboutSubmenu li a:hover, #articleBox li a, #articleBox li a:link, #articleBox li a:hover {
color: #222;
}

#aboutSubmenu li a:hover, #articleBox li a:hover {
color: #E71939;
}

#aboutSubmenu li.subSelected, #aboutSubmenu li.subSelected a {
color: #fff;
background: #E71939;

}



#aboutListLeft ul, #aboutListRight ul {

}
#aboutListLeft ul li, #aboutListRight ul li {
margin-bottom: 20px;
}
#aboutListLeft ul li strong, #aboutListRight ul li strong  {
color: #000;
display: block;
float: left;

}



#aboutList {
float: left;
margin-top: 20px;
border-top: 3px solid #684f40;
width: 940px;
}

#aboutClientListHolder {
float: left;

width: 980px;
padding: 20px;
padding-right: 0px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:960px;
} 
html>body #aboutClientListHolder {
  width: 960px;
} 

#aboutClientList {
float: left;
width: 960px;
}



#aboutList h3, #aboutClientList h3  {

  color: #E71939;
  padding: 3px 0px;
  margin-bottom: 1.4em;
}

#aboutClientList h3  {
border-top: 1px solid #000;
color: #000;
margin-right: 20px;
}


#aboutListLeft {
float: left;
width: 360px;
margin-right: 20px;
display: inline;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:340px;
} 
html>body #aboutListLeft {
  width: 340px;
} 
#aboutListRight {
float: right;
width: 320px;
}

#aboutClientList ul li {
float: left;
width: 240px;
margin-right: 10px;

  color: #000;

voice-family: "\"}\""; 
  voice-family:inherit;
  width:230px;
} 
html>body #aboutClientList ul li {
  width: 230px;
} 
#aboutClientList ul li a, #aboutClientList ul li a:link, #aboutClientList ul li a:visited {
color: #E71939;
}
#aboutClientList ul li a:hover {
color: #000;
}
#aboutList p {

}



/************************************************************************ Shop Section ************************************************************************/


#shopList {
float: left;
width: 500px;
display: inline;

padding: 10px 0 20px 20px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:480px;
} 
html>body #shopList {
  width: 480px;
} 

#shopList h3 {
  font-weight: bold;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  width: 460px;
}
.shopDL {
float: left;
width: 240px;
display: inline;
margin-right: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #000;
padding-bottom: 5px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:220px;
} 
html>body .shopDL {
  width: 220px;
} 

.shopDL dt {
font-weight: bold;
color: #E71939;
margin-top: 10px;
float: left;
width: 220px;
padding-top: 5px;
margin-bottom: 5px;
border-top: 1px solid #000;
}
.shopDL dt a, .shopDL dt a:link, .shopDL dt a:visited {
color: #000;
}
.shopDL dt a:hover {
color: #E71939;
}
.shopDL dd {

color: #E71939;
font-weight: bold;
}
.shopDL dd.shopDLMore {
text-align: left;

}
.shopDL dd a, .shopDL dd a:link, .shopDL dd a:visited {
color: #E71939;
}
.shopDL dd a:hover {
color: #000;
}


#shopPageRight {
float: right;
width: 480px;
padding: 10px 20px 20px 0px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:460px;
} 
html>body #shopPageRight {
  width: 460px;
} 

#shopPageRight h2 {
  font-weight: bold;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  width: 460px;
}

#shopPageRight h3 {
  font-size: 1.4em;
  line-height: 1.6em;
  font-weight: bold;
  margin-bottom: 1.6em;
}


#shopPageRight p {
padding-right: 20px;
}




.shopDetail {
float: left;
width: 480px;
margin-top: 10px;
}

.shopDetail dt {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #000;
width: 460px;
}
.shopDetail dd {
  font-size: 1.4em;
  line-height: 1.4em;
  font-weight: bold;
  float: left;
  margin-bottom: 20px;
  padding-top: 10px;

  width: 460px;
}
.shopDetail .shopDetailMore {
float: left;
margin-right: 20px;
width: 120px;
padding-top: 0px;

border-top: none;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:100px;
} 
html>body .shopDetail .shopDetailMore {
  width: 100px;
  
} 

.shopDetail dd a, .shopDetail dd a:link, .shopDetail dd a:visited {
background: #000;
display: block;
color: #fff;
padding: 2px 5px;
}
.shopDetail dd a:hover {
background: #E71939;
}
.shopDetail dd.shopDetailMore a {
padding: 0px;
}


/* Process */

#processBody h2 {
width: 700px;
color: #222;
}

.process {
float: left;
width: 700px;
margin-bottom: 30px;


}
.process dt {
float: left;
border-top: 2px solid #000;
font-weight: bold;
margin-bottom: 10px;
padding-top: 5px;
width: 420px;
display: inline;
margin-right: 20px;
}
html>body .process dt {
  width: 400px;
} 

.process dd {
float: left;
width: 420px;
margin-right: 20px;
display: inline;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:400px;
} 
html>body .process dd {
  width: 400px;
} 

.process dd.processPic {
float: right;
width: 280px;
margin-right: 0;
}


#internHolder {
float: left;
width: 700px;
margin-top: 50px;
}


#internBody {
float: left;
width: 340px;
display: inline;
margin-right: 20px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:320px;
} 
html>body #internBody {
  width: 320px;
} 


#contactLeft {
float: left;
width: 280px;
margin-right: 20px;
display: inline;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:260px;
} 
html>body #contactLeft {
  width: 260px;
} 

#contactMap {
float: right;
width: 460px;
height: 380px;
}
#contactRight {
margin: 10px 0px;

}
#contactRight img {

}
#contactRight h3 {
margin-top: 20px;
border-top: 2px solid #000;
padding-top: 5px;
font-weight: bold;
margin-bottom: 10px;
}