/* CSS Document */
* {
padding: 0;
margin: 0;
}

body {
background-color: #efefef;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
}

span {
font-weight: bold;
color: #000;
}

/*......Form on Contact Page.......*/

form {
font-size: 80%;
margin: 20px 0 0 170px;
}

/*....colored text on Testimonial Page...*/

#copy p.testim {
color: #013581;
margin-bottom: 10px;
margin-top: 10px;
}

/*......address on Contact Page......*/

#copy p.addy {
margin-left: 170px;
margin-bottom: 10px;
margin-top: 10px;
}

/*...Colored Larger Text....*/

#copy p.spesh {
color: #77b222;
font-size: 110%;
text-align: left;
font-style: italic;
border-bottom: 4px dotted #d299b6;
padding: 5px 0 10px 0;
margin: 10px 0 20px 0;
	
}

/*///////////////////////////
......OUTER
///////////////////////////*/
#outer {
width: 977px;
margin: 0 auto 0;
background-image: url(images/outer.jpg);
background-repeat: repeat-y;
}


/*///////////////////////////
......WRAPPER
///////////////////////////*/

#wrapper {
width: 949px;
text-align: left;
margin: 0 auto 0;
}

/*////////////////////////////
......HEADER
////////////////////////////*/

#header {
width: 949px;
height: 118px;
background-image: url(images/header.jpg);
background-color: #FFF;
}

/*//////////////////////////////
.......MENU
//////////////////////////////*/

#menu {
height: 25px;
background-color: #A01F62;
background-image: url(images/bttn_fade.jpg);
background-repeat: repeat-x;
border-bottom: 8px solid #FFF;
font-size: 75%;
padding: 2px 0 0 30px;

}

#menu a {
display: block;
float: left;
padding: 5px 18px 5px 18px;
/*background-image: url(images/bttn_fade.jpg);
background-repeat: repeat-x;*/

color: #FFF;
font-weight: bold;
text-decoration: none;
border-right: 1px solid #FFF;
}

#menu a:hover {
/*background-color: #CC9900;*/
color: #000;
}


/*/////////////////////////////
..........MONTAGE
////////////////////////////*/
#montage {
width: 949px;
height: 200px;
background-color: #FFF;
background-image: url(images/montage1.jpg)
}
#montage3 {
width: 949px;
height: 200px;
background-color: #FFF;
background-image: url(images/montage3.jpg)
}
#montage4 {
width: 949px;
height: 200px;
background-color: #FFF;
background-image: url(images/montage4.jpg)
}
#montage5 {
width: 949px;
height: 200px;
background-color: #FFF;
background-image: url(images/montage5.jpg)
}
#montage6 {
width: 949px;
height: 200px;
background-color: #FFF;
background-image: url(images/montage6.jpg)
}
#montage7 {
width: 949px;
height: 200px;
background-color: #FFF;
background-image: url(images/montage7.jpg)
}
#montage8 {
width: 949px;
height: 200px;
background-color: #FFF;
background-image: url(images/montage8.jpg)
}



/*/////////////////////////////
..........INNER
////////////////////////////*/

#inner {
background-image: url(images/body_bg.gif);
background-repeat: repeat-y;
}

/*...Inner Variation...*/

#inner_2 {
}

/*////////////////////////////
........RIGHT PANEL
///////////////////////////*/

#left_panel {
float: left;
width: 206px;
/*height: 350px;*/
background-color: #FFF;
}
#left_panel h4 {
color: #CCC;
text-align: left;
padding: 4px 0 15px 14px;
}

#left_panel ul {
list-style-type: none;
border: 1px solid #CCC;
margin: 0 0 5px 14px;
}
#left_panel li.heading {
background-image: url(images/bttn_fade.jpg);
color: #FFF;
padding: 5px 5px 5px 20px;
font-size: 85%;

}

#left_panel li a {
text-decoration: none;
/*background-color: #00FF99;*/
color: #A41B61;
display: block;
padding: 5px 5px 5px 20px;
background-image: url(images/nav_bllt.gif);
background-repeat: no-repeat;
background-position: 5px 50%;
font-size: 80%;
}

#left_panel li a:hover {
text-decoration: underline;
}





/*///////////////////////////
.....COPY
///////////////////////////*/

#copy {
float: right;
width: 700px;
/*background-color: #CCFF99;*/
padding: 0 15px 10px 5px;

}

#copy p{
font-size: 75%;
line-height: 1.5em;
padding: 0 0 10px 0;
text-align: justify;
}

#copy h4 {
color: #9D1E61;
padding: 5px 0 10px 0;
}

#copy h5 {
color: #81AD24;
padding: 5px 0 5px 0;
}

/*....For Gallery/Services Pages...*/

#copy_full_width {
}

#pageimage {
float: right;
padding-left: 10px;
}

#smallthumbs {
float: left;
padding: 0 10px 6px 0;
}

/*//////////////////////
.....CLEARONE
//////////////////////*/

#clearone {
clear: both;
height: 1%;
}


/*//////////////////////////
.....FOOTER
//////////////////////////*/
 
#footer {
clear: both;
background-color: #000;
text-align: center; 
}

#footer p {
padding: 5px 0 5px 0;
font-size: 75%;
color: #fff;
}

#footer a {
color: #FFF;

}