@charset "UTF-8";
/* RESET */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

a {
text-decoration: none;
color:#F07F2A;
}

a:hover {
text-decoration:underline;
}

p {
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* MAIN STYLES */

html {
background: #F8F8F8;
}

#container {
width: 890px;
margin: 1em auto;
}

#container2 {
width: 890px;
margin: 1em auto;
padding-top:6px;
}

#header {
overflow: hidden;
height: 100%; /* Needed for IE 6 */
}

#header img {
float: left;
position:relative;
top: 1px;
left:15px;
}

#header ul#nav {
float: right;
position: relative;
top: 78px;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-size: 13px;
font-variant: small-caps;
letter-spacing: 1px;
}

#nav li {
display: inline;
padding: 0 0 0 30px;
}

#nav li a {
color:#666666;
text-decoration:none;
}

#nav li a:hover {
color: #464646;
}

#nav li a:active {
color:#666666;
}

/* HOME STYLES */

#slidedeck_frame {
	background: url(../images/back.png) 0 0 no-repeat;
	width: 900px;
	height: 314px;
	padding: 26px 27px;
	margin-top: 10px;
}
#slidedeck_frame dl { margin: 0; }			
.slidedeck dd {
	padding: 10px;
	border-right: 5px solid #d7d7d7;
	background: url(../images/slides.png) bottom left #d7d7d7 repeat-x;
}
.slidedeck dt {
	cursor: pointer;
	height: 43px;
	line-height: 38px;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: url(../images/spines.png) top left #d7d7d7;
	color: #505050;
}
.slidedeck dt:hover {
	color: #313131;
	background-position: center left;
}
.slidedeck dt.active, .slidedeck dt.active:hover {
	cursor: default;
	color: #fff;
	background-position: bottom left;
}
.slidedeck dt .index {
	font-size: 24px;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #505050;
}
.slidedeck dt:hover .index { color: #000000; }
.slidedeck dt.active .index { color: #ffffff; }
.slidedeck .activeCorner {
	margin-left: -6px;
	background-image: url(../images/corner.png);
	width: 12px;
	height: 25px;
}
#more a {
	position: absolute;
	padding: 5px 10px;
	margin: -45px 0 0 506px;
	background:#000000;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color:#CCCCCC;
	text-decoration:none;
	outline:none;
}
#more a:hover {
	color:#000000;
	background-color:#FFFFFF;
}
#line {
width:890px;
height:2px;
margin:13px 0 50px 0; 
border-top:1px solid #CCCCCC;
}

#main {
padding: 20px;
margin-top:-30px;
padding-bottom:230px;
}

h1#home_title {
background:url(../images/oltman.jpg) no-repeat 0px 0px;
width:266px;
height:25px;
margin: 2px 0 4px 0;
text-indent:-9999px;
}

#home_text {
width:430px;
float:left;
}

#home_text p {
color:#666666;
font-size:14px;
font-weight:lighter;
line-height: 24px;
letter-spacing: 1px;
margin-left:3px;
}

#home_text img {
margin: 10px 23px 0 0;
float: right;
}

#learn_more a {
background:url(../images/more.png) no-repeat 0px 0px;
float:right;
width:139px;
height:26px;
margin: 10px 28px 0 0;
text-indent:-9999px;
}

#learn_more a:hover {
background-position: 0px -26px;
}

#buttons {
float:right;
margin-top:32px;
width:310px;
height:156px;
text-indent:-9999px;
}

#services_lg a {
float:right;
width:310px;
height:78px;
background:url(../images/buttons_lg.jpg) no-repeat 0px 0px;
}

#quote_lg a {
float:right;
width:310px;
height:78px;
background:url(../images/buttons_lg.jpg) no-repeat 0px -78px;
}

#services_lg a:hover {
background-position:-310px 0px;
}

#quote_lg a:hover {
background-position:-310px -78px;
}

/* ABOUT STYLES */

#main2 {
padding: 20px;
margin-top:-30px;
height:800px;
padding-bottom:230px;
}

#main_about {
width:470px;
height:800px;
float:left;
}

#about_main_text {
background:url(../images/about_text.png) no-repeat 0px 0px;
width:466px;
height:64px;
text-indent:-9999px;
}

#about_text {
font-size:13px;
line-height:18px;
padding-top:25px;
color:#666666;
}

#about_links {
padding-top:40px;
padding-bottom:30px;
}

#about_services a {
text-indent:-9999px;
background:url(../images/links_horiz.png) no-repeat 0px 0px;
width:190px;
height:32px;
float:left;
padding-right:20px;
}

#about_quote a {
text-indent:-9999px;
background:url(../images/links_horiz.png) no-repeat -210px 0px;
width:190px;
height:32px;
float:left;
}

#about_services a:hover {
background-position:0px -32px;
}

#about_quote a:hover {
background-position:-210px -32px;
}

#our_clients {
background:url(../images/our_clients.png) no-repeat 0px 0px;
width:462px;
height:449px;
margin-top:100px;
}

#testimonials_box {
background-color:#FFFFFF;
border:1px solid #E8E8E8;
width:292px;
height:880px;
float:right;
margin-right:-10px;
padding:18px;
margin-top:90px;
-moz-box-shadow:0px 0px 1px #CCCCCC;
-webkit-box-shadow:0px 0px 1px #CCCCCC;
}

#testimonials_title {
background:url(../images/testimonials.png) no-repeat 0px 0px;
width:290px;
height:19px;
text-indent:-9999px;
}

#testimonials_box p {
font-size:12px;
color:#A1A1A1;
padding:15px;
padding-top:15px;
line-height:15px;
text-indent: -0.5em;
}

#testimonials_box b {
color:#F07F2A;
}

#testimonials_box i {
color:#7A7A7A;
}

/* SERVICES STYLES */

#main_services {
padding: 20px;
margin:-30px 0 -5px 0;
}

#services_text {
background:url(../images/sevices_text.jpg) no-repeat 0px 0px;
float:left;
width:459px;
height:100px;
margin-left: 6px;
text-indent:-9999px;
}

#buttons_sm {
float:right;
width:190px;
height:70px;
text-indent:-9999px;
}

#quote_sm a {
background:url(../images/buttons_sm.jpg) no-repeat 0px 0px;
float:left;
width:190px;
height:35px;
margin-bottom:10px;
}

#work_sm a {
background:url(../images/buttons_sm.jpg) no-repeat 0px -35px;
float:left;
width:190px;
height:35px;
margin-bottom:10px;
}

#quote_sm a:hover {
background-position:-190px 0px;
}

#work_sm a:hover {
background-position:-190px -35px;
}

#services {
width:100%;
height:370px;
padding-top:100px;
padding-bottom:50px;
}

#services_design {
background:url(../images/services_titles.jpg) no-repeat 0px 0px;
width:232px;
height:50px;
}

#services_tech {
background:url(../images/services_titles.jpg) no-repeat 0px -50px;
width:232px;
height:50px;
}

#services_support {
background:url(../images/services_titles.jpg) no-repeat 0px -100px;
width:232px;
height:50px;
}

#design {
background:url(../images/services_box.jpg) no-repeat 0px 0px;
float:left;
width:234px;
height:324px;
margin-left:-5px;
padding:23px;
}

#tech {
background:url(../images/services_box.jpg) no-repeat 0px 0px;
float:left;
width:234px;
height:324px;
margin-left:30px;
padding:23px;
}

#support {
background:url(../images/services_box.jpg) no-repeat 0px 0px;
float:right;
width:234px;
height:324px;
margin-right:-5px;
padding:23px;
}

ul#services_list {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:58px 0 0 27px;
line-height:25px;
}

ul#services_list li {
list-style-type:bullets;
color:#F07F2A;
}

ul#services_list li span {
color:#999999;
}

/* WORK STYLES */

#work_container {
width:846px;
padding:0 24px 50px 20px;
margin-top:-10px;
}

#work_header {
padding-bottom:35px;
}

#identity_title {
width:239px;
height:18px;
float:left;
margin-left:-4px;
text-indent:-9999px;
background:url(../images/work_title.png) 0px 0px;
}

#print_title {
width:239px;
height:18px;
float:left;
margin-left:-4px;
text-indent:-9999px;
background:url(../images/work_title.png) 0px -18px;
}

#web_title {
width:239px;
height:18px;
float:left;
margin-left:-4px;
text-indent:-9999px;
background:url(../images/work_title.png) 0px -36px;
}

#iphone_title {
width:239px;
height:18px;
float:left;
margin-left:-4px;
text-indent:-9999px;
background:url(../images/work_title.png) 0px -54px;
}

#back_link {
width:82px;
height:18px;
float:left;
margin-left:-4px;
}

#next_link {
width:82px;
height:18px;
float:right;
margin-right:-9px;
}

#back_top {
float:left;
width:585px;
}

#back_top img {
padding: 4px 220px;
}

ul#work_links{
float:right;
margin:2px -2px 0 0;
}

#work_links li {
display:inline;
list-style:none;
}

#work_links li a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#9D9D9D;
padding-left:15px;
}

#work_links li a:hover {
text-decoration:none;
color:#666666;
}

#work_box {
width:846px;
min-height:306px;
margin-bottom:20px;
background-color:#E6E6E6;
border:1px solid #CCCCCC;
}

#work {
width:596px;
min-height:290px;
margin:7px 0px 0px 8px;
float:left;
}

#work_info {
width:215px;
float:left;
margin:35px 0 0 5px;
background:url(../images/work_info_sm.png) no-repeat 0px 0px;
}

#work_info p {
font-size:11px;
color:#5B5B5B;
line-height:15px;
width:215px;
}

#client {
width:215px;
height:50px;
float:left;
margin:21px 0 0 2px;
}

#client p {
font-size:12px;
}

#project {
width:220px;
float:left;
margin:3px 0 10px 2px;
}

#services_info {
background:url(../images/work_info_services.png) no-repeat 0px 0px;
float:left;
width:220px;
margin-top:7px;
margin-left:-1px;
padding:20px 0 0 4px;
}

#services_info ul li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#5B5B5B;
margin:3px 0 3px 13px;
padding-bottom:2px;
}

#more_info a {
width:139px;
height:26px;
float:left;
margin:8px 0 0 0;
text-indent:-9999px;
background:url(../images/more_button.png) no-repeat 0px 0px;
}

#more_info a:hover {
background-position:0px -26px;
}

#website a {
width:139px;
height:26px;
float:left;
margin:8px 0 0 0;
text-indent:-9999px;
background:url(../images/website_button.png) no-repeat 0px 0px;
}

#website a:hover {
background-position:0px -26px;
}

#pages {
float:left;
margin-left:auto;
margin-right:auto;
padding: 0px 270px;
}

#pages img {
float:left;
padding:6px;
}

#pg_1{
width:31.43px;
height:28.86px;
float:left;
margin:0 2px;
background:url(../images/numbers.png) no-repeat 0px 0px;
text-indent:-9999px;
}

#pg_2{
width:31.43px;
height:28.86px;
float:left;
margin:0 2px;
background:url(../images/numbers.png) no-repeat -31.43px 0px;
text-indent:-9999px;
}


#pg_3{
width:31.43px;
height:28.86px;
float:left;
margin:0 2px;
background:url(../images/numbers.png) no-repeat -62.86px 0px;
text-indent:-9999px;
}

/* CONTACT STYLES */

#contact_title {
background:url(../images/contact_us.png) no-repeat 0px 0px;
text-indent:-9999px;
width:409px;
height:44px;
margin-left:-10px;
}

#email {
width:409px;
height:89px;
margin-left:-2px;
margin-top:30px;
}

/* FOOTER STYLES */

#footer {
height: 80px;
background:url(../images/shelf.png);
margin: 0 auto;
}

#foot_container {
width: 890px;
margin: auto;
padding-top:55px;
padding-bottom:70px;
}

#copyright img {
float:left;
margin: -38px 0 0 -10px;
}

#copyright h2 {
color:#FFFFFF;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-variant:small-caps;
font-size:26px;
padding-bottom: 7px;
}

#copyright p {
margin: 0 0 0 10px;
color:#333333;
font-size:12px;
font-variant:small-caps;
}

#links {
float:right;
margin-top:10px;
width:330px;
height:35px;
text-indent:-9999px;
}

#social li {
padding: 0 0 0 15px;
display: inline;
}

ul li#linkedin a {
width:118px;
height:35px;
float:left;
background:url(../images/social.png) no-repeat 0px 0px;
}

ul li#twitter a {
width:110px;
height:35px;
float:left;
background:url(../images/social.png) no-repeat -118px 0px;
}

ul li#facebook a {
width:102px;
height:35px;
float:left;
background:url(../images/social.png) no-repeat -228px 0px;
}