/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* @author Edited by Rhys Jenkins (www.designfactory.ie)


*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11px;
	font-family: Helvetica Neue, Helvetica, Arial, Sans;
	color: #666666;
	background-color: #cccccc;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }


#page {
	width: 990px;
	}
	
/* LINKS */
	
	
	/* colors for all links */
a:link { 
	text-decoration: none; /* none = no underline, other options include line-through or overline */
	color: #666666; /* sets hex color of every link - www.colorpicker.com or photoshop to find hex values */
	}
	
a:hover { 
	text-decoration: none;
	color: #666666;
	}
	
a:active { 
	text-decoration: none;
	color: #666666;
	}
	
	/* highlights links that you have already clicked. This can be helpful for users to identify which items they have already seen*/
a:visited { 
	text-decoration: none;
	color: #666666;
	}

	/* any img that is a link */
a img { 
	border: none; 
	}

/* Pre-Nav Text - Can be accessed in the Exhibit Settings */
	
	
.top-section {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px; /* matches padding left in #menu ul */
	font-size: 18px;
	line-height: 16px;
	color: #FFFFFF;
	font-family: Helvetica Neue, Helvetica, Arial, Sans;
	}


/* MENU */


#menu {
	float:left;
	width: 234px; /* sets the width of your left hand bar - if you change this also change the LEFT margin in #content to match */
	padding-top: 14px; /* change to match the padding-top in #content if you want them to align */
	/* padding-left & right can be changed in #menu ul - below */
	font-size: 11px;
	}
	
#menu ul {
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; /* sets the space between each section */
	margin-left: 0px;
	/* sets the spacing around the menu - this is normally set to match padding options in #content but can be changed seperately */
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	}

#menu ul li {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 10px;
	background-color:#cccccc;
	}
	
#menu ul li:hover {
	background-color:#E2E2E2;
	}	

#menu ul li:visited { 
	background-color:#333333;
	}
	
#menu a {
	display:block;
	}
	
	/* The following sets the style for the section heading */
#menu ul li.section-title {
	font-family: Helvetica Neue, Helvetica, Arial, Sans;
	font-size: 11px;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 10px;
	/* Following lines adds a line about each section */
	border-top-color: #d30000;
	border-top-style: solid;
	border-top-width: 1px;
	background-color:#ffffff;
	}
	
#menu ul li.section-title:hover {
	background-color:#E2E2E2;
	}	
	
#menu ul li.section-title:visited {
	background-color:#333333;
	}	
	
#pages {
	}
	
#pages ul {
	font-family: Helvetica Neue, Helvetica, Arial, Sans;
	font-size: 11px;
	list-style: none;
	}
	
#pages ul li {
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-top-color: #d30000;
	border-top-style: solid;
	border-top-width: 1px;
	background-color:#ffffff;

	}
	
#pages a {
	display:block;
	color:#666666;
	}
	
#sectors {
	}
	
#sectors ul {
	font-family: Helvetica Neue, Helvetica, Arial, Sans;
	font-size: 11px;
	list-style: none;
	}
	
#sectors ul li {
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-top-color: #d30000;
	border-top-style: solid;
	border-top-width: 1px;
	background-color:#d30000;
	}	

#sectors a {
	display:block;
	color:#ffffff;
	}
	
#sectors ul li:hover {
	background-color:#FF0100;
	}
	

/* This sets the style for Post-Nav Text which can be accessed in the Exhibit Settings */
		
#copy {
	font-size: 11px;
	color: #FFFFFF;
	font-family: Helvetica Neue, Helvetica, Arial, Sans;
	margin-top: 2px;
	padding-top: 10px;
	border-top-color: #cccccc;
	border-top-style: solid;
	border-top-width: 1px;
	}


/* CONTENT AREA */

#content {
	float: left;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 14px; /* sets the space so the content starts right when the menu ends - if you change this also change the width of #menu to match */
	/* sets the spacing around the content area - this is normally set to match padding options in #menu but can be changed seperately */
	padding-top: 0px;  /* change to match the padding-top in #menu if you want them to align */
	padding-right: 0px;
	padding-bottom: px;
	padding-left: 0px;
	width: 491px;
	}

.container {
	margin-top:0px;
	}
	
.nav {
	position:fixed;
	margin-left: 14px;
	padding-top: 0px;
	background-color:#FFFFFF;
	padding-bottom: 0px;
	height: auto;
	width: 220px;
	padding-left: 0px;
	}

#content p { /* sets the properties for all paragraphs in the content area */
	width: 450px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px; /* sets the space between paragraphs */
	margin-left: 0px; 	
	}

p { /* sets the properties for all paragraphs  */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 9px;
    margin-left: 0;
	}
	
.bott	{
	padding-top: 4px;
	padding-left: 4px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
	padding-bottom: 2px;
	}

/* HEADINGS */
	
	/*
	when typing your text/descriptions follow this format to use these heading types
	
	<h1>This is the text i want to be a heading which</h1>
	
	start with h1 as your largest most important heading. you may not need all 4 but they are here if you do.
	*/
	
h1 { 
	width: 450px;
	font-family: Helvetica Neue, Helvetica, Arial, Sans;
	font-weight: normal;
	line-height: 18px; 
	letter-spacing: 0.4px;
	font-size: 12px;
	color: #ffffff; /* This color overides the color set in "body". Delete this line if you want the colors of the headings to match the rest of your type */
	padding-bottom: 8px; /* sets the spacing between the heading and paragraph below */
	}
	
h2 { 
	font-family: Helvetica Neue, Helvetica, Arial, Sans;
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	padding-bottom: 8px; /* sets the spacing between the heading and paragraph below */
	}
	
h3 { 
	font-family: Helvetica Neue, Helvetica, Arial, Sans;		
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	padding-bottom: 8px;
	}
	
h4 { 
	font-size: 11px;
	line-height: 16px; 
	font-weight: normal;
	color: #ffffff;
	padding-left: 10px;
	padding-bottom: 15px;

	}


/* IMAGES */

#img-container	{ 
	width: 471px;
	padding: 2px;
	background-color: #ffffff;
	}
		
	
.nothumb img {
	margin-top: 0px;  
	margin-right: 1px;
	margin-bottom: 00px;
	margin-left: 0px;
	border-color: #dbe2e0; /* erase the following 3 lines if you dont want borders on your images */
	border-width: 1px; 
	border-style:  solid;
	}
	
#once { clear: left; }
	
	
/* Client pages style */

#home_back {
	background-image: url(http://www.designfactory.ie/images/alpha2.png);
	}

#home {
	margin-top:0;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
	}

	
#home ul {
	list-style: none;
	margin-top: 15px;
	margin-bottom: 8px;
	margin-right: 20px;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	}

#home ul li {
	font-family: Helvetica Neue, Helvetica, Arial, Sans;
	font-size: 11px;
	letter-spacing: 0.4px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 0px;
	color: #ffffff;
	border-top-color: #ffffff;
	border-top-style: solid;
	border-top-width: 1px;
	}

#home ul li a {
	display:block;
	}	

#home ul li:hover {
	background-color:#333333;
	}	
	
#home ul li:visited {
	background-color:#666666;
	}
	
#homeimg_container {	
	margin-top: 40px;
	}
	
#homeimg {	
	margin-top: 14px;
	margin-right: 14px;
	padding: 0px;
	border: none;
	}

#homeimg:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	}

#blogheader {
	width: 461px;
	height: 65px;
	font-size: 16px; 
	letter-spacing: 0.4px;
	background-color: #d30000;
	margin-top:0px;
	padding-top: 14px;
	padding-right: 15px;
	padding-left: 15px;
	}

#blogheader ul {
	list-style: none;
	}

#blogheader ul li {
	color:#FFFFFF;
	font-family: Helvetica Neue, Helvetica, Arial, Sans;
	font-size: 11px;
	letter-spacing: 0.4px;
	}
	
#clientheader {
	width: 461px;
	height: 65px;
	background-image: url(http://www.designfactory.ie/images/alpha2.png);
	font-size: 16px; 
	letter-spacing: 0.4px;
	color: #ffffff;
	margin-top:0px;
	padding-top: 14px;
	padding-right: 15px;
	padding-left: 15px;
	}

#clientheader ul {
	list-style: none;
	}

#clientheader ul li {
	font-family: Helvetica Neue, Helvetica, Arial, Sans;
	font-size: 11px;
	letter-spacing: 0.4px;
	}
	
#clientDiv {
	width: 461px;
	background-color: #ffffff;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
	margin-top:0px;
	padding-top:15px;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:0px;
	}

#line {
	border-bottom: #999999;
	border-bottom-style: dashed;
	border-bottom-width:thin
	}
	
#line_two {
	border-bottom: #999999;
	border-bottom-style: solid;
	border-bottom-width:thin;
	margin-bottom: 4px;
	margin-bottom: 4px;
	}


/* Corporate pages style */

#corporate_header {
	width: 461px;
	height: 65px;
	background-image: url(http://www.designfactory.ie/images/alpha2.png);
	font-size: 16px;
	letter-spacing: 0.4px; 
	color: #ffffff;
	margin-top:0px;
	padding-top: 14px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	}
	
#corporate_body {
	height: auto;
	width: 461px;
	background-color: #ffffff;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
	padding:15px;
	}

#archive {
	width: 461px;
	background-color: #ffffff;
	font-size: 11px;
	line-height: 16px;
	color: #999999;
	padding:15px;
	}

#news_body {
	width: 461px;
	background-color: #ffffff;
	padding:15px;
	}

#news_item {
	background-color: #ffffff;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
	}

#news_line {
	padding-top: 6px;
	padding-bottom: 6px;	
	border-bottom: #333333;
	border-bottom-style: dashed;
	border-bottom-width:thin
	}



	
/* SLIDE SHOW - Navigation */
	
p.nav a {
	background-color: #eeeeee;
	padding-top: 3px;
	padding-right: 9px;
	padding-bottom: 3px;
	padding-left: 9px;
	font-size: 11px;
	font-family: Helvetica Neue, Helvetica, Arial, Sans;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	}
	
p.nav a:hover {
	background-color: #cccccc;
	}
	
p.nav span#num {
	letter-spacing: 2px;
	font-family: Helvetica Neue, Helvetica, Arial, Sans;
	padding-left: 20px;
	}
	
#press {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
	
#links {
	margin-top: 0px;
	margin-left: 0px;
	background-color:#ffffff;
	width: 205px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	}	
	
#linkimg {
	border: none;
	margin-right: 6px;
	}

	
#contact {
	float:left;
	margin-top: 14px;
	margin-left: 14px;
	padding-top: 15px;
	background-color:#d30000;
	letter-spacing: 0.4px;
	width: 220px;
	}
	
#contact ul {
	list-style: none;
	}

#contact ul li {
	background-color:#ffffff;
	color: #999999;
	font-family: Helvetica Neue, Helvetica, Arial, Sans;
	font-size: 11px;
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	border-top-color: #d30000;
	border-top-style: solid;
	border-top-width: 1px;
	}
	
#contact ul li:hover {
	background-color:#E2E2E2;
	}	
	
#contact ul li:visited {
	background-color:#ffffff;
	}
	
#contact a {
	display:block;
	color:#666666;
	}


/* Contact for and ezine */

#go {
	margin-top: -32px;
	margin-left: 165px;
	position: float;
	}
	
#go2 {
	margin-top: -32px;
	margin-left: 360px;
	position: float;
	}

form_contact {
	background:#fff;
	padding:1em;
	border:1px solid #eee;
}

fieldset div {
	margin:0.3em 0;
	clear:both;
}
label {
	float:left;
	width:5em;
	text-align:right;
	margin-right:1em;
}
legend {
	color:#999999;
	font-size:1.2em;
}
legend span {
	width:10em;
	text-align:right;
}
input {
	padding:0.15em;
	border:1px solid #ddd;
	color:#666666;
	background:#fafafa;
	font:11px Helvetica Neue, Helvetica, Arial, Sans;
}
input:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 
fieldset {
	border:1px solid #ddd;
	padding:0 0.5em 0.5em;
}

.name {
	width:22em;
	height:1.2em;
	margin-top:4px;
	}

.email {
	width:22em;
	height:1.2em;
	margin-top:4px;
}

.comment {
	width:22em;
	height:8em;
	margin-top:4px;
}

.ezineemail {
	width:12em;
	height:1.4em;
}

input.default {
	color:#bbb;
}

#contact_submit {
	background:url(http://www.designfactory.ie/images/go.jpg) no-repeat 0 0;
	color:#bbb;
	margin-top:1em;
	width:30px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	display:block;
	cursor:pointer !important; cursor:hand;
}

#contact_submit:hover {
	filter: alpha(opacity=4);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

#iframed {
	height:100%;
}

#img-container p span { 
	font-size: 12px;
	color:#666666;
	padding-top: 0px; 
	}

#twitter {
	float:left;
	margin-left: 14px;
	background-color:#939393;
	letter-spacing: 0.4px;
	width: 220px;
}

#twitter {
	list-style: none;
	}
#twitter p {
	color:#FFFFFF;
	padding-left:10px;
	padding-top:8px; 
 	}
	
#twitter a {
	color:#FFFFFF;
	padding-left:0px;
	padding-top:2px; 
	display:block;
 	}

#twitter a:link {
	color:#FFFFFF;
 	}

#twitter a:hover {
	color:#FFFFFF;
 	}

#twitter a:active {
	color:#FFFFFF;
 	}
	
#twitter a:visited {
	color:#FFFFFF;
 	}
	
#twitter ul li {
	background-color:#DDDDDD;
	color: #333333;
	font-family: Helvetica Neue, Helvetica, Arial, Sans;
	font-size: 11px;
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	}

#twitter_container {
height:auto !important;
padding-top:3px;
background-color:#DDDDDD;
}
#twitter_update_list {
width: 210px;
overflow: hidden;
font-size: 11px;
font-family: Helvetica Neue, Helvetica, Arial, Sans;
color: #000000;
line-height: 14px;
}
#twitter_update_list li {
width: 200px;
list-style: none;
padding-bottom:3px;
}
#twitter_update_list li a {
color:#d30000;
text-decoration: none;
}

#twitter_update_list li a:link {
color:#d30000;
text-decoration: none;
}