html, body {
background-attachment:fixed;
<!--background-image:url("http://jasonderuna.com/images/bkgrd_dgrey_white.gif"); -->
background-position:center;
color:#333333;
font-family: "Geneva,'Lucida Sans','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
font-size:0.87em;
line-height:1.6px;
height:100%;
margin-bottom:1px;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0; 
}
#splitter {
background-color:#FF0000;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
width:1px;
}
p {
margin-top:0px;
margin-bottom:25px; 
padding-bottom:0;
padding-top:0;
}
h1 {
color:#333333;
font-family: "Droid Serif",Georgia,Times,serif;
font-size:2.1em;
font-weight:normal;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:5px;
padding-bottom:0;
padding-top:0;
}
h2 {
color:#000000;
font-weight:bold;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:2px;
padding-bottom:0;
padding-top:0;
}
#container {
height:100%;
margin-left:-480px;
position:relative;
width:900px;
}
#left {
background-image:url("");
background-position:right center;
background-repeat:repeat-y;
color:#000000;
float:left;
font-family:"Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:9px;
height:100%;
line-height:2.1em;
padding-top:42px;
position:fixed;
text-align:right;
width:200px;
text-transform:lowercase;
}
#left a:link, a:active, a:visited {
color:#444444;
text-decoration:none;
}
#left a:hover {
color:#CCCCCC;
}
#nav {
padding-right:35px;
}
#contactdetails {
color:#666666;
font-size:10px;
line-height:1.4em;
padding-right:25px;
padding-top:25px;
visibility:hidden;
}
#right {
background-color:#FFFFFF;
margin-left:200px;
/*position:absolute;*/
width:700px;
height:100%;
}
#content {
height:100%;
line-height:21px;
margin-left:25px;
width:690px;
height:100%;
}
#contentblog {
height:100%;
line-height:1.6em;
margin-left:25px;
width:690px;
}
.logo {
padding-bottom:9px;
border:0px solid #FFF;
}
#project_nav_links {
float:right;
padding-right:10px;
border-top-color:#999999;
border-top-style:dotted;
border-top-width:1px;
width:100%;
text-align:right;
height:20px;
color:#666666;
}
#project_nav_links a:link, #project_nav_links a:active, #project_nav_links a:visited {
color:#268CA0;
text-decoration:none;
}
#project_nav_links a:hover {
color:#268CA0;
text-decoration:underline;
}
.link {
padding-top:150px;
}
#doubleleft {
float:left;
text-align:left;
width:325px;
}
#doubleleft a:link, #doubleleft a:active, #doubleleft a:visited {
color:#CCCCCC;
text-decoration:none;
}
/*#doubleleft a:hover {
background-color:#FFFFFF;
color:#CCCCCC;
padding-right:0;
text-decoration:none;
}*/
#doubleleft_full {
float:left;
text-align:left;
width:658px;
padding-right:10px;
font-color:#666666;
}
#doubleleft_full a:link, #doubleleft_full a:active, #doubleleft_full a:visited {
color:#268CA0;
font-weight:normal;
text-decoration:none;
}
#doubleleft_full a:hover {
color:#268CA0;
font-weight:normal;
text-decoration:underline;
}
#doubleleft_twothirds {
float:left;
text-align:left;
width:420px;
padding-right:0px;
font-color:#666666;
}
#doubleleft_twothirds a:link, #doubleleft_twothirds a:active, #doubleleft_twothirds a:visited {
color:#268CA0;
font-weight:normal;
text-decoration:none;
}
#doubleleft_twothirds a:hover {
color:#268CA0;
font-weight:normal;
text-decoration:underline;
}
#doubleright {
float:right;
padding-left:10px;
padding-right:10px;
text-align:left;
width:325px;
}
#doubleright a:link, #doubleright a:active, #doubleright a:visited {
color:#777777;
text-decoration:none;
}
#doubleright a:hover {
color:#444444;
text-decoration:underline;
}
#doubleright_onethird {
font-color:#666666;
float:right;
padding-left:10px;
padding-right:10px;
text-align:left;
width:216px;
}
#doubleright_onethird a:link, #doubleright_onethird a:active, #doubleright_onethird a:visited {
color:#000000;
font-weight:bold;
text-decoration:none;
}
#doubleright_onethird a:hover {
color:#FF0000;
font-weight:bold;
text-decoration:underline;
}
#sectiontitle {
font-size:12px;
}
.sectiontitle {
font-family: "Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:12px;
text-transform:uppercase;
color: #666666;
font-weight: bold;
line-height:1.8em;
}
#clearer {
clear:both;
height:0;
}
img {
border:0px solid #FFF;
}
#doubleleft img {
border:1px solid #CCC;	
}
#doubleleft img a:hover {
border:1px solid #CCC;	
}
.header {
color:#000000;
font-size:16px;
height:56px;
line-height:1.4em;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
}
.headermain {
color:#FFFFFF;
font-size:16px;
height:56px;
line-height:1.4em;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
}
#headerblock {
background-color:white;
background-image:url("");
border-bottom-color:#999999;
border-bottom-style:dotted;
border-bottom-width:1px;
height:95px;
margin-bottom:25px;
margin-left:0;
padding-left:0;
padding-right:0;
padding-top:36px;
position:relative;
width:100%;
}
#headerblock {
background-color:white;
background-image:url("");
border-bottom-color:#999999;
border-bottom-style:dotted;
border-bottom-width:1px;
height:72px;
margin-bottom:25px;
margin-left:0;
padding-left:0;
padding-right:0;
padding-top:59px;
position:relative;
width:100%;
}
#headerblock_full {
background-color:white;
background-image:url("");
border-bottom-color:#999999;
border-bottom-style:dotted;
border-bottom-width:1px;
height:72px;
margin-bottom:0px;
margin-left:0;
padding-left:0;
padding-right:0;
padding-top:59px;
position:relative;
width:100%;
}
#headerblocktriple {
background-color:white;
background-image:url("");
border-bottom-color:#999999;
border-bottom-style:dotted;
border-bottom-width:1px;
height:110px;
margin-bottom:25px;
margin-left:0;
padding-left:0;
padding-right:0;
padding-top:21px;
position:relative;
width:100%;
}
#headerblurb {
bottom:0;
color:#888888;
font-size:16px;
line-height:0.8;
padding-bottom:20px;
font-family: "Droid Serif",Georgia,Times,serif;
font-style: italic;
position:absolute;

width:685px;
}
.sliderwrapper {
border-bottom-color:-moz-use-text-color;
border-bottom-style:none;
border-bottom-width:0;
border-left-color-ltr-source:physical;
border-left-color-rtl-source:physical;
border-left-color-value:-moz-use-text-color;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:none;
border-left-width-ltr-source:physical;
border-left-width-rtl-source:physical;
border-left-width-value:0;
border-right-color-ltr-source:physical;
border-right-color-rtl-source:physical;
border-right-color-value:-moz-use-text-color;
border-right-style-ltr-source:physical;
border-right-style-rtl-source:physical;
border-right-style-value:none;
border-right-width-ltr-source:physical;
border-right-width-rtl-source:physical;
border-right-width-value:0;
border-top-color:-moz-use-text-color;
border-top-style:none;
border-top-width:0;
height:395px;
overflow-x:hidden;
overflow-y:hidden;
position:relative;
width:690px;
}
.sliderwrapper .contentdiv {
height:100%;
left:0;
opacity:1;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
position:absolute;
top:0;
visibility:hidden;
width:690px;
}
.pagination {
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
text-align:right;
width:680px;
}
.pagination a, .pagination a:visited {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:white;
background-image:none;
background-position:0 0;
background-repeat:repeat;
color:#999999;
padding-bottom:3px;
padding-left:5px;
padding-right:5px;
padding-top:3px;
text-decoration:none;
}
.pagination a:hover, .pagination a.selected {
background-color:#E8E8E8;
color:#666666;
}
.projecttitle {
color:#333333;
margin-top:-30px;
padding-bottom:15px;
padding-top:2px;
}
iframe {
border-bottom-color:#666666;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-color-ltr-source:physical;
border-left-color-rtl-source:physical;
border-left-color-value:#666666;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:solid;
border-left-width-ltr-source:physical;
border-left-width-rtl-source:physical;
border-left-width-value:1px;
border-right-color-ltr-source:physical;
border-right-color-rtl-source:physical;
border-right-color-value:#666666;
border-right-style-ltr-source:physical;
border-right-style-rtl-source:physical;
border-right-style-value:solid;
border-right-width-ltr-source:physical;
border-right-width-rtl-source:physical;
border-right-width-value:1px;
border-top-color:#666666;
border-top-style:solid;
border-top-width:1px;
}
#approachslider .sliderwrapper {
border-bottom-color:-moz-use-text-color;
border-bottom-style:none;
border-bottom-width:0;
border-left-color-ltr-source:physical;
border-left-color-rtl-source:physical;
border-left-color-value:-moz-use-text-color;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:none;
border-left-width-ltr-source:physical;
border-left-width-rtl-source:physical;
border-left-width-value:0;
border-right-color-ltr-source:physical;
border-right-color-rtl-source:physical;
border-right-color-value:-moz-use-text-color;
border-right-style-ltr-source:physical;
border-right-style-rtl-source:physical;
border-right-style-value:none;
border-right-width-ltr-source:physical;
border-right-width-rtl-source:physical;
border-right-width-value:0;
border-top-color:-moz-use-text-color;
border-top-style:none;
border-top-width:0;
height:445px;
overflow-x:hidden;
overflow-y:hidden;
position:relative;
width:690px;
}
#approachslider .sliderwrapper .contentdiv {
height:100%;
left:0;
opacity:1;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
position:absolute;
top:0;
visibility:hidden;
width:690px;
}
.pagination {
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
text-align:right;
width:680px;
}
#approachslider {
height:445px;
margin-top:2px;
}
#paginate-approachslider {
margin-top:-25px;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
text-align:left;
width:690px;
}
#paginate-approachslider a, #paginate-approachslider a:link, #paginate-approachslider a:visited {
display:block;
height:26px;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:30px;
text-align:left;
width:134px;
}
#paginate-approachslider a:hover, #paginate-approachslider a.selected {
background-color:#FFFFFF;
color:#323232;
display:block;
height:26px;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:30px;
text-align:left;
width:134px;
}
.servicesheader {
color:#FFFFFF;
font-weight:bold;
}
h2 {
color: #666666;
font-size: 18px;
line-height: 1.0em;
}
#spotlight {
border-bottom-color:#999999;
border-bottom-style:dotted;
border-bottom-width:1px;
border-top-color:#999999;
border-top-style:dotted;
border-top-width:0px;
max-height:140px;
overflow-x:hidden;
overflow-y:hidden;
position:relative;
}
#spotlight img.spotlightTitle {
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
}
#spotlightTitles {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:red none repeat scroll 0 0;
left:832px;
position:absolute;
top:18px;
}
#spotlightTitles img {
display:none;
left:0;
position:absolute;
top:0;
}
#spotlight img.spotlightTitle {
margin:0px 0 0px;
}
#spotlight p {
font-size:10px;
color:#838383;
font-family: "Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
left:400px;
position:absolute;
top:15px;
line-height:1.4em;
width: 250px;
}
#spotlight a {
color: #777777;
font-weight:bold;
text-decoration: none;
}
#spotlight a:hover {
color: #FF0000;
text-decoration: underline;
}

/* ===Photo Gallery Styles=== */
ul.ul-gallery {
	list-style: none;
padding: 0;
margin-left: 0;
}
ul.ul-gallery li {
	display: block;
	float: left;
	padding-right: 10px;	
}
ul.ul-gallery img {
	padding: 3px;
	border:1px solid #CCCCCC;
}
ul.ul-gallery a img {
}
ul.ul-gallery a:hover img {
	border:1px solid #999999;
}
ul.ul-gallery-alt {
	list-style: none;
	margin: 0;
}
ul.ul-gallery-alt li {
	display: block;
	float: left;
	padding-right: 10px;	
}
ul.li-span-1 li {
	width: 560px;
}
ul.li-span-1 img {
	max-width: 480px;
}
ul.li-span-2 li {
	width: 140px;
}
ul.li-span-2 img {
	max-width: 135px;
}
ul.li-span-3 li {
	width: 206px;
}
ul.li-span-3 img {
	max-width: 200px;
}
ul.li-span-4 li {
	width: 120px;
}
ul.li-span-4 img {
	max-width: 115px;
}
ul.li-span-5 li {
	width: 60px;
}
ul.li-span-5 img {
	max-width: 50px;
}
ul.li-span-6 li {
	width: 60px;
}
ul.li-span-6 img {
	max-width: 50px;
}
ul.li-span-7 li {
	width: 60px;
}
ul.li-span-7 img {
	max-width: 50px;
}
ul.li-span-8 li {
	width: 60px;
}
ul.li-span-8 img {
	max-width: 50px;
}
ul.li-span-9 li {
	width: 55px;
}
ul.li-span-9 img {
	max-width: 50px;
}
#doubleleft_full .col3 {
float:left;
margin-bottom:0;
margin-left:0;
margin-top:0;
margin-right:13px;
width:206px;
}
a.rollover1 {
	display: block;
	width: 325px;
	height: 130px;
	text-decoration: none;
	background: url("http://jasonderuna.com/images/test.jpg");
	border-color:#CCCCCC;
        border-style:solid;
        border-width:1px;
	}

a.rollover1:hover {
	background-position: -325px 0;
	}
	
a.rollover2 {
	display: block;
	width: 325px;
	height: 130px;
	text-decoration: none;
	background: url("http://jasonderuna.com/images/test2.jpg");
	border-color:#CCCCCC;
        border-style:solid;
        border-width:1px;
	}

a.rollover2:hover {
	background-position: -325px 0;
	}

a.rollover3 {
	display: block;
	width: 325px;
	height: 130px;
	text-decoration: none;
	background: url("http://jasonderuna.com/images/test3.jpg");
	border-color:#CCCCCC;
        border-style:solid;
        border-width:1px;
	}

a.rollover3:hover {
	background-position: -325px 0;
	}
	
	
a.rollover4 {
	display: block;
	width: 325px;
	height: 130px;
	text-decoration: none;
	background: url("http://jasonderuna.com/images/test4.jpg");
	border-color:#CCCCCC;
        border-style:solid;
        border-width:1px;
	}

a.rollover4:hover {
	background-position: -325px 0;
	}
	
a.rollover5 {
	display: block;
	width: 325px;
	height: 130px;
	text-decoration: none;
	background: url("http://jasonderuna.com/images/test5.jpg");
	border-color:#CCCCCC;
        border-style:solid;
        border-width:1px;
	}

a.rollover5:hover {
	background-position: -325px 0;
	}
	
	
a.rollover6 {
	display: block;
	width: 325px;
	height: 130px;
	text-decoration: none;
	background: url("http://jasonderuna.com/images/test6.jpg");
	border-color:#CCCCCC;
        border-style:solid;
        border-width:1px;
	}

a.rollover6:hover {
	background-position: -325px 0;
	}
	
	
a.rollover7 {
	display: block;
	width: 325px;
	height: 130px;
	text-decoration: none;
	background: url("http://jasonderuna.com/images/test7.jpg");
	border-color:#CCCCCC;
        border-style:solid;
        border-width:1px;
	}

a.rollover7:hover {
	background-position: -325px 0;
	}
	
	
a.rollover8 {
	display: block;
	width: 325px;
	height: 130px;
	text-decoration: none;
	background: url("http://jasonderuna.com/images/test8.jpg");
	border-color:#CCCCCC;
        border-style:solid;
        border-width:1px;
	}

a.rollover8:hover {
	background-position: -325px 0;
	}	

.displace {
	position: absolute;
	left: -5000px;
	}
	
	

ul.social-links{
	margin-top: 2px;
	padding: 0px;
}

ul.social-links li{
	display: inline;
}

ul.social-links li a{
	display: inline-block;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	background: url('http://jasonderuna.com/images/social-links.png') 0 0 no-repeat;
	margin-right: 4px;
}

ul.social-links li a.twitter{
	background-position: 0 0;
}

ul.social-links li a.twitter:hover{
	background-position: 0 -26px;
}

ul.social-links li a.fb{
	background-position: -28px 0;
}

ul.social-links li a.fb:hover{
	background-position: -28px -26px;
}

ul.social-links li a.quora{
	background-position: -55px 0;
}

ul.social-links li a.quora:hover{
	background-position: -55px -26px;
}

ul.social-links li a.forrst{
	background-position: -83px 0;
}

ul.social-links li a.forrst:hover{
	background-position: -83px -26px;
}

ul.social-links li a.linkedin{
	background-position: -110px 0;
}

ul.social-links li a.linkedin:hover{
	background-position: -110px -26px;
}

ul.social-links li a.web{
	background-position: -138px 0;
}

ul.social-links li a.web:hover{
	background-position: -138px -26px;
}

#site-body-container {}
 
#site-body-content {
padding: 15px 15px 15px 15px ;
}
 
#site-bottom-bar {
background-color: #F0F0F0 ;
border-top: 1px solid #CCCCCC ;
bottom: 0px ;
font-family: verdana, arial ;
font-size: 11px ;
height: 33px ;
position: fixed ;
width: 100% ;
z-index: 1000 ;
}
 
#site-bottom-bar-frame {
height: 33px ;
text-align:center;
position: relative ;
}
 
#site-bottom-bar-content {
padding: 3px 0px 0px 0px ;
}
 
#menu-root {
background-color: #E8E8E8 ;
border: 1px solid #D0D0D0 ;
color: #000000 ;
display: block ;
height: 22px ;
line-height: 22px ;
text-align: center ;
text-decoration: none ;
width: 105px ;
}
 
#menu-root:hover {
background-color: #666666 ;
border-color: #000000 ;
color: #FFFFFF ;
}
 
#menu {
background-color: #E8E8E8 ;
border: 1px solid #666666 ;
bottom: 32px ;
display: none ;
left: 0px ;
padding: 5px 5px 1px 5px ;
position: absolute ;
width: 200px ;
}
 
#menu a {
background-color: #E8E8E8 ;
border: 1px solid #FFFFFF ;
color: #000000 ;
display: block ;
margin-bottom: 4px ;
padding: 5px 0px 5px 5px ;
text-decoration: none ;
}
 
#menu a:hover {
background-color: #666666 ;
border-color: #000000 ;
color: #FFFFFF ;
}

/* -------------------------------------------------- */
/* -- IE 6 FIXED POSITION HACK ---------------------- */
/* -------------------------------------------------- */


 
#site-body-container {
_overflow-y: scroll ;
_overflow-x: hidden ;
_position: relative ;
}
 
/* To make up for scroll-bar. */
#site-bottom-bar {
_bottom: -1px ;
_position: absolute ;
_right: 16px ;
}
 
/* To make up for overflow left. */
#site-bottom-bar-frame {
_margin-left: 26px ;
}
 
/* To fix IE6 display bugs. */
#menu a {
_display: inline-block ;
_width: 99% ;
}






#row1 {
float:left;
padding-top:68px;
text-align:left;
width:930px;
}
#row2 {
float:left;
padding-top:75px;
text-align:left;
width:930px;
}
#big {
float:left;
text-align:left;
width:270px;
height:171px;
}
#big img {
padding-bottom:8px;
}
#small {
float:left;
text-align:left;
width:175px;
height:171px;
}
#small img {
padding-top:8px;
}
#divideSpace {
float:left;
width:30px;
height:10px;
}
#sectiontitleHm {
font-size:12px;
}
.sectiontitleHm {
font-family: "Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:12px;
color: #666666;
font-weight: bold;
line-height:1.2em;
text-transform:uppercase;
}
#row1 a:link, #row1 a:hover, #row1 a:visited {
    color: #666666;
    text-decoration: none;
}
#row1 a:link, a:active, a:visited {
    color: #666666;
    text-decoration: none;
}
#row2 a:link, #row2 a:hover, #row2 a:visited {
    color: #666666;
    text-decoration: none;
}
#row2 a:link, a:active, a:visited {
    color: #666666;
    text-decoration: none;
}