/* CSS Document */

body{
background-color:#FEEED7;
font-family:Arial, Helvetica, sans-serif, Tahoma;
}

/*Global Layout*/

*{
scrollbar-base-color: white;
scrollbar-arrow-color: #834354;
scrollbar-track-color: #CCCCCC;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black; 
scrollbar-darkshadow-color: gray;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
}

#container{
margin:0 auto;
width:985px;
height:655px;
background:url(../img/background/template.jpg) no-repeat;
overflow:hidden;
}

#gallery #container{
background:url(../img/background/template2.jpg) no-repeat;
}

#contact #container{
background:url(../img/background/template2.jpg) no-repeat;
}

#services #container{
background:url(../img/background/template2.jpg) no-repeat;
}

#products #container{
background:url(../img/background/template2.jpg) no-repeat;
}

#projects #container{
background:url(../img/background/template2.jpg) no-repeat;
}

#admin #container{
background:url(../img/background/template2.jpg) no-repeat;
}

#header{
float:left;
width:985px;
height:166px;
}

#navigation{
float:left;
width:985px;
height:23px;
}

#topContent{
float:left;
width:535px;
height:20px;
}

#leftContent{
float:left;
width:605px;
height:425px;
margin:10px 0px 0px 0px;
overflow:auto;
overflow-x:hidden;
}

#gallery #leftContent{
float:left;
width:425px;
margin:20px 0px 0px 35px;
}

#products #leftContent{
overflow:hidden;
}

#testimonials{
float:left;
width:145px;
height:500px;
}

#admin #leftContent{
width:985px;
height:435px;
margin-left:0px;
}

#rightContent{
float:right;
width:380px;
height:580px;
background:url(../img/home/mainPic.jpg) no-repeat;
margin-top:-150px;
z-index:0;
}

#services #rightContent{
background:url(../img/services/mainPic.jpg) no-repeat;
}

#products #rightContent{
background:url(../img/products/mainPic.jpg) no-repeat;
}

#contact #rightContent{
background:url(../img/contact/mainPic.jpg) no-repeat;
}

#gallery #rightContent{
background:none;
}

#projects #rightContent{
background:none;
}

#home #montage{
width:290px;
height:145px;
margin:25px 10px 10px 150px;
background:url(../img/home/montage.gif) no-repeat;
}

#services #montage{
width:725px;
height:85px;
margin:130px 0px 10px 0px;
background:url(../img/services/montage.gif) no-repeat;
}

#products #montage{
width:490px;
height:250px;
margin:10px 0px 10px 50px;
background:url(../img/products/montage.gif) no-repeat;
}

#divider{
width:605px;
float:left;
}

#spacer{
width:605px;
height:55px;
float:left;
}

#login{
border:1px dashed #000000;
background-color:#FFECEC;
margin:10px 20px 20px 20px;	
padding:0px 0px 0px 0px;
}


h1{
font-size:0.9em;
color:#834354;
margin:10px 10px 10px 20px;
}

#testimonials h1{
font-size:0.8em;
margin:20px 0px 5px 10px;
}

h2{
font-size:0.8em;
color:#834354;
margin:10px 10px 10px 20px;
}

#testimonials h2{
color:#999999;
margin:0px 0px 30px 10px;
}

p{
font-size:0.8em;
margin:10px 100px 10px 80px;
text-align:center;
color:#834354;
line-height:13px;
}

#admin p{
text-align:left;
margin:10px 10px 20px 20px;
}

ol{
font-size:0.8em;
float:left;
margin:5px 10px 5px 0px;
padding:0px 0px 0px 0px;
list-style:none;
color:#834354;
}

#topContent ol{
font-size:0.8em;
margin:10px 0px 10px 65px;
}

#leftContent ol{
text-align:center;
float:none;
margin:10px 10px 10px 10px;
}

#admin ol{
text-align:left;
}

li{
display:inline;
margin:0px 0px 0px 0px;
}

#topContent li{
margin:0px 0px 0px 0px;
}

#admin ol{
float:none;
display:block;
margin:20px 10px 20px 20px;
}

#admin li{
display:block;
margin:5px 0px 5px 0px;
}

#navigation ol{
color:#FEEED7;
font-size:0.9em;
margin:0px 20px 10px 35px;
}

#navigation li{
display:inline;
margin:0px 12px 0px 12px;
padding:0px 0px 0px 0px;
}

a{
text-decoration:none;
color:#834354;
}

#header a{
color:#FFFFFF;
font-size:0.6em;
float:right;
margin:10px 10px 10px 10px;
}

#navigation a{
float:left;
color:#FEEED7;
padding:3px 12px 15px 12px;
margin:0px 0px 0px 0px;
display:block;
}

#navigation a:hover{
background-color:#FEEED7;
color:#844455;
filter:alpha(opacity=70);
}


.label{
display:block; 
font-size:0.8em; 
color:#834354;
margin:1px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
}

#admin .label{
margin:10px 0px 0px 20px;
text-align:left;
}

.textbox{
display:inline; 
width:250px; 
border:2px solid #834354; 
margin:0px 0px 5px 175px;
padding:0px 0px 0px 0px;
}

#admin .textbox{
margin-left:20px;
width:350px;
}

.textarea{
display:inline; 
width:300px; 
height:80px; 
border:2px solid #834354;
margin:0px 0px 5px 155px;
padding:0px 0px 0px 0px;
}

#admin .textarea{
margin-left:20px;
width:350px;
}

.button{
display:block;
width:150px; 
height:25px; 
border:2px solid #834354; 
color:#834354;
margin:10px 20px 20px 220px;
padding:0px 5px 0px 5px;
text-align:center;
}

#admin .button{
margin-left:20px;
}

.image{
float:left;
margin:5px 5px 5px 5px;
border:2px solid #834354;
}

#admin .image{
float:none;
margin:0px 10px 5px 20px;
}

.leftImage{
float:left;
margin:5px 5px 5px 100px;
border:2px solid #834354;
}

.bold{
font-weight:bold;
}

.table{
margin:10px 10px 20px 20px;
}