@charset "UTF-8";

/*--------------------------------------------- MAIN LAYOUT ---------------------------------------------*/

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, dl, dt, dd, ol, ul, li, fieldset, form, lable, legend, table, cation, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
}

h3 {
	text-indent: 15px;
}

h4 {
	color: #7BA8F5;
	text-transform: uppercase;
	position:relative;
	 left:-15px;
	 padding-bottom:5px;
}

a:link, a:visited {
	color:#000;
	outline-style:none;
	outline:none;
	text-decoration:none;
}

p a:link, p a:visited {
	outline-style:none;
	text-decoration:none;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:x-small;
	line-height: 1.5em;
}

a:hover, a:active, a:focus
{
	outline: none;
	text-decoration: none;
	color: #0B61DD;
}

html {
	height: 100%;
}

body {
	background-color:#FFF

	}

#wrap {
	padding: 0;
	background-repeat: repeat;
	background-position: center top;
	background-image: url(../layout_images/wrapMid.gif);
	width: 950px;
	margin: 0 auto;
}

#wrap #container {
	width: 90%;
	margin: -15px auto 25px;
	top: -35px;
	padding: 0;
	background-color: #FFF;
	height: 100%;
	clear: left;
	min-height: 350px;
}

#wrap #wrapL {
	background-image: url(../layout_images/wrapSide.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#wrap #wrapR {
	background-image: url(../layout_images/wrapRSide.gif);
	background-repeat: repeat-y;
	background-position: right top;
}


.header {
	z-index: 40;
	margin: 0 auto;
	background-image: url(../layout_images/logoM.gif);
	background-repeat: repeat-x;
	background-position: center top;
	height: 151px;
}

#main {
	margin: 0px auto 25px;
	width: 90%;
	top: -15px;
	position: relative;
}

#mainContent {
	margin: 0 auto;
	width: 95%;
	background-color: #FFF;
	padding: 0;
	border: 1px solid #659BEC;
}
#content {
	margin: 0 auto;
	width: 90%;
	padding-bottom: 25px;
	background-color: #FFF;
	min-height: 350px;
	clear: both;
	position: relative;
	top: -25px;
	z-index: 10;
}


#foot {
	margin: 10px auto 0;
	font-size: 75%;
	font-family: Verdana, Geneva, sans-serif;
	clear: both;
	width: 800px;
}

#footer {
	width: auto;
	font-size: xx-small;
	margin: 5px auto 0;
	padding-bottom: 5px;
}

#footer p {
	text-decoration: none;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0 auto;
	width: 525px;
}

#service {
	font-size: 12px;
	letter-spacing: 0.5pt;
	margin: 0 auto 55px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	width: 700px;
	clear: both;
}

#service .sl {
	text-align: right;
	width: 155px;
	float: left;
	margin: 0;
	letter-spacing: 1pt;
	padding: 10px 0;
}

#service .sr {
	text-align: left;
	margin: 0;
	left: 0px;
	letter-spacing: 1pt;
	width: 130px;
	float: right;
	padding: 10px 0;
}

#service .sb {
	clear: left;
	margin: 0 auto;
	padding-top: 10px;
}


.header #logoL {
	background-image: url(../layout_images/logoL.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 151px;
}

.header #logoM {
	background-image: url(../layout_images/logoM.gif);
	background-repeat: repeat-x;
	background-position: center;
}

.header #logoR {
	background-image: url(../layout_images/logoR.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 151px;
}

#logo {
	height: 151px;
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0 auto;
	width: 720px;
	background-image: url(../layout_images/logo1.gif);
}

#logoContact {
	background-image: url(../layout_images/contact.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 138px;
	width: 200px;
	position: relative;
	left: 500px;
}

#ph {
	width: 500px;
	margin: 0 auto;
	padding-top: 15px;
	padding-bottom: 5px;
}

.spi {
	width: 315px;
	top: 5px;
	position: relative;
}

.sText {
	margin: 0 auto;
	width: 95%;
	text-align: left;
	height: auto;
	font-family: "Arial ", Gadget, sans-serif;
	font-weight: 200;
	line-height: normal;
	padding-bottom: 15px;
	font-size: small;
}

#TCCD {
	width: 615px;
	margin: 0 auto;
	height: 410px;
}

.center {
	text-align: center;
}

.clrflt {
	clear: both;
	padding: 0;
	font-size: 1px;
	line-height: 0px;
	margin: 0px;
	height: 0px;
}

.fltlft {
	float: left;
}

.fltrt {
	float: right;
}

.footer a {
	text-decoration: none;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.imgSpace {
	margin-top: 50px;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #F5F8FA;
}

.smplspacer {
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #F5F8FA;
	width: 100%;
	margin: 0 auto;
}

.maintext {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.5em;
	padding: 15px;
	width: 80%;
	margin: 0px auto;
}

.maintext2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.5em;
	padding: 15px;
	width: 90%;
	margin: 10px auto;
}

.cutter {
	background-color: #A1C6F9;
	margin: 0px auto;
	width: 85%;
}


/*--------------------------------------------- NAVIGATION ---------------------------------------------*/

#navBar {
	background-image: url(../layout_images/navmid.gif);
	margin: 0 auto;
	padding: 0;
	background-repeat: repeat-x;
	height: 60px;
}

#navBarL {
	background-image: url(../layout_images/navLeft.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
}

#navBarM {
	background-image: url(../layout_images/navright.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 60px;
}

#nav {
	margin: 0 auto;
	width: 500px;
	position: relative;
	top: -50px;
	left: 15px;
	z-index: 25;
	text-decoration: none;
}

/*---------------------------------------- IMAGE LAYOUT ----------------------------------------*/

.slideText {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #000000;
	width: 95%;
	line-height: 1.5em;
	text-align: center;
	margin: 10px auto 0;
}

.slideImgs {
	margin: 3px;
	padding: 2px;
	border: 2px solid #D3E2FB;
	height: 120px;
	width: 144px;
}

.slideImg {
	width: 95%;
	text-align: center;
	padding: 10px 0;
	margin: 0 auto;
}
a:hover img  {
	border: 2px solid #0080FF;
}

.slideImg2 {
	width: 560px;
	clear: both;
	position: relative;
	top: 10px;
	text-align: center;
	padding: 0;
	margin: 0 auto;
}

/*--------------------------------------------- FORM LAYOUT ---------------------------------------------*/

#btn {
	text-align: center;
	letter-spacing: 1px;
	width: 250px;
	margin: 15px auto 5px;
	text-decoration: none;
	outline: none;

}

#btn input {
	padding: 3px 15px;
	background-color: #A4C7F9;
}

fieldset {
	margin: 30px auto;
}

.table {
	margin: 0 auto;
	width: 400px;
	vertical-align: bottom;
}


.maintextForm {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	margin: 0 auto 15px;
	padding-top: 15px;
	height: 300px;
	width: 90%;
	position: relative;
}

.form {
	width: 90%;
	margin: 0 auto;
	clear: both;
	font-size: medium;
}

form fieldset table tr td {
	font-size: small;
}

.form form fieldset {
	border: thin solid #A4C7F9;
	width: 98%;
	margin: 0 auto 15px;
}

form fieldset table {
	margin: 0 auto;
}

/*-- END FORM -*/

.mmtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	color: #186DEA;
	margin: 25px auto 10px;
}

.mmdesc {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	width: 500px;
	margin: 15px auto 40px;
}


.maintext .bortxt {
	font-size: xx-large;
	font-weight: bolder;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	color: #000;
	margin: 0 0 5px 0;
}

.borbox {
	width: 195px;
	text-align: center;
	margin: 20px;
	border: 1px solid #999;
	padding-top: 10px;
	float: left;
}



#pay {
	margin: 0px auto;
	text-align: center;
	clear: both;
	width: 300px;
}

#ad120 {
	margin: 0px auto;
	width: 320px;
}

.ad120 {
	float: left;
	width: 120px;
	margin: 0 0 0 25px;
}

.wfc {
	width: 715px;
	margin: 0px auto;
}

#mainContent #borhold {
	width: 87%;
	margin: 10px auto 0;
}

.mt1 {
	width: 525px;
	margin: 50px auto;
	clear: both;
}

.Sbox {
	margin: 0 auto;
	width: 500px;
	height: 180px;
}

.Sbox .Sbox2 {
	width: 200px;
	border: thin solid green;
	position: relative;
	top: -35px;
}

.Sbox .Sbox4 {
	position: relative;
	margin: 0 auto;
	width: 144px;
}

.Sbox1 {
	width: 90%;
	margin: 10px auto 15px;
	height: 200px;
	padding: 15px 0;
}

.Sbox1 .Sbox2 {
	width: 55%;
	float: left;
	padding-right: 15px;
	margin: 30px 0 0;
}

.Sbox1 .Sbox4 {
	position: relative;
	width: 200px;
	left: -10px;
	float: right;
	text-align: center;
	height: 150px;
}

.Sbox4 {
	float: right;
	border: 1px solid #93A6B4;
	margin: 10px 0 15px 10px;
	padding: 10px;
}

#meebo {
	width: 200px;
	border: solid thin blue;
}

/*--------------------------------------------- FAQ LAYOUT ---------------------------------------------*/
.faqtext {
	width: 90%;
	margin-left: 25px;
}

.faqQ {
	width: 85%;
	margin: 0 auto;
	line-height: 1.7em;
}

.faqQ p {
	width: 90%;
	margin-left: 25px;
	text-decoration: none;
}

.faqQ h4 {
	color: #000;
	font-size: medium;
	left: -15px;
	position: relative;
	margin-bottom: 10px;
}

.faqQ h3 {
	font-size: small;
	color: #74A3F4;
	margin-left: 10px;
	text-decoration: none;
}

/*----- END FAQ-----*/

/*--------------------------------------------- INDEX  ---------------------------------------------*/
#mainContent #miniBar {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #A4C7F9;
	margin: 3% 5% 0 4%;
	height: 360px;
	padding: 0px;
}

.box {
	background-color: #D9E8FC;
	margin: 0 auto;
	width: 310px;
	padding-top: 10px;
	
	
}

.boxAlign {
	margin: 15px;
	width: 315px;
	position: relative;
}

.t1, .t2, .t3 {
	margin: 0 auto;
	padding: 10px;
	width: auto;
	font-family: "Times New Roman", Times, serif;

}

.sig {
	font-family: Tahoma, Geneva, sans-serif;
	color: #74A3F4;
	text-align: right;
	font-style: italic;
	font-size: small;
}

#testimonial {
	width: 450px;
	float: right;
	width: 310px;
	margin: 5px 0 15px;
	padding: 5px;
}

/*--------------------- INDEX B  ----------------------*/

#mainContent #serviceB {
	width: 250px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #A4C7F9;
	padding-left: 20px;
	margin: 3% 6% 3% 7%;
}

#mainContent #miniBarb {
	padding: 0px;

}

.boxB {
	background-color: #D9E8FC;
	margin: 0 auto;
	width: 246px;
	padding-top: 10px;
	
}

.boxAlignB {
	background-color: #FFF;
	margin: 5px auto 30px;
	width: 250px;
}

.t1b, .t2b, .t3b {
	margin: 0 auto;
	padding: 10px;
	width: 480px;
	font-family: "Times New Roman", Times, serif;
	border-width: 1px;
	border-style: solid;
	border-color: #A4C7F9;
}

#testimonialb {
	width: 500px;
	margin: 0px auto 25px;
}

/*----- END INDEX'S -----*/

/*--------------------------------------------- TABLE LAYOUTS ---------------------------------------------*/

table {
	margin: 0 auto;
	text-align: center;
	border: 0px;
	padding: 5px 0;
	width: 100%;
}

.price table tr td, #accordion table tr td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	font-size: medium;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 5px 0 2px 15px;
}

.subitem {
	text-align: left;
	padding-left: 10px;
	
}

.item {
	padding-left: 10px;
	text-align: left;
	font-weight: bold;
	font-style: italic;
}

.qty {
	font-style: italic;
	font-weight: bold;
	font-size: medium;
	width: 65px;
}

#prints {
	margin: 10px auto;
	border: thin solid #F00;
	padding: 5px;
}

#accordion {
	margin: 0px auto;
	width: 620px;
	cursor: auto;
}

.price {
	width: 500px;
	margin: 0px auto 25px;
	padding: 10px;
}

.item em, td em {
	font-size: small;
	font-weight: normal;
}

fieldset table tr .chkbox {
	text-align: right;
}

fieldset table tr .chkdesc {
	text-align: left;
}

tr .tdDash {
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #A4C7F9;
	font-size: 1px;
	color: #FFF;
}

.sitemap {
	float: left;
	font-size: x-small;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 5px;
	margin: 5px auto 0;
	
}

.sitebar {
	float: left;
	height: 160px;
	width: 1px;
	margin: -5px 15px 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #97C5F7;
}

.sitemap .pSpace {
	padding-top: 7px;
}

#specials {
	margin: 0 auto;
	height: 235px;
	width: 723px;
}

#specials .promo {
	border: thin solid #659BEC;
	height: 140px;
	width: 225px;
	float: left;
	position: relative;
	margin: 15px 0px 0px 17px;
}

.boxgrid{
	margin:10px 0;
	float:left;
	background:#ffffff;
	overflow: hidden;
	position: relative;
	height: 235px;
	cursor: pointer;
	width: 235px;
}
.boxgrid img{
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0;
	
}

.boxcaption{
	float: left;
	position: absolute;
	background: #000;
	height: 100px;
	width: 100%;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 	}
	
 .captionfull .boxcaption {
 	top: 260;
 	left: 0;
 }
 .caption .boxcaption {
 	top: 220;
 	left: 0;
 }
 
 

#specials ul {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	text-indent: -15px;
}

#specials ul li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	text-indent: 10px;
	list-style-type: none;
	font-weight: normal;
}

#sidebar {
	float: right;
	width: 205px;
	margin: 0;
	background-color: #FFF;
	border: 1px solid #659BEC;
	height: 600px;
}

#consult {
	margin:5px auto;
	width: 200px;
}

#consult a img { border-style: none; }

/** Carousel **/

div.jMyCarousel .up{
	background: url(JavascriptFiles/jcarousel/images/arrow-up.gif) center center no-repeat;
	width:16px;
	height:16px;
	border:0px;
}

div.jMyCarousel .down{
	background:url(JavascriptFiles/jcarousel/images/arrow-down.gif)center center no-repeat;
	width:16px;
	height:16px;
	border:0px;
}


/** Carousel 3 **/
div.jMyCarousel{
	border:none;
	margin: 0 auto;
	width: 180px;
}

div.jMyCarousel ul{
	background-color:#fff;
	width: 180px;
	margin: 0 0 0 25px;
}

div.jMyCarousel ul li{
	margin:5px;
		line-height:0px;
	padding:3px;
}

div.jMyCarousel ul li a{ /* in case of link */
	display:block;
}

div.jMyCarousel ul li a img{
	width:140px;
	height:140px;
	border:0px;
	float:none;
}

/* Drop Down Panel */
.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
	color: white; /*background of Drop Down Panel*//*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
	background-color: white;
	border-bottom: 1px solid #97C3F5;
	
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
	margin-right: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
	float: right;
	color: #06C;
	background: white url(JavascriptFiles/DDpanel/toggleleft.gif) no-repeat left bottom; /*background of toggle tab*/
	text-decoration: none;
	letter-spacing: 1px;
	border: 1px solid #97C3F5;
	border-top: 0px solid #97C3F5;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
background: transparent url(JavascriptFiles/DDpanel/toggleright.gif) no-repeat right bottom;
padding: 1px 12px 4px 13px;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
	background-color: #94C0F2; /*background of toggle tab onMouseover*/
	color: #D51920;
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
	outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}

/*----- J. Cox page -----*/
.jcox {
	margin: 5px 20px;
	padding: 2px;
	border: 2px solid #D3E2FB;
	height: 100px;
	width: 170px;
}