@charset "utf-8";
/* CSS Document */
/* Eric Meyer Reset */

html, body, div, span, applet, 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, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

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

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*----Core Styles----*/
body {
color: #333;
font-family: Helvetica, Arial, serif;
font-weight: normal;
font-size: 16px;
line-height:21px;

}




a {
color: #1273cd;
text-decoration: none;
/*border-bottom: 1px dotted #008FB5;*/
}


a:hover{
  color: #76A3CF;
}

a:active{
color: #BA480A;

}

a:visited{
color: #76A3CF;
text-decoration: none;
}


p {
margin-bottom: 25px;
}



.container {
width: 960px; 
margin: 0px auto;
}

/*----Floats----*/

.left {
float: left;
position: relative;
}

.left20 {
float: left;
margin-right: 20px;
position: relative;

}

.right {
float: right;
position: relative;
}



/*----Clears----*/
.clear {
clear: both;
}



/*----Header----*/

.header { 
background-color: #3e7bb4;
border-bottom: 5px solid #76a3cf;
padding-top: 10px;
min-width:960px;
}

h1 {
background-image: url(../images/petrocelli-group-logo.png);
background-repeat: no-repeat;
float: left;
height: 71px;
margin: 0px;
margin-left: 7px;
padding-left: 0px;
padding-top: 10px;
position: relative;
text-indent: -9999px;
width: 71px;
}


.header  h2 {
background-image: url(../images/petrocelli-group-inc.png);
background-repeat: no-repeat;
float: left;
height: 59px;
margin: 10px 0px 0px 25px;
text-indent: -9999px;
width: 187px;
}

.header h3 {
background-image: url(../images/162-01-Sanford-Ave-Flushing-NY-email.png);
background-repeat: no-repeat;
display: block;
float: right;
height: 50px;
margin-right: 20px;
text-indent: -9999px;
width: 292px;
}

/*----navigation---*/
#nav {
background-image: url(../images/nav-bg.png);
background-repeat: repeat-x scroll;
background-color: #E6E4E3;
padding: 5px 0px 0px 20px;
}

#nav a {
color: #1273cd;
font-size: 18px;
text-decoration: none !important;
}


#nav a:hover { 
color: #76A3CF;
text-decoration: underline !important;
}

#nav li {
/*background-color: #008fb5;*/
position: relative;
padding: 10px 0px;
float: left;
margin-right: 65px;
}

.on {
	background-image:url(../images/nav-on.png);
	background-position: bottom center;
	background-repeat:no-repeat;
	padding-bottom: 14px !important;
	font-weight: bold;
	color: #BA480A;
}
	

.first {
position: relative;
margin-left: 50px;

}


.last {
margin-right: 0px !important;
}

.container li#home {
	margin-right: 63px;
	
}

.container li#home a{
	background-image: url(../images/icon-home.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	height: 25px;
	margin: -4px 0px 0px 0px;
	margin-right: 0px;
	padding: 0px 8px;
	text-indent: -9999px;
	/*text-indent: -9999px !important;*/
	width: 15px;

}

.container li#home a:hover{
	filter:alpha(opacity=60);
	opacity: .6;
	top: 1px;
}



/*----generic classing----*/
h2 {
color: #ec2a20;
font-size: 18px;
}

h3 {
color: #000;
font-weight: normal;
margin-bottom: 12px;
}




/*----Content----*/

.copyContainer {
margin: 0px auto;
padding-left: 10px;
width: 950px;
}

.interiorCopy {
float: left;
padding-left: 10px;
width: 680px;
}

.copyContainer, .interiorCopy h2 {
color: #BA480A;
font-size: 21px;
margin-bottom: 5px;
margin-top: 30px;
}

.copyContainer .welcome {
	background-image:url(../images/welcome.png);
	background-repeat: no-repeat;
	height: 22px;
	margin: 30px 0px 15px; 
	text-indent: -9999px;
	width: 148px;
}

.interiorCopy h3 {
color:#666
font-size: 19px;
font-weight: bold;
}

.interiorCopy .bullets {
	list-style-type:disc;
	color: #333;
	margin-bottom: 30px;
	margin-left: 16px;
}


.copyContainer p {
color: #333;
font-size: 14px;
width: 820px;
}




.interiorCopy ul {
margin-top: 20px;
}

.interiorCopy li {
margin-bottom: 25px;
}

.container .interiorCopy ul.bullet-list li {
background-image: url(../images/bullet-dot.png);
background-position: left center;
background-repeat: no-repeat;
padding: 0px 0px 0px 15px;
}


.interiorCopy li br {
font-weight: normal;
}

/*----Sidebar Styles----*/
.sidebar ul.lineless-list li {
border-bottom: none !important;
}


.sidebar, .insuranceSide {
border: 10px solid #efefef;
float: left;
margin: 30px 0px 0px 50px;
padding: 0px 8px;
width: 184px;
}


.sidebar h2, .sidebar ul#lineless-list h2 {
background-color: #F9F8F7;
border-bottom: 1px #EFEFEF solid;
color: #000;font-size: 16px;
margin: 0px -8px 8px;
padding: 4px 0px 8px 0px;
text-align: center;
}

.sidebar li {
border-bottom: 3px solid #efefef !important;
font-size: 12px;
height: 100%;
margin-left: -8px;
padding: 8px 0px 8px 8px;
width: 192px;
}

.insuranceSide h2 {
background-color: #F9F8F7;
border-bottom: 1px #EFEFEF solid;
color: #000;font-size: 16px;
margin: 0px -8px 8px;
padding: 4px 0px 8px 0px;
text-align: center;
}


.insuranceSide li {
border-bottom: 3px solid #efefef !important;
height: 100%;
margin-left: 0px;
padding: 12px 0px;
text-indent: -9999px;
width: 200px;
}

.insuranceSide ul {
margin-left: -8px;
}

.insuranceSide li.travelers {
	background-image:url(../images/logos/travelers-insurance.png);
	background-repeat:no-repeat;
	background-position:center;

}


.insuranceSide li.harleysville {
	background-image:url(../images/logos/harleysville.png);
	background-repeat:no-repeat;
	background-position:center;
	height: 57px;
}


.insuranceSide li.andover {
	background-image:url(../images/logos/andover-companies.png);
	background-repeat:no-repeat;
	background-position:center;
	height: 44px;
}


.insuranceSide li.kemper {
	background-image:url(../images/logos/kemper-insurance.png);
	background-repeat:no-repeat;
	background-position:center;
}


.insuranceSide li.american {
	background-image:url(../images/logos/american-commerce-insurance.png);
	background-repeat:no-repeat;
	background-position:center;
}


.insuranceSide li.chartis {
	background-image:url(../images/logos/chartis-insurance.png);
	background-repeat:no-repeat;
	background-position:center;
	height: 31px;
}


.insuranceSide li.hartford {
	background-image:url(../images/logos/the-hartford.jpg);
	background-repeat:no-repeat;
	background-position:center;

}

.insuranceSide li.metlife {
	background-image:url(../images/logos/met-life.png);
	background-repeat:no-repeat;
	background-position:center;
	border-bottom: 3px solid #efefef !important;
}

.insuranceSide li.tower {
	background-image:url(../images/logos/tower-group-company.png);
	background-repeat:no-repeat;
	background-position:center;
	border-bottom: 3px solid #efefef !important;
}


.insuranceSide li.utica {
	background-image:url(../images/logos/utica-national-insurance.png);
	background-repeat:no-repeat;
	background-position:center;
	border-bottom: 3px solid #efefef !important;
}


.insuranceSide li.cna {
	background-image:url(../images/logos/cna-insurance.png);
	background-repeat:no-repeat;
	background-position:center;
	border-bottom: 3px solid #efefef !important;
}


.insuranceSide li.progressive {
	background-image:url(../images/logos/progressive-insurance.png);
	background-repeat:no-repeat;
	background-position:center;
	border-bottom: 3px solid #efefef !important;
}

.sidebar img {
margin: 0px auto;
}

.sidebar a {
	display: block;
}

.requestProposal a{
	background-image: url(../images/request-a-proposal.png);
	background-repeat:no-repeat;
	display:block;
	height: 15px;
	text-indent: -9999px;
	padding-left: 190px;
}

.requestProposal a:hover {
	background-color: #E8E6E5;
	padding: 5px 5px 0px 5px;
	height: 10px;
	width: 190px;
}

.calloutRow {
margin: 0px auto;
/*border-top: 1px solid #EFEFEF;
border-bottom: 3px solid #EFEFEF;*/
width: 960px;
}


.calloutRow ul {
	margin-bottom: 16px;
}

.calloutRow h2, .secondCopy h2 {
	background-image:url(../images/your-complete-financial-service-center.png);
	background-repeat:no-repeat;
	margin: 16px 0px 15px 7px;
	text-indent: -9999px;
	height: 24px;
	width: 480px;
	
}

.calloutRow a {
	/*border-top: 6px #fff solid;*/
	color: #1273cd;
	cursor: inherit;
	display: block;
	margin-top: -10px;
	padding: 4px;
}


.calloutRow a:hover {
	color: #76A3CF;
		cursor: inherit;
	display: block;
	margin-top: -10px;
	padding: 4px;
}

.calloutRow .personal {
	background-color: #eeefef;
	background-image:url(../images/home-insurance-image.jpg);
	background-repeat:no-repeat;
	float: left;
	margin-left: 10px;
	padding-top: 96px;
	text-indent: 4px;
	width: 190px;

}


.calloutRow .business {
background-color: #eeefef;
	background-image:url(../images/business-image.jpg);
	background-repeat:no-repeat;
	float: left;
	margin-left: 10px;
	padding-top: 96px;
	text-indent: 4px;
	width: 190px;

}

.calloutRow .financial {
	background-image:url(../images/financial-service-image.jpg);
	background-repeat:no-repeat;
	float: left;
    background-color: #eeefef;
	margin-left: 10px;
	padding-top: 96px;
	text-indent: 4px;
	width: 190px;

}

.calloutRow .tax {
	background-color: #eeefef;
	background-image:url(../images/tax-image.jpg);
	background-repeat:no-repeat;
	float: left;
	margin-left: 10px;
	padding-top: 96px;
	text-indent: 4px;
	width: 190px;

}


/*----Footer----*/

#footer {
background-color: #3e7bb4;
border-top: 5px solid #76a3cf;	
color: #fff;	
font-size: 12px;
margin-top: 30px;
}


#footerContent {
border-top: 5px solid #5d84c3;
width: 960px;
margin: -5px auto 0px;
min-width:960px;
}


#footer a {
color: #fff;
}


#footer a:hover {
color: #ccc;
}

#footer ul {
overflow: hidden;
width: 440px;
}

#footer li {
border-right: 1px #8d9eae solid;
float: left;
margin: 16px 0 0 10px;
padding-right: 10px;
}

#footer li .first {
margin-right: 14px;
}

#footer .contact .last,
#footer .hours .last {
border-right: none;
}

.contact {
border-bottom: 1px #F7941E solid;
padding: 0 0 25px;
}

.address {
float: right;
position: relative;
margin-top: -86px;
}

#footer .address li {
border-right: none;
float: left;
padding: 0 0;
margin: 0 0;
}

#footer .address .street  {
margin-right: 28px;
}

/*--styles added before WP shift--*/
.button {
background-color: #3E7BB4;
font-weight: bold;
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 
margin: 0 0 30px;
padding: 8px 12px; 
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
}

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

large.button {
font-size: 14px;
}

a.medium {
font-size: 13px;
}

a.small {
font-size: 11px;
}

a.button:hover {
	opacity: .7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	text-decoration: underline;
}


.request-proposal a, .request-proposal a:visited {
	background-image: url(images/button-request-a-proposal.png)
	background-repeat: no-repeat;
	display:block;
	height: 32px;
	margin: 20px 0px 10px;
	text-indent: -9999px;
	width: 150px;
}

.request-proposal a:hover {
	opacity: .7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

.two-col-container {
margin: 0 0 20px; 
overflow: hidden; 
clear: both;
}

.two-col-container h3 {
font-size: 16px;
}


.col-borderless {
	float: left;
	padding: 0 10px 0 0;
	width: 290px;
}

.col-border {
	border-left: 1px solid #EFEFEF; 
	padding: 0 0 0 20px;
	float: left; font-size: 14px; 
	width: 300px;
	
}