/*
Theme Name: Custom Website
Author: Pike Graphics/SEOwhat
Description: Design by Pike Graphics and Implementation by SEOwhat
*/

a { color: #bf793e; }

h1 {
background: url(images/img-large-swoosh.png) -10px 8px no-repeat;
height: 45px;
margin-left: -30px;
margin-bottom: 0px;
padding-left: 25px;
}
img { border: 0; }
body {
	font: 12px/18px Tahoma,Helvetica,sans-serif;
	background: #000000 url(images/bg.jpg) 50% -200px no-repeat;
	margin: 0;
	padding: 75px 0 0 0;
	text-align: center;
	color: #bf793e;
	min-height: 1000px;
	position: relative;
}
body.home { background-image: url(images/redesign2013-bg-home.jpg); }
body.page-id-7 { background-image: url(images/bg-contact-usB.jpg); }
body.page-id-13 { background-image: url(images/bg-branding-systems.jpg); }
body.page-id-15 { background-image: url(images/bg-printed-product.jpg); }
body.page-id-17 { background-image: url(images/bg-signage.jpg); }
body.page-id-19 { background-image: url(images/bg-tradeshow-graphicsB.jpg); }
body.page-id-23 { background-image: url(images/bg-photography.jpg); }

#header, #container {
	width: 1025px;
	margin: 0 auto;
	text-align: left;
}
body.home #header { border: 0px solid red; height: 250px; position: relative; /*padding-top: 85px;*/ }
/*body.home #header .logo { float: right; width: 542px; }*/
body.home #header .logo img { position: absolute; bottom: 0; left: 250px; height: 290px; width: 500px; }
body.home #header .other {  }
#header { height: 125px; }
#header .logo img { margin-top: -60px; }
#header .slogan { float: right; width: 420px; margin-top: 60px; }
body.home #header .social img.fb { position: absolute; bottom: 33px; right: 113px; height: 70px; width: 50px; }
body.home #header .social img.twitter { position: absolute; bottom: 33px; right: 50px; height: 70px; width: 50px; }
#top-navigation, #top-navigationB {
background: #000 url(images/bg-top-navigationB.gif) 0px 0px repeat-x;
height: 22px;
border: 0px solid red;
}
#top-navigationB { margin-top: 5px; }
body.home #top-navigationB { margin-bottom: 110px; margin-top: 0px; }
#top-navigation ul, #top-navigationB ul { margin: 0px auto; padding: 0px 0px 0px 0px; list-style-type: none; width: 1025px; height: 20px; border: 0px solid red; }
#top-navigation li, #top-navigationB li { float: left; padding-right: 2px; background: url(images/img-divider2.gif) top right no-repeat; }
#top-navigation li a, #top-navigationB li a { padding: 0px 20px; /*background: url(images/img-divider2.gif) top right no-repeat;*/ border: 0px solid red; }
#top-navigationB li a { padding: 0px 15px !important; }
#top-navigation li.first a, #top-navigationB li.first a { padding-left: 0px !important; }
#top-navigation li.last, #top-navigationB li.last { background: none; }
#top-navigation li.last a, #top-navigationB li.last a { background: none; padding-right: 0px !important; }
#top-navigation li img, #top-navigationB li img { vertical-align: middle; }

.scroller-wrapper {
background: #000000;
}
.testimonials {
float: right;
width: 500px;
border: 0px solid red;
}
#mainContent {
	
}
.scroller-wrapper2 { display: none; }
body.home #footer { margin-top: 130px; }
body.home .scroller-wrapper2 { position: absolute; display: block; border: 0px solid red; width: 100%; margin-top: -391px; z-index: -1; }
body.page-id-7 .scroller-wrapper2 { display: block; margin-top: 55px; }

body.page-id-7 h1 { display: none; }

body.page-id-7 #footer { margin-top: 100px !important; }
body.page-id-17 #footer { margin-top: 330px !important; }
body.page-id-19 #footer { margin-top: 500px !important; }

#footer { clear: both; margin-top: 20px; }
#footer, #footer a {
font: normal 11px Arial;
color: inherit;
text-decoration: none;
}
#footer p {
	margin: 0;
	padding: 10px 0;
}

p.edit a { color: #fff; text-decoration: none; font-style: italic; font-weight: bold; }

.whitetext { color: #fff; }

/*  Styles for Logo & Website Spotlight  */
.logo-spotlight, .website-spotlight { float: right; width: 365px; height: 365px; margin-left: 15px; text-align: center; }
.logo-spotlight .description, .website-spotlight .description { color: #fff; line-height: 17px; margin-top: 25px; padding: 7px 10px 0px 10px; min-height: 64px; text-align: left; border: 0px solid red; }
.logo-spotlight { background: #000 url(images/bg-logo-spotlight.gif) top left no-repeat; }
.website-spotlight { background: #000 url(images/bg-website-spotlight.gif) top left no-repeat; }


/*  Hide "Page" widget heading */
#sidebar1 li.widget_pages h2 { display: none; }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

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


/*  cForms styles  */
.cform { clear: none !important; width: 450px !important; margin: 10px 0 0 0; float: right; }
.cform textarea, .cform input { width: 165px !important; }
.cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton { margin: 10px 40px 0 5px !important; width: 150px !important; }
p.cf-sb { text-align: center !important; }
.linklove { display: none; }

body.page-id-7 .cform { width: 365px !important; color: #fff; }
body.page-id-7 .cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton { margin: 10px -5px 0 5px !important; width: 150px !important; }

/*  NextGen Gallery styles  */
.ngg-galleryoverview { margin-top: 0px !important; width: 99999999px !important; clear: none !important; }
.ngg-gallery-thumbnail img { /*padding: 0px 10px !important;*/ padding: 0px !important; margin: 0px !important; border: 0px !important; background-color: #000 !important; }
.ngg-gallery-thumbnail { margin-right: 0px !important; /*float: none !important;*/ }

/*  Flexi Quote Rotator styles  */
#quoteauthor { display: block !important; color: #ffffff !important; font-style: italic; }