/* Wrapper with width of 960px, centered */
#wrapper {
	width: 1000px;
	height: 1px;
	margin: 0 auto;
	padding-top: 0px;
	margin-top: 0px;
	margin-top: auto;
	text-align:left;
}

body {
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-repeat:inherit;
	margin: 0 auto;
	padding-top: 0px;
	font-family: "Tahoma", sans-serif;
	color: #666;
	text-align:center;
}

#header {
	width: 1000px;
	height: 120px;
	background-image:url(../images/bg-header.jpg);
}
#logo {
	width: 600px;
	float: left;
	height: 100px;
}

#map {
	width: 300px;
	height: 300px;
	float: right;	
}



/* Flash content*/
#wrapper-content {
	width: 1000px;
	height: 649px;
}
/* Box left spacer*/
#spacing-left {
	width: 30px;
	height: 277px;
	background-image:url(../images/left-spacing.jpg);
	float: left;
}
/* Box right spacer*/

#spacing-right {
	width:30px;
	height: 277px;
	background-image:url(../images/right-spacing.jpg);
	float: left;
}

#box-flash {
	float: left;
	width: 938px;
	height: 278px;
	
}

/* We devided whole space into two columns, each of 440px width */
.left-column {
	width: 440px;
	float: left;
	height: 410px;
	margin-right: 24px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-left: 15px;
}

.map {
	width: 400px;
	height: 220px;
	margin-left: 35px;
	border:solid 2px;
	border-color:#0294d6;
}

.right-column {
	width: 440px;
	float: right;
	padding-right: 35px;
	padding-left: 0;
	margin-top: 10px;
	height: 410px;
}



.blue-highlight {
	font-family: "Myriad Pro", "Trebuchet MS", Verdana, Tahoma, sans-serif;
	font-size: 12px;
	font-weight:lighter;
	line-height: 20px;
	color: #0294D6;
	margin: 0px;
	padding: 0px;
	text-align: left;
}


.footer-text {
	font-family:"Tahoma", sans-serif;
	font-size: 12px;
	font-weight:lighter;
	line-height: 20px;
	color: #999;
	margin: 0px;
	padding: 0px;
	text-align: left;
	margin-top: 5px;
}
.comments {
	font-family:"Tahoma", sans-serif;
	font-size: 12px;
	font-weight:lighter;
	line-height: 18px;
	color: #959595;
	margin: 0px;
	padding: 0px;
	text-align: left;
	margin-top: 8px;
}

.intro-text {
	font-family:"Tahoma", sans-serif;
	font-size: 14px;
	font-weight:lighter;
	line-height: 20px;
	color: #EF4F9d;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: left;
}


.general-text {
	font-family:"Tahoma", sans-serif;
	font-size: 12px;
	font-weight:lighter;
	line-height: 18px;
	color: #959595;
	margin: 0px;
	padding: 0px;
	text-align: left;
	margin-top: 5px;
}

.newpara {
	font-family: "Myriad Pro", "Trebuchet MS", Verdana, Tahoma, sans-serif;
	font-size: 12px;
	font-weight:lighter;
	line-height: 20px;
	color: #999;
	margin: 0px;
	padding: 0px;
	text-align: left;
	margin-top: 5px;
}

.map-text {
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	font-weight:lighter;
	color: #999;
	margin-left:35px;
	padding: 0px;
	text-align: left;
	margin-top: 5px;
}





/*This class is used to define headers of sections, like for example contact etc.. */
.section-name-blue {
	margin-bottom:10px;
	margin: 0px;
	color:#0294d6;
	font-family: "Tahoma", sans-serif;
	font-size: 19px;
	letter-spacing: 0px;
}

.section-name-pink {
	margin-bottom:10px;
	margin: 0px;
	color:#ef4f9d;
	font-family: "Tahoma", sans-serif;
	font-size: 19px;
}

.box-divider {
	width: 440px;
	height: 2px;
	background-image:url(../images/divider.jpg);
	background-repeat: repeat-x;
	margin-top: 30px;
}

/*DIVIDERS */
/*Horizontal divider - parallel with x-axis */
 .divider-y {
	width: 440px;
	height: 1px;
	background-image:url(../images/divider-y.jpg);
	background-repeat: repeat-x;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*Vertical divider - parallel with y-axis */
.divider-x {
	width:1px;
	height:398px;
	float: left;
	background-image:url(../images/divider-x.jpg);
	background-repeat: repeat-y;
	margin-top: 10px;
} 


.box-element-flash {
	width: 0px;
	height: 0px;
}

/* FOOTER */

/* Main styling for the main #footer div */
#footer {
	width: 900px;
	height:20px;
	background-repeat:no-repeat;
	/*padding-top: 30px;*/
	/*padding-left: 30px;*/
	margin-top:;
	margin-left:30px;
	
}
/* END OF FOOTER */




/* class for describing the position of logo img */
.imgHeader {
	height: 112px;
	margin-top: 3px;
	margin-left: 15px;
	padding-left:3px;

}
/* END OF HEADER */

/* This styles the call us now section in the upper right corner */
#call-us-now {
	padding-top: 25px;
	width: 370px;
	padding-right: 30px;
	float:right;
	height: 75px;
	text-align:right;
}
#call-us-now p {
	font-size: 15px;
	color: #0294d6;
	float:right;
	font-family: "Tahoma", sans-serif;
	line-height: 20px;
	padding-right:10px;
}
#call-us-now img {
	margin-top: 3px;
	float: right;
	width: 64px;
	height: 40px;
	padding-top: 11px;
	margin-right: 15px;
}





/*body { 
    margin: 0px;
    padding: 0; 
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    background-color: #EDEDEC;
}*/

/*#wrapper {
    width: 760px;
    margin: 0 auto;
}*/

#intro {
    padding-bottom: 0px;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
	float: right;
	padding-right: 27px;
	padding-top: 0px;
	padding-left: 0px;
	height: 22px;
}

#wrapper-content {
	width: 1000px;
	height: 649px;
}

.scroll {
    position: relative;
    clear: left;
	padding-left: 0px;
	margin-left: 0px;
	padding-right: 20px;
	width: 952px;
	height: 430px;
	background-image: url(../images/bg-content2.jpg);
	background-repeat:no-repeat

}

.mainContent {
	width: 1000px;
	height: 369px;
	background-image: url(../images/bg-content.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}

.scrollContainer div.panel {
	padding: 20px;
	margin-left: 0px;
    height: 460px;
    width: 980px;
}

/*#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}*/

ul.navigation {
	list-style: none;
	margin: 0;
	padding-bottom: 9px;
	width: 670px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;	
	/*font-family: Myriad Pro, Geneva, sans-serif;
	text-align: center;
	font-size: 0.75em;
	text-transform:lowercase;
	background-image:url(../images/menu-tab.jpg);
	background-repeat:no-repeat;
	height: 22px;
	padding-top: 6px;
	padding-left: 3px;
	width: 90px;
	color: FFFFFF;
	cursor: pointer;
	float: left;*/
	
}

/*#controller {
	float: right;
	padding-right: 30px;
	padding-left: 3px;
	height: 22px;
}*/

/* Style for anchors */
a {
	color: #0061b0;
	text-decoration: underline;
}
a:hover {
	color: #ef4f9d;
}
	

ul.navigation li {
    display: inline;
   /*margin-right: 10px; */
}

ul.navigation a {
	text-indent: -5px;
	padding-right: 5px;
    padding: 0px;
    text-decoration: none;
	font-family:  "Tahoma", sans-serif;
	text-align: center;
	/*font-size: 0.75em;*/
	font-size:12px;
	text-transform:lowercase;
	background-image:url(../images/menu-tab.jpg);
	background-repeat:no-repeat;
	height: 22px;
	padding-top: 4px;
	padding-left: 5px;
	width: 90px;
	color:#FFFFFF;
	cursor: pointer;
	float: left;
}

ul.navigation a:hover {
    background-image:url(../images/menu-tab-order.jpg);
	background-repeat:no-repeat;
	
}

ul.navigation a.selected {
    background-image: url(../images/menu-tab-active.jpg);
	background-repeat:no-repeat;
}

ul.navigation a:focus {
    outline: none;
}

/*.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}*/

.hide {
    display: none;
}
/*classed used for majority of headings */
h3 {
	margin: 0px;
	color: #0294d6;
		font-family: "Tahoma", sans-serif;
	font-size: 18px;
	font-weight: lighter;
	letter-spacing: -0.5px;
}

/* This class is used to style featured services on main page */
.service {
	float: left;
	width: 440px;
	margin-top: 0px;
	padding: 0px;
}
.service-name {
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	color: #b8b8b8;
	font-family: "Tahoma", sans-serif;
	font-size: 18px;
	font-weight: lighter;
	line-height: 20px;
}

.news-header {
	color: #46acda;
	font-family: "Tahoma", sans-serif;
	letter-spacing: -0.5px;
	font-size: 15px;
	line-height: 20px;
	margin: 0px;
	margin-top: 2px;
}

.address {
	color: #999;;
	font-family: "Tahoma", sans-serif;
	letter-spacing: 0px;
	font-size: 15px;
	line-height: 21px;
	margin: 0px;
	margin-top: 0px;
}

.address-header {
	color: #ef4f9d;;
	font-family: "Tahoma", sans-serif;
	letter-spacing: -0.5px;
	font-size: 15px;
	line-height: 15px;
	margin: 0px;
	margin-top: 2px;
	margin-bottom:5px;
}
.contactusvia-header {
	color: #ef4f9d;
	font-family: "Tahoma", sans-serif;
	font-size: 15px;
	line-height: 15px;
	margin: 0px;
	margin-top: 2px;
	margin-bottom:2px;
}

.pinkheader {
	color: #e874ad;
	font-family: "Tahoma", sans-serif;
	font-size: 15px;
	line-height: 15px;
	margin: 0px;
	margin-top: 10px;
}

.blueheader {
	color: #46acda;
	font-family: "Tahoma", sans-serif;
	font-size: 15px;
	line-height: 15px;
	margin: 0px;
	margin-top: 10px;
}


.short-description {
	font-family: "Tahoma", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #46acda;
	margin: 0px;
	margin-top: 5px;
	
}

.tel-number{
	font-family: "Tahoma", sans-serif;
	font-size: 19px;
	color: #0294D6;
	margin-top: 2px;
	margin-bottom:10px;
}

.short-description-address-left {
font-family: "Tahoma", sans-serif;
	font-size: 19px;
	line-height: 20px;
	color: #0294D6;
	padding-top:6px;
	margin-bottom:10px;
	letter-spacing: -1px;
}

.short-description-address {
	font-family: "Tahoma", sans-serif;
	font-size: 19px;
	line-height: 20px;
	color: #0294D6;
	margin: 0px;
	margin-top: 2px;
	margin-bottom:10px;
	
}

.short-description-pink {
	font-family: "Tahoma", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #EF4F9D;
	margin:0px;
	margin-top: 5px;
}

.square-image-left {
	width: 135px;
	height: 127px;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-bottom:10px;
	float:left;
}

.square-image-right {
	width: 135px;
	height: 127px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-bottom:10px;
	float:right;
}

.hands-image{
	width: 100px;
	height: 100px;
	padding-left: 10px;
	padding-bottom: 0px;
	float:right;
	margin-bottom:0px;
}

.square-image-right-accordian {
	width: 100px;
	height: 100px;
	padding-left: 10px;
	padding-bottom: 0px;
	float:right;
	margin-bottom:0px;
}

.square-image-left-contact {
	width: 60px;
	height: 60px;
	padding-right: 10px;
	padding-bottom: 0px;
	float:left;
}

.square-image-right-contact {
	width: 100px;
	height: 100px;
	padding-left: 10px;
	padding-bottom: 0px;
	float:right;
}

.welcome-image-right {
	width: 135px;
	height: 127;
	padding-left: 20px;
	padding-bottom: 0px;
	float:right;
}

.arrow {
	width: 20px;
	margin-top: 7px;
	float: left;
}

.links-left{
	margin-top: 10px;
	margin-left: 0px;
	font-size: 14px;
}


.learn-more {
	float: left;
	margin-top: 10px;
	margin-left: 0px;
	font-size: 13px;
}

.learn-more-bottom {
	float: left;
	margin-top: 18px;
	margin-left: 0px;
	font-size: 13px;
}

.gallery-name {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	color:#ef4f9d;
	font-family: "Tahoma", sans-serif;
	font-size: 20px;
}

/* CONTACT SECTION */
/* Here are css properties for elements on "contact us" section. Fieldset encapsulates all the elements on the left half. */
.contact-fieldset {
	width: 430px;
	border: none;
	padding: 0px;
	margin-top: 10px;
}
/* This class style all labes that are used in the contact form */
.contact-label {
	color: #e874ad;
	font-family: "Tahoma", sans-serif;
	font-size: 15px;
	font-weight:lighter;
	text-align:left;
	width: 100px;
	float: left;
	margin-top: 10px;
}
/* This class styles all the input fields in contact form */
.contact-input {
	width: 200px;
	margin-right: 5px;
	margin-bottom: 8px;
	padding: 5px;
	background-color: #FFF;
	border: 1px solid #e874ad;
	font-size: 12px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#666;
	letter-spacing: 0px;
}
/* This class handles the main input message box */
.contact-body {
	width: 320px;
	background-color: #FFF;
	color: #666;
	border: 1px solid #e874ad;
	padding: 5px;
	line-height: 15px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	letter-spacing: 0px;
}
/* This class is used to style the "SEND" button on the end of contact form */
.contact-button {
	font-family: "Tahoma", sans-serif;
	font-size: 14px;
	text-align: right;
	padding: 5px;
	margin-left: 100px;
	margin-top: 5px;
	background-color: #EF4F9D;
	border: 0px solid #B8B8B8;
	color: white;
	cursor: pointer;
	
}


/* END OF CONTACT SECTION */

/*This class is used if you want to to divided one of the columns once again. You can use following classes and divide it into two columns, each with width of 215px */

.column-subdivision-left-margin-top {
	float: left;
 	width: 215px;
	margin-right: 5px;
	padding-top:20px;
	
}
.column-subdivision-right-top {
	float:right;
	width: 215px;
	margin-left: 5px;
	padding-top:20px;
}





.column-subdivision-left {
	float: left;
	width: 215px;
	height:250px;
	margin-right: 5px;
}
.column-subdivision-right {
	float:right;
	width: 215px;
	margin-left: 5px;
}

.address-subdivision-right {
	float:right;
	width: 215px;
	margin-left: 5px;
}

.star-img {
	width: 22px;
	float: left;
	margin-right:7px;
}

.gallerystar-img {
	width: 22px;
	float: left;
	margin-right:7px;
	margin-left:10px;
	
}





/*Accordion */

/* Accordion */
/* This class is used to style arrow next to Accordion headr */
.Accordion-icon-img {
	width: 22px;
	float: left;
}
/*Stylng for Accordion title */
.AccordionItem-title-blue {
	float: left;
	margin: 0px;
	margin-left: 10px;
	color: #0294d6;
	font-family: "Tahoma", sans-serif;
	font-size: 19px;
}

.AccordionItem-title-blue:hover {
	color: #46acda;
	font-family: "Tahoma", sans-serif;
	font-size: 19px;
}

.AccordionItem-title {
	
	float:left;
	margin:0;
	margin-left: 10px;
	color: #ef4f9d;
	font-family: "Tahoma", sans-serif;
	font-size: 19px;
}

.tab-space {
	margin-bottom:30px;
	 
}

.AccordionItem-title:hover {
	color: #e874ad;
	font-family: "Tahoma", sans-serif;
	font-size: 19px;
}

.Accordion {
	overflow: hidden;
	width: 440px;
	height: 400px;
	z-index: 100000;
}

.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

.Tab {
	height: 20px;
}

.AccordionPanelTab {
	margin: 0px;
	padding: 10px;
	cursor: pointer;
	float: right;
}

.AccordionPanelContent {
	margin-top:20px;
	float: left;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 300px;
}

.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEEEEE;
}

.AccordionPanelTabHover {
	color: #553455;
	cursor: pointer;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #0CC;
}

.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #33CCFF;
}







.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
.rangeLeft {
	text-align: left;
}
.Text12px {
	font-size: 12px;
}