/****
* Website design and CSS style by Artis . design studio (www.goartis.com)
****/
/*reset*/
body { color: black; background: white; }
 
body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
 
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
 
address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }
 
ol, ul { list-style: none; margin: 0; padding: 0; }
 
table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }
 
acronym, abbr, fieldset, img { border: 0;}
 
:focus { outline: 0; }

/*end reset*/

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	list-style-type: none;
	background: white url(../img/bk_ldewittmccarter.jpg) no-repeat fixed right bottom;
}

/*elements*/

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

#containerbox {
	text-align: left;
	width: 800px;
	position: relative;
	left: 0px;
	top: 20px;
	background-color: white;
}

#header {
	width: 800px;
	height: 240px;
	margin: 0 auto;
	background-color: #fff;
}

#footer {
	color: #555;
	font: 10px/16px Verdana, "Lucida Grande", sans-serif;
	width: 790px;
	height: 80px;
	padding-top: 10px;
	padding-left: 10px;
	text-align: left;
	margin-top: 20px;
	background: url(../img/footer_ldewitt.png) no-repeat;
	position: relative;
}

#brands {
	width: 130px;
	padding-left: 30px;
	background: url(../img/vdots_ldewitt.gif) repeat-y;
	margin-left: 15px;
	top: 0;
	position: absolute;
	right: 20px;
	font-size: 11px;
	color: gray;
	line-height: 15px;
}

#sidepanel {
	padding-left: 30px;
	background: url(../img/vdots_ldewitt.gif) repeat-y;
	margin-left: 15px;
	top: 0;
	position: absolute;
	right: 20px;
	font-size: 11px;
	color: gray;
	line-height: 15px;
}

#gallery {
	float: left;
	width: 524px;
	height: 395px;
	margin-right: 10px;
	padding: 10px;
	background: url(../img/gallery_cadalternative.png) no-repeat;
	margin-left: 15px;
	top: 160px;
	position: absolute;
}

#imgright {
	float: right;
	margin-left: 15px;
}


/*navigation*/
#navi {
	margin: 15px;
	position: absolute;
	width: 420px;
	left: 410px;
	top: 13px;
}
#navi ul {
	list-style-type: none;
}

#navi i{ 
	display: block;
	visibility: hidden;
}
.navi_home a:link, .navi_home a:visited {
	background: url(../img/navi_ldewitt_home.png) no-repeat;
	width: 50px;
	height: 220px;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
}

.navi_about a:link, .navi_about a:visited {
	background: url(../img/navi_ldewitt_about.png) no-repeat;
	width: 50px;
	height: 220px;
	position: absolute;
	top: 0;
	left: 60px;
	text-decoration: none;
}

.navi_products a:link, .navi_products a:visited {
	background: url(../img/navi_ldewitt_products.png) no-repeat;
	width: 50px;
	height: 220px;
	position: absolute;
	top: 0;
	left: 120px;
	text-decoration: none;
}

.navi_services a:link, .navi_services a:visited {
	background: url(../img/navi_ldewitt_services.png) no-repeat;
	width: 50px;
	height: 220px;
	position: absolute;
	top: 0;
	left: 180px;
	text-decoration: none;
}

.navi_contacts a:link, .navi_contacts a:visited {
	background: url(../img/navi_ldewitt_contacts.png) no-repeat;
	width: 50px;
	height: 220px;
	position: absolute;
	top: 0;
	left: 240px;
	text-decoration: none;
}

.navi_espanol a:link, .navi_espanol a:visited {
	background: url(../img/navi_ldewitt_espanol.png) no-repeat;
	width: 50px;
	height: 220px;
	position: absolute;
	top: 0;
	left: 300px;
	text-decoration: none;
}

.navi_inicio a:link, .navi_inicio a:visited {
	background: url(../img/navi_ldewitt_inicio.png) no-repeat;
	width: 50px;
	height: 220px;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
}

.navi_somos a:link, .navi_somos a:visited {
	background: url(../img/navi_ldewitt_somos.png) no-repeat;
	width: 50px;
	height: 220px;
	position: absolute;
	top: 0;
	left: 60px;
	text-decoration: none;
}

.navi_productos a:link, .navi_productos a:visited {
	background: url(../img/navi_ldewitt_productos.png) no-repeat;
	width: 50px;
	height: 220px;
	position: absolute;
	top: 0;
	left: 120px;
	text-decoration: none;
}

.navi_servicios a:link, .navi_servicios a:visited {
	background: url(../img/navi_ldewitt_servicios.png) no-repeat;
	width: 50px;
	height: 220px;
	position: absolute;
	top: 0;
	left: 180px;
	text-decoration: none;
}

.navi_contactos a:link, .navi_contactos a:visited {
	background: url(../img/navi_ldewitt_contactos.png) no-repeat;
	width: 50px;
	height: 220px;
	position: absolute;
	top: 0;
	left: 240px;
	text-decoration: none;
}

.navi_english a:link, .navi_english a:visited {
	background: url(../img/navi_ldewitt_english.png) no-repeat;
	width: 50px;
	height: 220px;
	position: absolute;
	top: 0;
	left: 300px;
	text-decoration: none;
}

#navi a:hover {
	background-position: -50px 0;
}

/*text links*/
a {
	text-decoration: none;
	color: #5b8d9a;
}

a:hover {
	text-decoration: underline;
}

.text {
	color: gray;
	font: 11px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: justify;
	list-style: inside square;
	width: 600px;
}

.text2 {
	color: gray;
	font: 11px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	list-style: inside square;
}
#forms {
	color: black;
	font: 11px/20px Verdana, "Lucida Grande", sans-serif;
	margin-top: 15px;
	border: 1px solid #af7d97;
}

h1 {
	color: #2f7a6f;
	font: bold 18px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
	margin-bottom: 10px;
	margin-top: 15px;
}
h2 {
	color: black;
	font: bold 13px/14px Georgia, "Times New Roman", Times, serif;
	margin-top: 10px;
	margin-bottom: 5px;
}

h3 {
	color: white;
	font: 26px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 15px;
	position: absolute;
	top: 168px;
}

h4 {
	color: white;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 15px;
	position: absolute;
	top: 5px;
	right: 10px;
}

h5 {
	color: #4d4d4d;
	font-size: 12px;
	margin-top: 8px;
}

h6 {
	color: #2f7a6f;
	font-size: 14px;
	margin-top: 8px;
	margin-bottom: 8px;
}


.footer2 {
	color: #555;
	text-align: right;
	font-size: 11px;
	position: absolute;
	right: 0;
	top: 20px;
}

#footer a, .footer2 a {
	color: #555;
	text-decoration: none;
}

#footer a:hover, .footer2 a:hover {
	color: #555;
	text-decoration: underline;
}

/*product sections*/
#productbox {
	color: #6c6c6c;
	font: 10px/15px Verdana, "Lucida Grande", sans-serif;
	width: 550px;
	height: 155px;
	padding-bottom: 10px;
	text-align: left;
	border-bottom: 1px dashed silver;
	margin-bottom: 30px;
}

.imgleft {
	float: left;
	width: 100px;
	height: 150px;
	margin-right: 15px;
	background-color: silver;
}


/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
	height: 20px;
	width: 461px;
	color: #888246;
	font: 12px/14px "Lucida Grande",Verdana,  sans-serif;
	text-transform: uppercase;
	padding-top: 15px;
	padding-bottom: 0;
	border-bottom: 1px dotted silver;
}

* {
	
}

.openpet{
	color: #888246;
	padding-top: 15px;
	top: 0;
	border-bottom: 1px dotted #626262;
}
.thepet {
	width: 431px;
	background-image: url(../img/paperbk.gif);
	padding: 15px 15px 25px;
	border-bottom: 1px dotted silver;
}