/* layout.css */
html {
	text-align: left;
}

body { 
	position: relative; 
	width: 950px; 
	margin: 0 auto; 
	text-align: left;
	background: red;
}

#container {
	background: url(../images/side.png) no-repeat 15px 185px;
	float: left;
	width: 100%;
}

#main_nav {
	float: left;
	height: 210px;
	width : 150px;
	float: left;
	background: url(../images/main_nav_title.png) no-repeat 15px 185px;
	background-color: #fff;
	margin-bottom: 35px;
}

#sub_nav {
position : relative;
width : 144px;
float: left;
background:#f2f2f2;
border-left: 3px solid #fff;
border-right: 3px solid #fff;

height: expression( this.scrollHeight < 1103 ? "1102px" : "auto" ); /* sets min-height for IE */
min-height: 1102px; /* sets min-height value for all standards-compliant browsers */
margin-bottom: 35px;
}

body#methodology_page #sub_nav {
height: expression( this.scrollHeight < 786 ? "787px" : "auto" ); /* sets min-height for IE */
min-height: 787px; /* sets min-height value for all standards-compliant browsers */
}
body#services_page #sub_nav {
height: expression( this.scrollHeight < 792 ? "793px" : "auto" ); /* sets min-height for IE */
min-height: 793px; /* sets min-height value for all standards-compliant browsers */
}
body#contact_page #sub_nav, body#design_page #sub_nav, body#development_page #sub_nav, body#site_map_page #sub_nav {
height: expression( this.scrollHeight < 625 ? "626px" : "auto" ); /* sets min-height for IE */
min-height: 626px; /* sets min-height value for all standards-compliant browsers */
}

body#portfolio_page #sub_nav  {
height: expression( this.scrollHeight < 784 ? "785px" : "auto" ); /* sets min-height for IE */
min-height: 785px; /* sets min-height value for all standards-compliant browsers */
}

#content {
position : relative;
width : 450px;
float: left;
background : transparent url(../images/main_flower.jpg) no-repeat 0 213px;
background-color: #fff;
margin-bottom: 35px;
}

#logo {
	margin-bottom: 5px;
}

h1#logo a {
	display: block;
	background: url(../images/logo.png) no-repeat;
	width: 450px;
	height: 230px;
	text-indent: -5000px;
	outline: none;
	clear:both;
}

#sidebar {
	width: 200px;
	float: left;
	margin-bottom: 35px;
}

#side_nav {
	width : 200px;
	float: left;
}

div#branding {
	height: 230px;
}	

#footer {
width: 100%;
clear: both;
height: 80px;
background : transparent url(../images/footer.gif) no-repeat;
}

/* navigation */

/* links */
a:link, a:visited { 
text-decoration: underline;
color: #9aa550;
outline: none;
}

a:hover, a:focus { 
color: #9aa550;
text-decoration: underline;
background-color: #eef3e9;
}

/* sidebar navigation */
ul#sidebar_nav {
width:200px;
height:50px;
/*overflow: hidden;*/
background:transparent url(images/sidebar_tabs.gif) no-repeat 0 0;
margin-top: 160px;
}
ul#sidebar_nav li {
padding:0;
margin:0;
display:block;
float:left;
text-indent:-9999px;	
}
ul#sidebar_nav li a {
border:0;
display:block;
text-decoration:none;
overflow:hidden;
background:transparent url(images/sidebar_tabs.gif) no-repeat;
}
li#design a {
width:72px;
height:50px;
}
li#development a {
width:128px;
height:50px;
}
li#design a:link, li#design a:visited {	
background-position:0px 0px;
}
li#design a:hover, li#design a:focus {
background-position: 0px -50px;
}
li#development a:link, li#development a:visited {	
background-position:-72px 0px;
}
li#development a:hover, li#development a:focus {
background-position:-72px -50px;
}



/*porfolio sub links*/

ul#portfolio_links  {
width: 130px;
margin: 0 auto;
margin-top: 323px;
border-top: 1px solid #f2f2f2;
}
	
ul#portfolio_links li a {
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
text-decoration: none;
outline: none;
border-bottom: 1px solid #f2f2f2;
}	
	
ul#portfolio_links li a:link, ul#portfolio_links li a:visited {
color: #fff;
display: block;
padding: 8px 0 0 10px;
}
	
ul#portfolio_links li a:hover {
padding: 8px 0 0 10px;
background-position:100% -32px;
/*background:  url(images/arrow.gif)  no-repeat 2px 11px;*/
background-color: #d46060;
}

body#portfolio_page ul#portfolio_links #current, body#portfolio_page ul#portfolio_links #current a {
/*background:  url(images/arrow.gif)  no-repeat 2px 11px;*/
color: #fff;
background-color: #d46060;
border: none;
cursor: default;
}

/*footer navigation*/

#footer_nav li {
display:inline;
padding:0 .5em;
border-right:1px solid #fff;
}
#footer_nav li.last {
border:none;
}
#footer_nav { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight:normal;
font-size:10px;
text-align:center;
margin: 0;
padding: 0;
}
#footer_nav a {
text-decoration:none;
color: #fff;
outline: none;
}
#footer_nav a:hover {
text-decoration:underline;
background-color: #9aa550;
}
#footer_nav a:focus {
text-decoration:underline;
background-color: #9aa550;
}

ul#footer_nav {
padding-top: 12px;
}

/*copyright navigation*/

#copyright {
width: 100%;
clear: both;
margin:0 auto;
color: #999999;
font-size : 80%;
text-transform: uppercase;
text-align: center; 		
}

#copyright a {
color: #999999;
}
	
ul#services_list, ul#site_map {
padding-left: 55px;
list-style-type: disc;
}

ul#services_list li, ul#site_map li {
padding-top: 5px;
}

ul#site_map {
padding-left: 55px;
list-style-type: none;
}

ul#site_map li {
padding-top: 5px;
text-transform: lowercase;
}



/* color.css */
html {
background-color :#fff;
}


/* portfolio */
		
div#large {
position: relative;
top: 10px;
left: 8px;
}

div#small_top {	
position: absolute;
top: 10px;
left: 313px;
}

div#small_bottom {
position: absolute;
top: 127px;
left: 313px;
}

div#branding_portfolio{
background: url(images/stage.gif) no-repeat;
width: 450px;
height: 251px;
float: right;
position: relative;
}

.external {
background: url(images/external.gif) no-repeat right center;
text-decoration:none;
padding-right: 15px; 
}


/* typography.css */


#content h2, h3, h4, p, dl, dd {
padding-left: 25px;
padding-right:25px;
}

#content p {
padding-top: 5px;
padding-left: 35px;
}

h2, h3, h4 {
font-family: "Trebuchet MS", "Trebuchet Grande", Verdana, Arial, Helvetica, sans-serif;
font-size : 1.75em;
color: #646a53;
font-weight: 500;
padding-top: 238px;
}

h2 {
	padding-bottom: .5em;
	border-bottom: 1px solid #e9ebe4;
}

body#portfolio_page #content h2 {
padding-top: 0px;
}

h3 {
font-size : 120%;
}

p {
font-size : 100%;
padding-bottom: 10px;
}

h3 {
padding-top: 15px;
}


li > h4 {
margin-left : 0;
}

li > p {
margin-left : 0;
}

.first {
margin-top: 10px;
}

.strong {
font-weight: bold;
}