#bar {
background:url(http://studiocreek.com/images/blue_bar.png) repeat-x top;
height:15px;
}

#bottom p,#header h1 {
margin:0;
padding:10px 0;
}

#home #nav-home a span,#contact #nav-contact a span,#services #nav-services a span,#about #nav-about a span,#portfolio #nav-portfolio a span,#testimonials #nav-testimonials a span {
background-position:100% -150px;
color:#2b2f35;
height:18px;
}

#contact_form {
font-size:13px;
}

#contact_form #cForm fieldset,#logo a img {
border:0;
}

#contact_form td {
border:0;
padding:0 15px 15px 0;
}

#container {
margin:0 auto;
position:relative;
text-align:left;
width:780px;
}

#content {
margin:30px 0 0;
padding:0;
width:780px;
}

#content img,* {
margin:0;
padding:0;
}

#content span img {
margin:0 0 15px;
padding:0;
}

#shadow-top {
background:url("http://studiocreek.com/tools/easySlider/templatica_files/images/bg_slideshow_top.png") no-repeat top left;
height:33px;
margin-top:-20px;
}

#header {
background:transparent;
height:85px;
position:relative;
width:auto;
}

#header img a {
float:left;
padding:20px 0 0 15px;
}

#left_content {
border-bottom:2px dotted #FFE9CF;
float:left;
margin:0 0 15px;
padding:0 0 20px 0;
width:560px;
}

#left_content .tri_column {
float:left;
font-size:13px;
margin:0 0 10px;
width:185px;
}

#left_content .tri_column li a {
color:#333;
text-decoration:none;
}

#left_content .tri_column li,#sidebar li {
list-style-image:url(http://studiocreek.com/images/check.png);
margin:0;
padding:0 0 7px;
}

#left_content .quote {
	position: relative;
	background: url(http://studiocreek.com/images/quotes-top.png) no-repeat top left;
	margin: 0 0 30px 0;
	padding: 0 0 0 70px;
}

#left_content .quote .bottom {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 52px;
	height: 50px;
	background: url(http://studiocreek.com/images/quotes-bottom.png) no-repeat bottom left;
}

#left_content hr {
	width: 465px;
	border:1px dashed #e5e5e5;
	
}


#content-full .bi-column {
float:left;
font-size:13px;
margin:0 10px 10px;
width:230px;
}

#content-full .bi-column li a {
text-decoration:none;
}

#content-full .bi-column li,#sidebar li {
font-size:11px;
list-style-image:url(http://studiocreek.com/images/check.png);
margin:0;
padding:0 0 12px;
}

#content-full h2 {
font-size:24px;
padding:0 0 15px;
}

#content-full p {
font-size:12px;
padding:0 0 15px;
}

#container #content p {
color:grey;
font-size:13px;
}

#left_content h1 {
color:#F60;
font-size:18px;
margin: 5px 0 15px;
}

#left_content h2 {
color:#637d2f;
font-size:15px;
padding:20px 0 15px;
}

#left_content h3 {
font-size:14px;
padding:0 0 15px;
}

#left_content p {
color:#333;
font-size:13px;
line-height:1.75em;
margin:0 20px 0 0;
padding:0 0 15px;
text-align:justify;
}

#left_content p img,#left_content h2 img {
padding:0 20px 0 0;
text-align:left;
}

#left_content p.sub {
color:#111;
float:left;
font-size:10px;
font-style:italic;
padding:15px 0;
}

#logo {
height:44px;
left:15px;
position:absolute;
top:25px;
width:219px;
}

#logo h2 {
background:transparent url(http://studiocreek.com/images/logo.png) no-repeat 0 0;
display:block;
height:44px;
text-indent:-9009px;
width:219px;
}

#logo h2 a {
display:block;
height:100%;
outline:none;
width:100%;
}

#logo h2 a:hover {
background:transparent url(http://studiocreek.com/images/logo_hover.png) no-repeat 0 0;
}

#main {
margin:0;
padding:0 15px;
}

#main a {
color:#3d72b9;
}

#main h1 {
border-bottom:2px dotted #FFE9CF;
color:#F60;
font-size:17px;
font-weight:900;
letter-spacing:-0.2px;
margin:0 0 10px;
padding:0 0 3px;
}

#main h2 {
font-size:14px;
font-weight:900;
letter-spacing:-0.2px;
margin:0;
padding:0;
}

#main p {
color:#333;
font:14px arial;
line-height:1.25em;
margin:0;
padding:0 0 15px;
}

#main_left {
background:none;
color:#fff;
float:left;
margin:left;
padding:0 0 0 20px;
text-align:left;
width:22%;
}

#main_promo {
background:url(http://studiocreek.com/images/homepage_promo_1.jpg) no-repeat top center;
height:240px;
margin:0 0 15px;
padding:0;
width:780px;
}

#main_promo ul li a {
color:#999;
font-size:12px;
line-height:1.5em;
}

#main_right h3,#main_middle h3,#main_left h3 {
border-bottom:2px dotted #2d5c01;
color:#fff;
font-size:12px;
font-weight:900;
letter-spacing:-0.2px;
line-height:1em;
margin:0 15px;
padding:0 0 3px;
}

#main_right,#main_middle {
background:none;
color:#fff;
float:left;
padding:0;
text-align:left;
width:22%;
}

#nav {
background:transparent;
color:#fff;
font-size:14px;
height:27px;
overflow:hidden;
position:absolute;
right:0;
top:58px;
width:550px;
}

#nav a {
background:url(http://studiocreek.com/images/tabs_left.png) no-repeat left top;
float:left;
font-weight:700;
height:28px;
margin:0;
overflow:hidden;
padding:0 0 0 11px;
text-decoration:none;
}

#nav a span {
background:url(http://studiocreek.com/images/tabs_right.png) no-repeat right top;
color:#fff;
display:block;
float:left;
font-weight:700;
height:28px;
margin:0 1px 0 0;
overflow:hidden;
padding:4px 16px 6px 6px;
}

#nav a:hover {
background-position:0 -300px;
color:#60001C;
}

#nav a:hover span {
background-position:100% -300px;
color:#fff;
}

#nav li {
display:inline;
margin:0;
padding:0;
white-space:nowrap;
}

#nav ul {
float:right;
list-style:none;
margin:0;
padding:0;
}

#nav-contact a {
background-position:0 -300px;
border-width:0;
}

#nav-contact a span {
background-position:100% -300px;
color:#60001C;
}

#services #nav-services a,#about #nav-about a,#portfolio #nav-portfolio a,#testimonials #nav-testimonials a {
background-position:0 -150px;
}

#services_promo {
background:url(http://studiocreek.com/images/services_promo_1.jpg) no-repeat top center;
height:240px;
margin:0 0 15px;
padding:0;
width:780px;
}

#services_promo h2,#main_promo h2 {
font-size:15px;
margin:0 220px 0 30px;
padding:15px 0 0;
}

#services_promo img,#main_promo img {
margin:20px 0 15px 30px;
padding:0;
}

#services_promo p a,#main_promo p a {
color:#fff;
}

#services_promo p,#main_promo p {
color:#fff;
font-size:13px;
line-height:1.75em;
margin:0 220px 0 30px;
padding:0;
text-align:justify;
}

#services_promo ul li a {
color:#fff;
font-size:12px;
line-height:1.5em;
}

#sidebar {
background:url(http://studiocreek.com/images/right_sidebar.jpg) no-repeat top center;
float:right;
margin:0;
padding:0;
width:217px;
min-height: 400px;
}

#sidebar h3 {
color:#4a4436;
font-size:15px;
margin:0;
padding:15px 0 0 30px;
}

#sidebar h3 a {
color:#4a4436;
margin:0;
padding:0;
text-decoration:none;
}

#sidebar h3 a:hover,.checkout-head a {
text-decoration:underline;
}

#sidebar h4 {
color:#4a4436;
font-size:16px;
margin:0;
padding:40px 0 0 15px;
}

#sidebar li a {
color:#4a4436;
text-decoration:none;
}

#sidebar li a:hover {
color:#2f2b23;
text-decoration:underline;
}

#sidebar p {
font-size:12px;
margin:15px;
}

#sidebar ul {
color:#4a4436;
font-size:12px;
margin:0;
padding:15px 0 0 55px;
}

#siteseal {
float:left;
margin:0 15px 30px 0;
}

#tag a {
color:#CCC;
}

#tag li {
color:#666;
font-size:12px;
list-style-type:none;
position:absolute;
right:0;
text-align:right;
top:25px;
width:550px;
}

#twitter_div h3.sidebar-title {
font-size:15px;
padding:0 0 5px 20px;
}

#twitter_div ul {
padding:0;
}

#twitter_update_list li a {
color:#999;
}

#twitter_update_list li span a {
color:blue;
text-decoration:underline;
}

.checkout .error {
background:#ff9;
padding-bottom:5px;
}

.checkout .row {
margin:0 0 5px;
overflow:hidden;
padding:0;
}

.checkout .row p {
display:block;
padding:0 0 0 7px;
}

.checkout .row p a {
color:#ff1200;
float:left;
font-size:10px;
font-weight:700;
padding-left:5px;
text-decoration:underline;
}

.checkout .row p.error {
color:red;
float:none;
font-weight:700;
padding:4px;
}

.checkout .row p.state_error {
letter-spacing:-1.1px;
}

.checkout .row-rc {
margin:10px 0 10px 125px;
}

.checkout .row-rc input#f-mailinglist {
margin-top:16px;
}

.checkout .row-rc label {
font-weight:400;
padding:0 0 5px 5px;
width:240px;
}

.checkout .row-submit {
margin-top:20px;
}

.checkout .row-submit a,.checkout input,.checkout select,.phone,.checkout-right p.buttons input,.checkout-right p.buttons select {
float:left;
}

input#id1 {
margin:0 5px 0 0;
}

.checkout .row-submit input {
margin-left:80px;
}

.checkout label {
float:left;
font-size:12px;
font-weight:700;
padding:0 4px 8px 0;
width:122px;
}

.checkout label small {
font-size:10px;
font-weight:400;
}

.checkout label.req {
background:url(/images/required_dot.gif) no-repeat 115px 6px;
}

.checkout-center {
margin:auto auto 10px;
padding:0 10px;
width:100%;
}

.checkout-completed {
background:url(/images_new/footer_dots.gif) repeat-y 440px 0;
margin:10px 0;
overflow:hidden;
}

.checkout-completed .checkout-left h2,.checkout-completed .checkout-right h2 {
padding-top:5px;
}

.checkout-head {
background:#eee;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
height:22px;
line-height:22px;
margin:15px 15px 15px 0;
padding:0 10px;
text-align:left;
}

.checkout-head h3 {
font-size:12px;
font-weight:700;
}

.checkout-head h3 span {
font-size:11px;
font-weight:400;
}

.checkout h4 {
font-size:14px;
font-weight:700;
margin: 15px 0 10px 0;
padding: 0;
color: #888;
font-style: italic;
width: 300px;
}

.checkout h4 span {
width: 300px;
display: block;
padding: 10px 0 0px 0;
border-top: 1px dashed #999;
}

.checkout-left {
float:left;
margin:0 0 10px;
padding:0 10px;
width:430px;
}

.checkout-left a,.checkout-right a {
font-weight:700;
text-decoration:underline;
}

.checkout-left h2 {
padding-left:0;
}

.checkout-left h3 a,.checkout-right h3 a {
font-weight:400;
}

.checkout-left p {
line-height:13px;
margin:0 0 10px;
}

.checkout-left ul {
margin:5px 0 10px 15px;
}

.checkout-right {
float:left;
padding:0 10px 0 0;
width:300px;
}

.checkout-right h2 {
color:#000;
padding-left:0;
}

.checkout-right h2 small,#twitter_update_list li span,#twitter-link {
font-size:10px;
}

.checkout-right p {
line-height:13px;
margin:0 0 8px;
}

.checkout-right p.buttons {
margin:20px 0 10px;
overflow:hidden;
}

.checkout-right p.buttons img {
float:left;
padding:1px 10px 0 0;
}

.clearfloat {
clear:both;
font-size:1px;
height:0;
line-height:0;
}

.col1,.col2,.col3 {
float:left;
padding:0 0 1em 1px;
position:relative;
}

.colmask {
clear:both;
float:left;
overflow:hidden;
width:100%;
}

.colright,.colmid,.colleft {
float:left;
position:relative;
width:100%;
}

.doublepage {
position:relative;
}

.doublepage .col1 {
width:50%;
}

.doublepage .col2 {
width:45%;
}

.doublepage li {
font-size:12px;
line-height:2em;
}

.empty_cart_phone {
float:left;
margin-left:48px;
}

.fltlft {
float:left;
margin-right:8px;
}

.fltrt {
float:right;
margin-left:8px;
}

.gift_code {
margin:30px 0 20px;
overflow:hidden;
}

.gift_code a {
margin-left:10px;
text-decoration:underline;
}

.gift_code label {
font-weight:400;
width:190px;
}

.gift_code p {
clear:both;
margin-left:190px;
}

.left_content ul li {
list-style-image:url(http://studiocreek.com/images/check.png);
}

.list_container {
border-bottom:1px dashed grey;
float:left;
margin:0 0 25px;
position:relative;
width:97%;
}

.list_header {
float:left;
width:100%;
}

.list_header h4 {
float:left;
width:65%;
}

.list_header p {
float:right;
height:1em;
margin:0;
padding:0;
}

.list_header p span {
font-weight:900;
}

.list_price {
border:1px solid green;
float:right;
margin:0 15px 0 0;
text-align:right;
width:45%;
}

.phone-title {
float:left;
width:45px;
}

body {
background:url(http://studiocreek.com/images/back_top.png) repeat-x top;
color:#000;
font:100% Helvetica, Arial, sans-serif;
margin:0;
padding:0;
text-align:center;
}

div#twitter_div {
margin-top:25px;
padding:10px;
}

div.colleft li {
list-style-image:url(http://studiocreek.com/images/check.png);
margin:0 0 0 15px;
padding:0;
}

p.redeem-error {
color:#FF1200;
font-weight:700;
margin-left:200px;
}

ul#twitter_update_list li {
font-size:10px;
list-style:none;
margin:0;
}

#intro span,#subscribe,button,#preview h1,#preview span {
display:block;
margin:0;
overflow:hidden;
padding:0;
text-indent:-8000px;
}

a {
color:#5399e2;
text-decoration:none;
}

a:hover {
color:#3374b8;
text-decoration:underline;
}

table,li {
color:#333;
font:100% Trebuchet MS, Arial, Helvetica, Sans-Serif;
line-height:160%;
}


input, textarea, select {
color:#333;
font:12px Trebuchet MS, Arial, Helvetica, Sans-Serif;
line-height:160%;
}

p,blockquote,ul,ol,form {
margin:0;
}

img {
border:none;
}

table {
border-collapse:collapse;
margin:1em 0;
width:100%;
}

th,td {
padding:2px 5px;
}

th {
text-align:left;
}

li {
display:list-item;
}

#content img {
}


.left {
display:inline;
float:left;
margin-right:15px;
}

#content .left img {
background:#111;
border:1px solid #222;
border-left:1px solid #000;
border-top:1px solid #000;
padding:5px;
}

h2#title {
background:#222322 url(http://studiocreek.com/tools/easySlider/templatica_files/images/bg_title.gif) repeat-x;
color:#fff;
font-size:25px;
line-height:120%;
margin:0 5px;
padding:24px 36px;
}

#intro {
background-color:#FFF;
}

#intro ul,#intro li {
list-style:none;
margin:0;
padding:0;
}

#intro div {
height:540px;
margin:0;
overflow:hidden;
position:relative;
width:780px;
}

#intro ul {
height:540px;
}

#intro li {
display:inline;
float:left;
height:540px;
width:780px;
}

#slider ul li h3 {
font:Helvetica, arial, sans-serif;
font-size:28px;
font-weight:900;
line-height:1em;
margin:0;
padding:0;
text-align:left;
width:285px;
}

#slider ul li h3 strong {
background:none;
display:block;
font:Helvetica, arial, sans-serif;
font-size:28px;
font-weight:900;
line-height:1em;
margin:0;
padding:30px 0 15px 25px;
}

#slider ul li h3 dfn {
background:url("http://studiocreek.com/images/graphic-featured-project.png") no-repeat top left;
display:block;
font:Helvetica, arial, sans-serif;
font-size:28px;
font-style:inherit;
font-weight:900;
line-height:1em;
margin:0;
padding:30px 0 15px 25px;
}

#slider ul li h4 {
font:Helvetica, arial, sans-serif;
font-size:18px;
font-weight:900;
line-height:1em;
margin:0 0 15px 25px;
width:240px;
}

#slider ul li p {
font-size:12px;
font-weight:100;
margin:0 0 15px 25px;
width:240px;
}

#slider ul li p em {
color:grey;
font-size:11px;
}

#slider ul li dl {
margin:0 0 25px;
padding:0;
}

#slider ul li dl dt {
background:transparent url(http://studiocreek.com/tools/easySlider/templatica_files/images/check_15.png) no-repeat 0 0;
font:Helvetica, arial, sans-serif;
font-size:11px;
line-height:1em;
margin:0 0 15px 35px;
padding:0 0 2px 20px;
width:210px;
}

#prevBtn,#nextBtn {
display:block;
height:250px;
left:-70px;
position:absolute;
top:220px;
width:70px;
}

#nextBtn {
left:780px;
}

#prevBtn a,#nextBtn a {
background:url(http://studiocreek.com/tools/easySlider/templatica_files/images/btn_prev.png) no-repeat 0 0;
display:block;
height:250px;
width:70px;
}

#nextBtn a {
background:url(http://studiocreek.com/tools/easySlider/templatica_files/images/btn_next.png) no-repeat 0 0;
}

#tooltip {
background:#f7f5d1;
border:1px solid #333;
color:#333;
display:none;
padding:2px 5px;
position:absolute;
}

#technology-partners {
	position: relative;
	width: 780px;
	height: 96px;
	background: url(http://studiocreek.com/images/technology-partners.png) no-repeat bottom left;
	margin: 0 0 20px 0;
	padding: 0;
}

#technology-partners h3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 780px;
	height: 18px;	
	text-indent: -99999px;
	background: url(http://studiocreek.com/images/technology-partners.png) no-repeat top left;
}

#technology-partners ul li {
	display: block;
}

#technology-partners a span {
	display: none;
}

#adobe a {
	position: absolute;
	top: 18px;
	left: 0;
	width: 45px;
	height: 60px;
	background: url(http://studiocreek.com/images/technology-partners.png) no-repeat 0 -18px;
}
#adobe a:hover {
	background-position: 0 -78px;
}

#apple a {
	position: absolute;
	top: 18px;
	left: 45px;
	width: 53px;
	height: 60px;
	background: url(http://studiocreek.com/images/technology-partners.png) no-repeat -45px -18px;
}
#apple a:hover {
	background-position: -45px -78px;
	
}


#google a {
	position: absolute;
	top: 18px;
	left: 100px;
	width: 142px;
	height: 60px;

	background: url(http://studiocreek.com/images/technology-partners.png) no-repeat -98px -18px;
}
#google a:hover {
	background-position: -98px -78px;
	
}


#microsoft a {
	position: absolute;
	top: 18px;
	left: 242px;
	width: 132px;
	height: 60px;

	background: url(http://studiocreek.com/images/technology-partners.png) no-repeat -240px -18px;
}
#microsoft a:hover {
	background-position: -240px -78px;
	
}


#mozilla a {
	position: absolute;
	top: 18px;
	left: 376px;
	width: 73px;
	height: 60px;
	background: url(http://studiocreek.com/images/technology-partners.png) no-repeat -372px -18px;
}
#mozilla a:hover {
	background-position: -372px -78px;
	
}



#paypal a {
	position: absolute;
	top: 18px;
	left: 451px;
	width: 100px;
	height: 60px;
	background: url(http://studiocreek.com/images/technology-partners.png) no-repeat -452px -18px;
}
#paypal a:hover {
	background-position: -452px -78px;
	
}


#quickbooks a {
	position: absolute;
	top: 18px;
	left: 553px;
	width: 125px;
	height: 60px;
	background: url(http://studiocreek.com/images/technology-partners.png) no-repeat -554px -18px;
}
#quickbooks a:hover {
	background-position: -554px -78px;
	
}



#yahoo a {
	position: absolute;
	top: 18px;
	left: 680px;
	width: 100px;
	height: 60px;

	background: url(http://studiocreek.com/images/technology-partners.png) no-repeat -679px -18px;
}
#yahoo a:hover {
	background-position: -679px -78px;
	
}










a.screenshot {
background:url(http://studiocreek.com/images/icon-external-link.png) center right no-repeat;
padding:0 13px 0 0;
}

#footer {
background:url(http://studiocreek.com/images/back_bottom.png) repeat-x bottom;
bottom:0;
height:300px;
left:0;
padding:0;
position:relative;
right:0;
width:auto;
}

#footer ul li {
padding:0 0 8px;
}

#footer ul li a {
color:#999;
font-size:12px;
line-height:1em;
text-decoration:none;
}

#footer ul,#services_promo ul,#main_promo ul {
margin:0;
padding:5px 0 0 35px;
}

#footer_bottom {
clear:left;
color:#666;
float:left;
font:12px Arial, Helvetica, sans-serif;
margin:25px 0 0;
padding:0;
text-align:left;
width:434px;
}

#footer_bottom a {
color:#666;
}

#footer_bottom p {
color:#666;
font:12px Arial, Helvetica, sans-serif;
margin:0;
padding:0 15px;
text-align:left;
}

#footer_left {
background:none;
color:#999;
float:left;
margin:left;
padding:0;
text-align:left;
width:20%;
}

#footer_middle_1 {
background:none;
color:#999;
float:left;
padding:0;
text-align:left;
width:20%;
}

#footer_middle_2 {
background:none;
color:#999;
float:left;
padding:0;
text-align:left;
width:25%;
}

#footer_middle_2 h3,#footer_middle_1 h3,#footer_left h3 {
border-bottom:2px dotted #333;
font-size:12px;
font-weight:900;
letter-spacing:-0.2px;
line-height:1em;
margin:0 15px;
padding:0 0 3px;
}

#footer_right {
background:none;
color:#999;
float:right;
margin:0;
padding:0;
text-align:left;
width:35%;
}

#footer_right h3 {
border-bottom:2px dotted #333;
font-size:12px;
font-weight:900;
letter-spacing:-0.2px;
line-height:1em;
margin:0 15px 5px;
padding:0 0 3px;
}

#footer_right h3 a,#footer_middle_2 h3 a,#footer_middle_1 h3 a,#footer_left h3 a {
color:#F60;
text-decoration:none;
}

#footer_right p {
font:12px Arial, Helvetica, sans-serif;
margin:0;
padding:0 15px 10px;
}

#footer_right p a {
color:#CCC;
margin:0;
padding:0;
text-decoration:none;
}

#footer_wrap {
background:url(http://studiocreek.com/images/bottom_decoration.png) no-repeat top center;
height:210px;
margin:0 auto;
padding:90px 0 0;
width:780px;
}

#contact #nav-contact a,#home #nav-home a {
background-position:0 -150px;
border-width:0;
}

#left_content .tri_column h2,#content-full .bi-column h2 {
margin:0 0 10px;
padding:0;
}

#left_content .tri_column h2 a,#content-full .bi-column h2 a {
border-bottom:2px dotted #FFE9CF;
color:#F60;
font-size:16px;
font-weight:900;
margin:0;
padding:0 0 3px;
text-decoration:none;
}

#left_content .tri_column ul,#content-full .bi-column ul {
margin:0;
padding:0 0 0 20px;
}

#screenshot,#preview {
background:#333;
border:1px solid #ccc;
color:#fff;
display:none;
padding:5px;
position:absolute;
}