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


 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

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


	
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.4;  margin-top: 35px;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#000;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; background: #fff;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#000	; background-color:trasparent; font-weight: bold;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.3em;line-height:1.5;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1.5em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p { margin: 0em 0em 1.2em 0em; line-height: 1.2em; text-align:justify; line-height: 1.4;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color: #FF0000;}
a {color: #FF000;text-decoration:underline;}
blockquote {margin:1.5em;color:#A61124;font-style:italic; font-size: 1.2em; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: normal;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}

.alt {color:#A61124;font-style:italic; font-size: 1.2em; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: normal;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #666;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd; width: 370px; font-size:1.2em;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color: #CC9900  ;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* grid.css */
.container {width:870px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.clear {clear:both;}

a { color:#A61124; font-weight: bold; text-decoration: none}
a:hover { color: #330000}
a:visited { color:#A61124}
a:selected { color:#A61124}

#wrapper {margin: 0 auto;width: 870px;}
#header { width: 870px; height: 135px; border-bottom: solid 1px #fff; display:block; position:relative;} 
.logo { position:absolute; top:13px; right:15px;} 

#maincontent { width: 870px; position: relative; background: url(../images/content_bg.gif) repeat-y; } 
#maincontent.whatwedo { background: url(../images/content_bg.gif) repeat-y; } 

#maincontent.portfolio {  background: none; height: 356px; overflow:hidden; } 
#maincontent.home { height: 355px; overflow:hidden;  margin-top:-20px;} 
#maincontent.content { padding-left:30px; padding-top:20px;  }
#maincontent.content  h4 {color: #A61124}
#subcontent { width: 870px; background: url(../images/title_designwest-live-news.png) no-repeat top left #fff; height: 40px; } 
#footer { width: 870px; background: #2EA5EC; text-align: left; } 
.paragraph { padding:50px 0px 15px 37px; font-size: 1.1em; width:448px;}
.intro_home .paragraph { padding:50px 18px 15px 35px; font-size: 1.1em; width:330px;}
.heading_p { padding:50px 10px 0px 30px; font-size: 1.1em;}

#shadow { background: url(../images/subtitle_shadow.gif) no-repeat; height: 8px;} 
#end_shadow { background: url(../images/end_shadow.gif) no-repeat; height: 8px;} 
#end_shadow2 { background: url(../images/end_shadow2.gif) no-repeat; height: 8px;} 

#subtitle { background: url(../images/subtitle_bg.gif) repeat-y; padding-left:30px; padding-top:20px; position:relative} 
#subtitle h6 {color:#A61124} 

#portfolio #subtitle h2 { text-indent: -9999px; background: url(../images/title-our-portfolio.gif) bottom left no-repeat; height:22px;  margin-bottom:15px; }
#work #subtitle h2 { text-indent: -9999px; background:url(../images/title-just-some-of-what-we-do.gif) bottom left no-repeat; height:22px;  margin-bottom:15px; }
#about #subtitle h2 { text-indent: -9999px; background:url(../images/title-about-us.gif) bottom left no-repeat; height:22px;  margin-bottom:15px; }
#contact #subtitle h2 { text-indent: -9999px; background:url(../images/title-contact-us.gif) bottom left no-repeat; height:22px;  margin-bottom:15px; }
#subtitle p { width:450px;} 


#maincontent a:link { color:#FFF107} 
#maincontent a:hover { color:#FFF107} 

.home_feature { float:right; position: absolute; top:25px; left:210px; z-index: 1007;}

.home_intro {float:left; position: absolute; top:80px; left:160px; z-index: 1008;}
.home_intro h2 {text-indent: -9999px; background: url(../images/title-welcome-to-signwest.gif) bottom left no-repeat; height:22px;  margin-bottom:15px; }
.home_intro p { width: 250px; font-size: 1.15em; }
.portfolio_mask { float:left; position: absolute; top:0; left:0; }

ul.index_list { list-style: none; padding:0; margin:0; float:left; margin-bottom: 20px; margin-right: 20px;}
.index_list li { margin: 2px 0; font-size: 0.9em; display:block; padding: 0px;}
.index_list li:hover { margin: 2px 0; font-size: 0.9em; display:block; background:#CCCCCC; padding: 0px;}
.index_list li a  { display:block; padding:3px 5px;}
.index_list li a:hover  {  color:#000;}


#footer p { display:none;}
.bttn_signwest { float:right; }
#referentials a {color:#FFF107;
}
#referentials p { text-align:left;
}
.scrolling_work ul { list-style: nonel}
#subtitle.home {padding-top:0;}

.thumbnail { float:left ;width: 158px; height:170px; text-align:center; margin: 0px 58px 20px 0px; overflow:hidden; }
.thumbnail img {  border:solid 4px #fff; margin-bottom: 10px;-moz-box-shadow: -10px -10px 5px #999;-webkit-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.8); box-shadow: -10px -10px 5px #999;}
.thumbnail img:hover {  border:solid 4px #CC0000;}

.ref1 { margin-right:0px; height:130px; width: 309px; background:#23A0EA; border-top: solid 1px #fff;border-bottom: solid 1px #fff;border-right: solid 1px #fff; overflow:hidden;}
.ref2 { margin-right:0px; height:130px; width: 308px; background:#23A0EA; border: solid 1px #fff; overflow:hidden;}
.ref3 { margin-right:0px; height:130px; width: 309px;background:#23A0EA; border-top: solid 1px #fff;border-bottom: solid 1px #fff;border-left: solid 1px #fff; overflow:hidden;}
#subcontent.news_ticker { width: 730px; padding-left: 220px; padding-top: 19px;}

#referentials.home_ref { background: url(../images/title_recent_projects.png) top left no-repeat #E51922;padding-top: 36px;height: 170px;overflow: hidden;}
#referentials.content_ref {padding: 15px 0px 5px 0px;height: 145px; overflow: hidden;}
#referentials.work_ref {background: url(../images/title_some-of-our-recent-clients.png) 37px 0px no-repeat #E51922; padding: 15px 0px 5px 0px;height: 145px; overflow: hidden; font-size: 0.9em; }

#TICKER span { padding: 2px; }
.floatright { float: right; }

span.ref_content p { padding:10px 5px 5px 15px; font-size: 0.9em; }
span.ref_content img { padding: 5px 5px 5px 10px;}

.folio_captions span { font-size: 0.95em;}
.input_width { width:300px; height: 15px; font-size: 1em; padding: 3px;}
.input_textbox { width:300px; height: 50px; font-size: 1em; font-family:Arial, Helvetica, sans-serif}
.select { width:310px; font-size: 1em; padding: 3px;}

.contact_form input { border: none; margin-bottom:10px; margin-top:5px;border:1px solid #666;}
.contact_form label {}

.map_column {width: 410px; float:right; }
.map_column iframe { border: solid 2px #A61124; margin-top: 10px; }

.contact_column {width: 400px;}
input.submit { border:none;}

.up {margin-top:-4px;}
.nav_arrows {
text-align:right;
width: 370px;
float:right;
margin-top: 5px;

}


.paragraph_wrap { position:relative;}
.image_right {float:right; padding-right:25px;}
.right_align {
float:right;
position:absolute;
top:50px;
left: 520px;
}

hr { width:820px; float:left;}

.right_button {
text-align:right;
width: 270px;
float:right;
margin-top: 20px;
margin-right: 35px;
}

.prev_bg { background: url(../images/bttn_disabled_previous.gif) no-repeat; width:185px; height:60px; }
.next_bg { background: url(../images/bttn_disabled_next.gif) no-repeat; width:185px}

a:focus {outline: none;}
		
    /* image replacement */
  
.preload { display:none;}


	/*#prevBtn {position:relative;
		left:10px;
		top:0px;	
		float: left;
				}
			
	#nextBtn { position:relative;
		left:300px;
		top:20px;
		float: left;
		}							*/							
	#prevBtn a{  
	text-indent: -8000px;
	display:block;
		width:185px;
		height:67px;
		background:url(../images/bttn_ongrey_previous.gif) no-repeat 0 0;

		
		}	
	#nextBtn a{ 
	text-indent: -8000px;

	display:block;
		width:185px;
		height:67px;
		background:url(../images/bttn_ongrey_next.gif) no-repeat 0 0;
		}		
		
		#arrowtext { width: 316px; float:left; height: 60px; padding: 28px 5px 0px 5px; text-align:center; }										

#folio_nav { width: 425px; float:left; position: relative; top: 200px; left: 0px; z-index: 1007;}

    /* // image replacement */
			

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:696px;
		background:#fff;		
		margin-bottom:2em;
		}					
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}	
		
		#slider2  ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:300px;
		height:300px;
		overflow:hidden; 
		}
		
	#slider2 { margin-top:28px;}	
	#slider2 li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:853px;
		height:300px;
		overflow:hidden; 
		}
#slider2 p { margin: 0em 0em 1.2em 0em; line-height: 1.2em;}

#slider1 { float:right;  margin-top:10px; }	
	#slider1 li { 
			/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:430px;
		height:290px;
		overflow:hidden;
		}
#slider1 p { margin: 0em 0em 1.2em 0em; line-height: 1.2em;}

#slider1 ul {width: 400px;}


#slider ul,li { margin:0; padding:0;}

.folio_casestudy {
	width:250px;
	height:430px;
	padding-left: 170px;
	padding-top: 70px;
	background:none;

}

.index_list {}


#slider2 h2 {font-size: 1.7em; margin-bottom: 0.5em; }
#slider2 h3 {font-size: 1.3em;margin-bottom: 0.5em; }

.home_image { float:right; width:300px; margin-right:28px;}
.folio_image { float:right; width:430;}
/* // Easy Slider */

#nav_wrap { width: 870px; height: 35px; background: url(../images/tab_background.png) top right repeat-x ; border-bottom: 1px solid #fff;} 
#nav { margin: 0; padding: 0; list-style: none; }
#nav li {float:left; margin:0; padding:0;}
#nav a { display:block; text-indent: -8000px; }

.home_tab { background:url(../images/tab_home.png) no-repeat; height:35px; width: 100px; }
.home_tab:hover { background:url(../images/tab_home_f3.png) no-repeat; }
#home .home_tab { background:url(../images/tab_home_f2.png) no-repeat;}

.about_tab { background:url(../images/tab_about-us.png) no-repeat; height:35px; width: 114px;}
.about_tab:hover { background:url(../images/tab_about-us_f3.png) no-repeat;}
#about .about_tab { background:url(../images/tab_about-us_f2.png) no-repeat;}

.work_tab { background:url(../images/tab_what-we-do.png) no-repeat; height:35px; width: 136px; }
.work_tab:hover { background:url(../images/tab_what-we-do_f3.png) no-repeat;}
#work .work_tab { background:url(../images/tab_what-we-do_f2.png) no-repeat;}

.portfolio_tab { background:url(../images/tab_our-portfolio.png) no-repeat; height:35px; width: 144px;}
.portfolio_tab:hover { background:url(../images/tab_our-portfolio_f3.png) no-repeat;}
#portfolio .portfolio_tab { background:url(../images/tab_our-portfolio_f2.png) no-repeat;}

.contact_tab { background:url(../images/tab_contact-us.png) no-repeat; height:35px; width: 132px; }
.contact_tab:hover { background:url(../images/tab_contact-us_f3.png) no-repeat;}
#contact .contact_tab { background:url(../images/tab_contact-us_f2.png) no-repeat;}


/**
 * Clearfix
 */

.clearfix:after {content: ".";	display: block;	clear: both;visibility: hidden;	line-height: 0;	height: 0;}
.clearfix {	display: inline-block;}
html[xmlns] .clearfix {	display: block;}
* html .clearfix {height: 1%;}

.clear { clear:both;}