@import url("nav_spring.css");


* /*Sets border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}

body, html {
color: #714a28;
font-family: Georgia, "Times New Roman", Times, serif;
background-color: #eee3cb;
text-align: center;
height: 100%;
}

body {
font-size: 12px;
line-height:18px;
}

p {padding: 7px 0 7px 0;}

a {
color:#714a28;
}

a:hover{
color: #ca7160;
text-decoration: none;
}

h1, h2, h3 {
font-family:Georgia;
}

h1 {
font-size: 30px;
color:#ca7160;
margin:36px 0 20px 0;
font-weight:normal;
}

h1.title {
float:left;
font-size: 30px;
line-height:30px;
color:#ca7160;
margin:34px 0 20px 0;
font-weight:normal;
}

h2 {
font-size: 18px;
color:#ca7160;
margin:20px 0 10px 0;
font-weight:normal;
}

h3 {
font-size: 1.3em;
}

h4 {
font-size: 1.3em;
}

h5 {
font-size: 12px;
font-weight:bold;
font-style:italic;
margin:0 0 10px 0;
color:#ca7160;
}

strong {
color:#c;
}

.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }

.hidden {
display:none;
visibility: hidden;
}


#mainContainer {
width: 100%;
margin: 0 auto;
min-height: 100%;
text-align: left;
}

* html #mainContainer {
height: 100%;
}

/**************************
HEADER
**************************/
#header {
height: 133px;
width:100%;
background: url(img/header_bg_spring.gif) top center repeat-x;
}

#header h1 {
float:right;
margin:0;
}

#header h1 a {
display:block;
height:40px;
width:120px;
}

#headercontentbox {
width:951px;
height:133px;
margin:0 auto;
background:transparent url(img/logo_bg_spring.png) top center no-repeat;
}

/**************************
CONTENT AND COLUMNS
**************************/
#content {
margin: 0 auto;
width: 951px;
height:auto;
padding:0 0 30px 0;
}
* html #content {
position: relative;
}

#content.secondary {
width: 951px;
min-height:550px;
border-top:#decfb1 6px solid;
background:transparent url(img/secondary_contentbgSPRING.gif) top center no-repeat;
}
* html #content.secondary {
position: relative;
}

#secondary_contentwrap {
width:919px;
height:100%;
min-height:550px;
background:transparent url(img/secondary_contentbgSPRING.gif) bottom center no-repeat;
border-bottom:#decfb1 6px solid;
padding:0 0 20px 32px;
margin-bottom:30px;
}

#secondary_contentwrap p {
padding:0 170px 12px 0;
}

#secondary_contentwrap.portf {
position:relative;
background:transparent url(img/secondary_contentbgSPRING.gif) bottom center no-repeat;
}

#promobox {
position:relative;
width:951px;
height:246px;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border:#decfb1 6px solid;
width:939px;
height:246px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding:0;
width: 939px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 941px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
padding: 5px 10px;
}

.pagination a {
width:27px;
height:30px;
margin:0 5px 0 0;
padding:0 7px 0 7px;
text-decoration:none;
}

.pagination a.selected {
text-decoration:none;
background: transparent url(img/circle_filledSPRING.png) top center no-repeat;
}

.toc {
background: transparent url(img/circle_openSPRING.png) top center no-repeat;
}

.prev {
position:absolute;
top:105px;
left:-21px;
width:27px;
height:30px;
display:block;
margin:100px;
background:transparent url(img/promo_leftarrowSPRING.png) top center no-repeat;
z-index:100;
}

.next {
position:absolute;
top:105px;
right:-24px;
width:27px;
height:30px;
display:block;
padding:100px;
background:transparent url(img/promo_rightarrowSPRING.png) top center no-repeat;
z-index:100;
}

#whatsnewrow {
width:951px;
margin:10px auto 20px auto;
}

#whatsnewrow p {
font-family:Georgia;
font-size:12px;
color:#333;
margin:0 14px 8px 10px;
padding:0;
}

#whatsnewrow h3.whatsnew {
font-family:arial, helvetica, sans-serif;
font-size:18px;
display:block;
width:169px;
height:15px;
background:transparent url(img/whats_newSPRING.png) top center no-repeat;
margin:24px 0 24px 19px;
}

#column1 {
float:left;
width:302px;
height:auto;
}

#column2 {
float:left;
width:302px;
height:auto;
margin:0 0 0 22px;
}

#column3 {
float:right;
width:302px;
height:auto;
}
#column4 {
float:left;
width:302px;
height:auto;
}

#column5 {
float:left;
width:302px;
height:auto;
margin:0 0 0 22px;
}

#column6 {
float:right;
width:302px;
height:auto;
}

.whatsnewpromo {
width:290px;
height:104px;
border:#decfb1 6px solid;
margin:0 0 10px 0;
background-color:#FFF;
}

h4.whatsnew {
font-family:arial, helvetica, sans-serif;
font-size:14px;
color:#ca7160;
margin:12px 0 8px 10px;
padding:0;
}

h5.whatsnewlink {
font-family:Georgia;
font-size:12px;
font-style:italic;
font-weight:normal;
}

h5.whatsnewlink a:link, h5.whatsnewlink a:visited {
color:#a35753;
margin:12px 0 8px 10px;
padding:0 0 0 19px;
display:block;
background:transparent url(img/button_arrowSPRING.png)top left no-repeat;
text-decoration:none;
line-height:11px;
}

h5.whatsnewlink a:hover {
color:#ca7160;
display:block;
background:transparent url(img/button_arrow-overSPRING.png)top left no-repeat;
text-decoration:none;
}

/*************************
CONTENT COLUMN
**************************/
#rightcolumn {
float: right;
width:auto;
}
* html #rightcolumn {
position: relative;
margin-right: -120px;
}
#rightcolumn ul {
list-style: none;
padding-bottom: 4px;
}
#rightcolumn li {
padding-bottom: 2px;
}

/**************************
LEFT COLUMN
**************************/

#leftcolumn {
float: left;
width: 216px;
}
* html #leftcolumn {
position: relative;  /*** IE needs this  ***/
}
#leftcolumn ul {
list-style: none;
padding-bottom: 4px;
}
#leftcolumn li {
padding-bottom: 2px;
}

/**************************
ABOUT
**************************/

.attention {
margin:0 0 30px 0;
}

/* SERVICES LIST */
ul.services {
	float:left;
	margin:25px 100px 10px 0;
	padding:0;
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#34363b;
}

ul.services li {
	font-size: 11px;
	background: transparent url('img/circle_openSPRING.png');
	background-position: 0px 2px; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 18px;
	line-height: 15px;
	margin:0 0 6px 0;
	}
	
ul.services li a {
	color:#333;
	}
	
ul.services li a:hover {
	color:#276047;
	}

/**************************
PORTFOLIO
**************************/

#portfolioleft {
position:absolute;
left:0;
top:50px;
width:auto;
}

h2.clientlist {
font-family:Georgia;
font-size:18px;
color:#ca7160;
margin:0 0 15px 2px;
}

/* PORTFOLIO LIST */
ul.portfolio {
margin:0;
padding:0;
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#714a28;
}

ul.portfolio li { 
line-height: 16px;
margin:0 0 2px 0;
font-weight:bold;
}

ul.portfolio li a {
background: transparent url('img/circle_openSPRING.png');
background-position: 0px 0px; /* X-pos Y-pos (from top-left) */
background-repeat: no-repeat;
padding-left: 37px;
text-decoration:none;
color:#714a28;
font-weight:bold;
}

ul.portfolio li a:hover {
background: transparent url('img/circle_filledSPRING.png');
background-position: 0px 0px; /* X-pos Y-pos (from top-left) */
background-repeat: no-repeat;
padding-left: 37px;
font-weight:bold;
color:#9f9c7e;
}

ul.portfolio li.on {
background: transparent url('img/circle_filledSPRING.png');
background-position: 0px 0px; /* X-pos Y-pos (from top-left) */
background-repeat: no-repeat;
padding-left: 37px;
text-decoration:none;
color:#9f9c7e;
font-weight:bold;
}
	
#casestudy {
float:right;
width:auto;
height:100%;
margin:0 6px 0 0;
padding:0;
}

.portfolio_image {
float:right;
margin-bottom:10px;
}

#detailtext {
float:right;
clear:right;
margin:10px 20px 10px 0;
padding:15px;
width:550px;
border:#decfb1 6px solid;
}

#detailtext h2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color:#ca7160;
margin:0 0 5px 0;
padding:0;
font-weight:bold;
}

#detailtext p {
width:98%;
height:auto;
}

/**************************
CONTACT
**************************/

#contactrow {
width:951px;
margin:10px auto 20px auto;
font-style:normal;
}

#contactrow a:link, #contactrow a:visited {
color:#714a28;
font-style:normal;
text-decoration:none;
}

#contactrow a:hover {
color:#ca7160;
}

.contactcolumn {
float:left;
width:280px;
height:auto;
}

#contactrow h4 {
font-family:Arial, Helvetical, sans-serif;
font-size:12px;
color:#ca7160;
margin:12px 0 2px 0;
padding:0;
font-weight:bold;
}

#contactrow h5 {
font-family:Arial, Helvetical, sans-serif;
font-size:12px;
font-weight:bold;
color:#714a28;
font-style:normal;
}


/**************************
FOOTER
**************************/
#footer {
clear:both;
width: 100%;
height: 40px;
margin: 0 auto;
margin-top: -40px;
text-align: center;
background: transparent url(img/footer_bg_spring.gif) top center repeat-x;
}

#footercontentbox {
width:951px;
height:40px;
margin:0 auto;
background: url(img/footerContentbkg_SPRING.gif)top center no-repeat;
color: #fff;
font-family:Georgia;
font-size:10px;
}

#footercontentbox a:link, #footercontentbox a:visited  {
color:#FFF;
text-decoration:none;
}

#footercontentbox a:hover  {
color:#fff;
}

.copyright {
float:left;
margin:11px 0 0 17px;
}

.contactinfo {
float:right;
margin:11px 17px 0 0;
}

.footerbold {
font-family:arial, helvetica, sans-serif;
font-weight:bold;
font-size:11px;
}