html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, acronym, cite, code, em, font, img,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 15px;
	font-family: inherit;
font-family: Calibri, Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Gill Sans MT", Arial, serif;
color: #bbb;
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

a {
text-decoration: none;
outline: 0;
color: #07a4ea;
border-bottom: solid 1px #fff;
}

a:hover {
color: #fff;
border-bottom: solid 1px #07a4ea;
}

h2 {
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
color: #fff;
height: 24px;
font-weight: normal;
margin-bottom: 5px;
padding-left: 20px;
background: url(images/box-header-arrow.jpg) 0 center no-repeat;
}

h2 a{
font-size: 20px;
line-height: 24px;
}

h4 p {
font-size: 12px;
line-height: 14px;
}

p {
padding: 0 20px;
} 

html, body {
height: 100%;
width: 100%;
background: url(images/bg_idigit-web-design.jpg) center center;
text-align: center;
overflow: hidden;
}

#header {
margin-left: -200%;
}

#container {
position: relative;
margin: 0 auto;
width: 960px;
height: 100%;
text-align: left;
}

#large-background-side {
position: absolute;
top: 50%;
left: 50%;
width: 731px;
height: 660px;
background: url(images/large-bg-side.gif) center center no-repeat;
margin: -96px 0 0 -860px;
}

#large-background-top {
position: absolute;
top: 50%;
left: 50%;
width: 1600px;
height: 540px;
background: url(images/large-bg-top.gif) center center no-repeat;
margin: -636px 0 0 -800px;
}

#footer {
position: absolute;
top: 50%;
left: 0px;
margin: 200px 0 0 75px;
height: 75px;
}

#footer {
color: #ccc;
font-size: 11px;
padding-bottom: 2px;
}

#logo {
position: absolute;
top: 50%;
left: 0px;
margin: -175px 0 0 0;
display: block;
height: 266px;
width: 368px;
}

#telephone {
position: absolute;
top: 50%;
left: 74px;
margin: 30px 0 0 0;
width: 223px;
height: 33px;
}

#navigation-bg {
position: absolute;
top: 50%;
margin-top: -265px;
right: 55px;
height: 47px;
width: 425px;
}

#navigation-bg ul{
height: 47px;
width: 425px;
}

#navigation-bg ul li {
float: left;
text-indent: -99999px;
}

#navigation {
position: absolute;
top: 50%;
margin-top: -250px;
right: 55px;
height: 47px;
width: 425px;
z-index: 500;
}

#navigation ul{
height: 47px;
width: 425px;
}

#navigation ul li {
float: left;
background: url(images/empty.gif);
}

#navigation li a, #navigation li a:hover{
border-bottom: none;
display: block;
}

#idigit-web-design-work-bg {
background: url(images/nav-buttons.gif) 0 0 no-repeat;
height: 57px;
width: 101px;
display: block;
}

#idigit-web-design-about-bg {
background: url(images/nav-buttons.gif) 0 -114px no-repeat;
height: 57px;
width: 101px;
display: block;
}

#idigit-web-design-services-bg {
background: url(images/nav-buttons.gif) 0 -228px no-repeat;
height: 57px;
width: 101px;
display: block;
}

#idigit-web-design-contact-bg {
background: url(images/nav-buttons.gif) 0 -342px no-repeat;
height: 57px;
width: 101px;
display: block;
}

#idigit-web-design-work, #idigit-web-design-about, #idigit-web-design-services, #idigit-web-design-contact {
height: 25px;
width: 70px;
margin-left: 15px;
line-height: 25px;
text-indent: -99999px;
}

#idigit-web-design-work a, #idigit-web-design-about a, #idigit-web-design-services a, #idigit-web-design-contact a  {
display: block;
height: 25px;
width: 70px;
}

#idigit-web-design-about {
margin-left: 30px;
}

#idigit-web-design-services {
margin-left: 20px;
width: 95px;
}

#idigit-web-design-contact {
width: 82px;
margin-left: 13px;
}

#work-portfolio {
position: absolute;
top: 50%;
margin: -195px 0 0 200%;
width: 508px;
left: 50%;
display: block;
z-index: 1000;
}

#single-work-portfolio {
position: absolute;
top: 50%;
margin: -195px 0 0 -40px;
width: 508px;
left: 0px;
display: block;
z-index: 1000;
}

#content-container-box {
position: absolute;
top: 50%;
left: 50%;
margin: -240px 0 0 -101px;
display: block;
height: 477px;
width: 611px;
overflow: hidden;
}

.content-holder {
position: absolute;
top: 53px;
left: 38px;
display: block;
height: 297px;
width: 405px;
overflow: hidden;
}

.info-content-holder {
position: absolute;
top: 100px;
left: 100px;
display: block;
height: 297px;
width: 405px;
overflow: hidden;
}

#single-info-content-holder {
position: absolute;
top: 100px;
left: 100px;
display: block;
width: 405px;
height: 290px;
}

#about-content, #services-content, #contact-content  {
position: absolute;
display: block;
overflow: hidden;
padding: 20px;
height: 250px;
width: 365px;
margin-left: 200%;
}

.website-holder {
display: block;
margin: -50px 0 0 -50px;
height: 400px;
width: 450px;
}

.work-example-1, .work-example-2, .work-example-3, .work-example-4, .work-example-5, .work-example-6, .work-example-7, .work-example-8 {
background: url(images/empty.gif);
}

.work-example-1 img, .work-example-2 img, .work-example-3 img, .work-example-4 img, .work-example-5 img, .work-example-6 img, .work-example-7 img, .work-example-8 img {
z-index: 1000;
}

.work-example-1 a, .work-example-2 a, .work-example-3 a, .work-example-4 a, .work-example-5 a, .work-example-6 a, .work-example-7 a, .work-example-8 a {
border-bottom: none;
}

.website-details  {
position: absolute;
margin: -25px 0 0 -25px;
display: block;
overflow: hidden;
height: 265px;
width: 360px;
padding: 15px 25px 0 0;
}

.left-ingredients ul {
float: left;
margin: 0 0 20px 160px;
width: 75px;
}

.right-ingredients ul {
float: left;
margin: 0 0 20px 15px;
width: 75px;
}

.ingredients-yes a , .ingredients-no a {
padding: 2px 0 0 25px;
text-transform: uppercase;
font-size: 11px;
line-height: 16px;
}

.ingredients-yes {
color: #fff;
background: url(images/box-headers.gif) 0 -164px no-repeat;
}

.ingredients-no {
color: #919191;
background: url(images/box-headers.gif) 0 -180px no-repeat;
}

#single-content {
position: absolute;
display: block;
padding: 20px 10px 20px 20px;
width: 380px;
height: 249px;
background: url(images/empty.gif); /* force ie to mousescroll properly */
}

#header-about, #header-services, #header-contact, #header-error {
height: 28px;
width: 183px;
overflow: hidden;
display: block;
text-indent: -99999px;
margin-bottom: 10px;
}

#header-services-design, #header-services-development, #header-services-cms, #header-services-seo, #header-services-hosting, .details-header {
height: 29px;
width: 340px;
overflow: hidden;
display: block;
text-indent: -99999px;
margin-bottom: 10px;
}

.details-header {
height: 30px;
width: 340px;
overflow: hidden;
display: block;
text-indent: -99999px;
margin-bottom: 10px;
}

#header-about {
background: url(images/box-headers.gif) 0 0 no-repeat;
}

#header-services {
background: url(images/box-headers.gif) 0 -28px no-repeat;
}

#header-services-design {
background: url(images/box-headers.gif) 0 -224px no-repeat;
}

#header-services-development {
background: url(images/box-headers.gif) 0 -253px no-repeat;
}

#header-services-cms {
background: url(images/box-headers.gif) 0 -282px no-repeat;
}

#header-services-seo {
background: url(images/box-headers.gif) 0 -311px no-repeat;
}

#header-services-hosting {
background: url(images/box-headers.gif) 0 -340px no-repeat;
}

#header-contact {
background: url(images/box-headers.gif) 0 -56px no-repeat;
}

#header-error {
background: url(images/box-headers.gif) 0 -196px no-repeat;
}

#header-design {
background: url(images/box-headers.gif) 0 -368px no-repeat;
}

#header-html {
background: url(images/box-headers.gif) 0 -398px no-repeat;
}
#header-css {
background: url(images/box-headers.gif) 0 -428px no-repeat;
}
#header-ajax {
background: url(images/box-headers.gif) 0 -458px no-repeat;
}
#header-flash {
background: url(images/box-headers.gif) 0 -488px no-repeat;
}
#header-cms {
background: url(images/box-headers.gif) 0 -518px no-repeat;
}
#header-mobile {
background: url(images/box-headers.gif) 0 -548px no-repeat;
}
#header-seo {
background: url(images/box-headers.gif) 0 -578px no-repeat;
}
.website-details {
left:25px;
top:30px;
}

#work-content a:hover {
border: none;
}

#about-content p, #single-content p {
margin-bottom: 10px;
}

#home-content p {
margin-bottom: 28px;
}

.website-details-content {
clear: both;
margin: 10px;
}

.website-details-content p{
font-size: 12px;
line-height: 16px;
}

.more-btn a {
margin-left: 20px;
font-size: 12px;
font-style: italic;
}

.box-title {
font-size: 18px;
text-transform: uppercase;
}

.website-box-title {
margin: 0 0 5px 160px;
font-size: 16px;
color: #fff;
text-transform: uppercase;
}

.ingredients {
margin-left: 175px;
}

#blog-btn-bg {
position: absolute;
top: 50%;
left: 0px;
background: url(images/nav-buttons.gif) 0 -456px no-repeat;
margin: 184px 0 0 64px;
width: 72px;
height: 54px;
text-indent: -99999px;
}

#blog-btn {
float: left;
margin: -21px 0 0 -11px;
width: 72px;
height: 54px;
text-indent: -99999px;
}

#blog-btn a {
text-indent: -99999px;
margin: 22px 0 0 10px;
width: 50px;
height: 20px;
display: block;
}

#blog-btn a, #blog-btn a:hover {
border-bottom: none;
}

#blog-feed ul li a, #blog-feed ul li {
font-size: 16px;
margin-left: -5px;
letter-spacing: -1px;
}

#footer-details {
position: relative;
top: -5px;
font-size: 11px;
clear: both;
}

#footer-details a{
font-size: 11px;
}

#form-name, #form-email, #message-area {
font-family: Calibri, Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Gill Sans MT", Arial, serif;
position: relative;
margin-bottom: 10px;
background: #202020;
font-size: 15px;
height: 24px;
border: solid 1px #505050;
color: #919191;
width: 315px;
padding: 3px 0 0 5px;
}

#message-area {
height: 48px;
}

.btn {
font-family: Calibri, Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Gill Sans MT", Arial, serif;
font-size: 15px;
line-height: 24px;
padding: 0px 2px;
height: 24px;
cursor: pointer;
background: #202020;
border: solid 1px #07a4ea;
font-weight: bold;
color: #ccc;
}

.visit-btn {
margin: 10px 0 3px 20px;
}

.visit-btn a {
padding: 3px;
font-family: Calibri, Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Gill Sans MT", Arial, serif;
font-size: 15px;
line-height: 24px;
height: 24px;
border: solid 1px #07a4ea;
color: #ccc;
}

.visit-btn a:hover {
border: solid 1px #fff;
color: #07a4ea;
}

#twitter a {
position: absolute;
display: block;
width: 22px;
height: 20px;
overflow: hidden;
text-indent: -99999px;
top: 25px;
right: 45px;
background: url(images/box-headers.gif) 0 -84px no-repeat;
border-bottom: none;
}

#twitter a:hover {
background: url(images/box-headers.gif) 0 -105px no-repeat;
}

#email a {
position: absolute;
display: block;
width: 22px;
height: 20px;
overflow: hidden;
text-indent: -99999px;
top: 27px;
right: 80px;
background: url(images/box-headers.gif) 0 -126px no-repeat;
border-bottom: none;
}

#email a:hover {
background: url(images/box-headers.gif) 0 -146px no-repeat;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;

}
.jScrollPaneDrag {
	position: absolute;
height: 9px;
width: 12px;
background: url(images/nav-buttons.gif) 0 -693px no-repeat;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
background: url(images/nav-buttons.gif) 0 -681px no-repeat;
	height: 12px;
	width: 12px;
	border-bottom: none;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
background: url(images/nav-buttons.gif) 0 -669px no-repeat;
	height: 12px;
	width: 12px;
	border-bottom: none;
}





/**************************************/

.nav {
position: absolute;
top: 50%;
left: 50%;
margin: 180px 0 0 156px;
z-index: 500;
}

#prev, #next {
float: left;
margin-right: 50px;
}

#prev a {
background: url(images/nav-buttons.gif) 0 -564px no-repeat;
display: block;
width:  22px;
height: 22px;
text-indent: -99999px;
border-bottom: none;
}

#next a {
display: block;
width:  22px;
height: 22px;
background: url(images/nav-buttons.gif) 0 -608px no-repeat;
text-indent: -99999px;
border-bottom: none;
}

#prev a:hover {
background: url(images/nav-buttons.gif) 0 -586px no-repeat;
border-bottom: none;
}

#next a:hover {
background: url(images/nav-buttons.gif) 0 -630px no-repeat;
border-bottom: none;
}

#nav-arrow {
position: absolute;
display: block;
width: 13px;
height: 17px;
top: -9px;
left: 50%;
margin-left: 45px;
background: url(images/nav-buttons.gif) 0 -652px no-repeat;
}

#services-list {
margin-top: 15px;
}

#services-list li {
margin: 0 0 7px 25px;
text-transform: uppercase;
padding-left: 25px;
color: #fff;
background: url(images/box-headers.gif) 0 -164px no-repeat;
}

#services-list li a{
color: #07a4ea;
}

#services-list li a:hover {
color: #fff;
}

#about-us-list li {
margin: 0 0 5px 25px;
text-transform: uppercase;
padding-left: 25px;
color: #fff;
background: url(images/box-headers.gif) 0 -164px no-repeat;
}

.post-image {
float: left;
margin: 15px 0 10px 20px;
}

.sean-details {
float: left;
margin: 15px 0 0 10px;
}

.sean-text {
clear: left;
}

h4 {
margin-left: 20px;
font-size: 12px;
}

h4 a {
font-size: 12px;
}

#other-services {
margin-top: 20px;
}