body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}


/* !Standard sIFR styles... do not modify */

.sIFR-flash {
visibility: visible !important;
margin: 0;
}

.sIFR-replaced {
visibility: visible !important;
}

span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0; 
display: block;
overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
font-size: 20px;
color: #054093; /* Blue */
}

.sIFR-hasFlash h2 {
font-size: 20px;
color: #054093; /* Blue */
}

.sIFR-hasFlash h5 {
height: 25px;
font-size: 22px;
color: #054093; /* Blue */
}

.sIFR-hasFlash h6 {
font-size: 18px;
color: #054093; /* Blue */
}

.sIFR-hasFlash #topmenu li{
display: block;
height: 25px;
margin: 0px 10px;
padding: 0px;
font-size: 16px;
color: #054093; /* Blue */
cursor: pointer;
}

.sIFR-hasFlash #topmenu li:hover{
color: #EA5388; /* pink */ 
}

.sIFR-hasFlash #topmenu li.current_page_item{
color: #EA5388; /* pink */ 
}

/* EOF sIFR */


/* !Global Styles */
html, body {
	height: 100%;
	margin: 0;
}

body {
background-image: url(images/stripe.jpg);
background-repeat: repeat-x;
background-color: #f2f2f2;
font-family: Arial, Helvetica, sans-serif;
}

h1 {
margin: 0px 0px 10px 0px;
font-size: 18px;
color: #054093; /* Blue */
}

h2 {
margin: 0px 0px 5px 0px;
font-size: 18px;
color: #054093; /* Blue */
}

h3 {
margin: 5px 0px 5px 0px;
font-size: 16px;
color: #054093; /* Blue */
}

h4 {
margin: 5px 0px 5px 0px;
font-size: 14px;
color: #054093; /* Blue */
}

a { 
color: #EA5388; /* pink */ 
text-decoration: none;
outline: none;
}

a:hover {
text-decoration: underline;
}

p {
margin: 0px 0px 10px 0px;
font-size: 12px;
line-height: 18px;
color: #666;
}

p a { 
color: #EA5388; /* pink */ 
text-decoration: none;
}

p img, p a img {
margin: 5px 0px;
border: 2px solid #fff;
}

ul {
margin-left: 15px;
color: #EA5388; /* pink */
}

li {
margin: 0px 0px 5px 0px;
font-size: 12px;
line-height: 18px;
color: #EA5388; /* pink */
list-style: square; 
}

strong {
font-weight:  bold;
}

p strong {
font-weight:  bold;
}

span.pink {
color: #EA5388; /* pink */
}

/* !Page structure */

#container {
width: 1000px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -250px; /* the bottom margin is the negative value of the footer's height */
}

#header {
width: 1000px;
/*height:;*/ /* 108px */
}


/* !logo */

#logo {
position: relative;
float: left;
width: 260px;
height: 126px;
top: 0px;
left: 15px;
margin: 0px 0px -80px 0px;
z-index: 9999;
}

#logo img a{ 
border: none;
outline: none;
padding: 0px;
margin: 0px;
}

/* //logo */

/* !Topmenu */

#topmenu {
float: left;
width: 740px;
height: 45px;
margin: 45px 0px 0px 0; /*  75px 0px 0px 0px; */
padding: 0;
z-index: 9999;
}

#topmenu li {
position:relative;
float: left;
height: 25px;
margin: 0px;
padding: 0px 0px 0px 0px;
list-style: none;
font-size: 16px;
}

#topmenu li a {
float: left;
height: 25px;
margin: 0px;
padding: 0px;
color: #054093; /* Blue */;
font-size: 16px;
text-decoration: none;
border: none;
}

#topmenu li a:hover{
color: #EA5388; /* pink */
}

#topmenu li.current_page_item a {
color: #EA5388; /* pink */
}

/*  Top Menu Ends*/


/* !Easy Slider */

#slideWrap{
position:  relative;
clear: both;
width: 1000px;
margin: 0px auto;
} 

#slider {
position: relative;
margin: 20px auto;
padding: 2px;
}	

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 4px solid #EA5388; /* pink */
width: 951px; /*width of featured content slider*/
height: 251px;
margin: 0 auto;
}


.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
width: 951px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 251px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination {
float: right;
width: 955px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
height: 24px;
margin: 10px 0px 5px 0px;
}

.pagination a{
display: block;
float: right;
width: 15px;
height: 15px;
padding: 0px;
margin: 0px 20px 0px 0px;
text-decoration: none; 
color: #EA5388;
background-color: #EA5388;
border: 2px solid #EA5388;
}

.pagination a:hover, .pagination a.selected{
color: #EA5388;
background-color: #EA5388;
border: 2px solid #054093; /* navy */
}
/* //Content Slider */

/* !Content Area Styles */

#content {
width: 960px;
margin: 0px auto;
}

#leftCol {
float: left;
width: 589px;
padding: 10px 20px 10px 10px;
margin-top: 40px;
border-right: 1px solid #E0E0E0; /* light border grey */
}

#rightCol {
float: left;
width: 300px;
padding: 20px;
}

ul#subPageNav {
margin-bottom: 10px;
}

ul#subPageNav li{
margin-left: 10px;
list-style-image: url(images/listArw.jpg);
}

.rightHeading {
width: 280px;
height: 22px;
margin: 20px 0px 10px 0px;
padding: 4px 10px;
color: #fff;
background-color: #054093; /* Blue */
}

#quoterotator {
display: block;
height: 200px;
}

#rightCol #sidebar h2.widgettitle {
display: none;
}

#rightCol #sidebar ul, #rightCol #sidebar li{
list-style: none;
margin: 0px;
padding: 0px;
color: #666;
}

/* !Tab Content Styles */

#tabcontentContainer {
width: 950px;
margin: 0px;
padding: 4px;
background-color: #E1E1E1; /* darker grey content bg */
border: 1px solid #BBBBBB; /* border grey */
border-bottom: none;
}

.tabcontent{
display:none;
width: 928px;
height: 200px;
padding: 10px;
background-color: #EFEFEF; /* light grey content bg */
border-top: 1px solid #E0E0E0; /* light border grey */
border-left: 1px solid #E0E0E0; /* light border grey */
border-right: 1px solid #E0E0E0; /* light border grey */
}

.left {
float: left;
width: 454px;
margin-right: 10px;
}

.right {
float: left;
width: 454px;
margin-left: 10px;
}

a.moreArw {
display: block;
width: 176px;
height: 17px;
padding: 5px 10px;
color: #EA5388;
font-size: 14px;
background-image: url(images/moreArw.png);
background-repeat: no-repeat;
}

a.moreArw:hover {
text-decoration:  none;
color: #fff;
}

ul#servicetabs {
width: 948px;
height: 150px;
margin: 0px;
padding: 4px  5px 5px;
background-color: #E1E1E1; /* darker grey content bg */
border-bottom: 1px solid #BBBBBB; /* border grey */
border-left: 1px solid #BBBBBB; /* border grey */
border-right: 1px solid #BBBBBB; /* border grey */
}

.shadetabs{
padding: 0px;
margin: 0px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
float: left;
width: 316px;
margin: 0px;
padding: 0px;
list-style: none;
background-color: #E1E1E1; /* darker grey content bg */
cursor: pointer;
}

.shadetabs li a{
position: relative;
z-index: 1;
float: left;
display: block;
width: 296px;
height: 130px;
padding: 10px;
margin: 0px;
text-decoration: none;
cursor: pointer;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
z-index: 1;
float: left;
display: block;
width: 294px;
height: 140px;
padding: 10px;
margin: -10px 0px 0px 0px;
background-color: #EFEFEF; /* light grey content bg */
border-bottom: 1px solid #E0E0E0; /* light border grey */
border-left: 1px solid #E0E0E0; /* light border grey */
border-right: 1px solid #E0E0E0; /* light border grey */
cursor: pointer;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
cursor: pointer;
}

span.stripeLine1 {
display: block;
width: 180px;
height: 4px;
margin: 2px 0px 6px 0px;
background-image: url(/wp-content/themes/graffiti/images/stripe.jpg);
background-repeat: repeat-x;
}

span.stripeLine2 {
display: block;
width: 210px;
height: 4px;
margin: 2px 0px 6px 0px;
background-image: url(/wp-content/themes/graffiti/images/stripe.jpg);
background-repeat: repeat-x;
}

span.stripeLine3 {
display: block;
width: 170px;
height: 4px;
margin: 2px 0px 6px 0px;
background-image: url(/wp-content/themes/graffiti/images/stripe.jpg);
background-repeat: repeat-x;
}

img.prevImg {
float: left;
margin: 2px 10px 0px 0px;
}

/* EOF Tab Content Styles */

.clear {
clear: both;
}

span.specHeading {
margin: 10px 0px 0px 0px;
padding-top: 10px;
font-size: 14px;
color: #054093; /* Blue */
}

.specs{
clear: both;
height: 40px;
width: 625px;
margin: 0px auto;
padding: 0px;
list-style: none;
}

.specs a img {
float: left;
width: 40px;
height: 40px;
padding: 0px;
margin: 0px;
border: none;
background: none;
}

.specs p {
float: left;
width: 585px;
padding: 0px;
margin: 0px;
}

/* !Footer */
#footer, #push {
	height: 250px; /* .push must be the same height as .footer */
}

#footer {
clear: both;
margin: 40px 0px 0px 0px;
padding: 0px;
background-color: #E1E1E1; /* darker grey content bg */
}

#footerContent {
width: 960px;
height: 200px;
margin: 0 auto;
padding-bottom: 20px;
}

#footerContent ul {
width: 960px;
margin: 0px;
padding: 0px;
}

#footerContent ul li {
float: left;
width: 200px;
height: 200px;
padding: 20px;
margin: 0px;
list-style: none;
}

#footerContent ul li h3{
clear: both;
margin: 10px 0px 15px 0px;
}

#footerContent ul li h3 a {
color: #054093; /* Navy blue */
}

#footerContent ul li h3 a:hover {
color: #EA5388; /* pink */ 
text-decoration: none;
}

img.icon {
float: left;
display: block;
width: 35px;
height: 34px;
margin: -9px 10px 0px 0px 
}

#footerContent ul li p{
clear: both;
text-indent: 2px;
}


/* 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 {
	margin: 0 0 2px 10px;
	display: inline;
}

img.alignleft {
	margin: 0 10px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

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