/* CSS Document */



* { 
margin:0;
padding:0;
}



body {
background-color: #623798;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

background-image: url(images/bgtile.jpg); 
background-repeat: repeat-x;
background-position: top left;

font-family: Tahoma, Arial, Helvetica, sans-serif;	
}

#wrapper {
margin-left:auto;
margin-right:auto;
margin-top: 25px;
margin-bottom: 46px;
height:593px;
width:960px;
background-color:#ffffff;
text-align:left;
background-image: url(images/headerbg.jpg); 
background-repeat: repeat-x;
background-position: top left;
}

#header {
width:918px;
height: 112px;
margin-left:auto;
margin-right:auto;
background-color:#ffffff;
background-image: url(images/headerbg.jpg); 
background-repeat: repeat-x;
background-position: top left;
}

#logo {
margin-left:18px;
width:145px;
float:left;
}

#topbox {
margin:0px;
width:473px;
height:102px;
float:left;
}

#topbtns {
margin-right:18px;
margin-top:0px;
float:right;
}

#main {
width:918px;
margin-left:auto;
margin-right:auto;
}

#mainleft {
width:280px;
float:left;
}

#mainright {
width:631px;
float:right;
}

#righthead {
width:631px;
height: 33px;
margin: 0px;
}

.pic1 {
float:right;
padding-left: 15px;
border:0;
}

#rightmiddle-home  {
width:589px;
height: 399px;
margin: 0px;
border-left: #e3e3e3 solid 1px;
border-right: #e3e3e3 solid 1px;
font-size:11px;
color:#333333;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
background-image: url(images/photo-mouse.jpg); 
background-repeat: no-repeat;
background-position: bottom right;
}

#photos {
width: 200px;
margin: 24px 0px 24px 15px;
float:right;
}

.photo {padding-top: 24px;}

#rightmiddle {
width:589px;
height: 399px;
margin: 0px;
border-left: #e3e3e3 solid 1px;
border-right: #e3e3e3 solid 1px;
font-size:11px;
color:#333333;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px; 
background-repeat: no-repeat;
background-position: bottom right;
}

#rightfoot {
width:631px;
height: 4px;
margin: 0px;
}

#footer {
width:918px;
height:34px;
margin-left:auto;
margin-right:auto;
clear:both;
padding-top: 12px;
font-size:11px;
font-weight:bold;
color:#583188;
}

#btn-webdesign {
width:280px;
height:86px;
background-image: url(images/side-btn-webdesign-bot.jpg); 
background-repeat: no-repeat;
background-position: bottom left;
}

#btn-webdesign-left {
width:224px;
height:42px;
float:left;
color:#ffffff;
font-size:11px;
font-weight:bold;
padding-left: 20px;
}

#btn-webdesign-right {
width:36px;
height:42px;
float:right;
}

#btn-photography {
width:280px;
height:90px;
background-image: url(images/side-btn-photography-bot.jpg); 
background-repeat: no-repeat;
background-position: bottom left;
}

#btn-photography-left {
width:224px;
height:42px;
float:left;
color:#ffffff;
font-size:11px;
font-weight:bold;
padding-left: 20px;
}

#btn-photography-right {
width:36px;
height:42px;
float:right;
}

#btn-support {
width:280px;
height:90px;
background-image: url(images/side-btn-technical-bot.jpg); 
background-repeat: no-repeat;
background-position: bottom left;
}

#btn-support-left {
width:224px;
height:42px;
float:left;
color:#ffffff;
font-size:11px;
font-weight:bold;
padding-left: 20px;
}

#btn-support-right {
width:36px;
height:42px;
float:right;
}

#btn-webportfolio {
width:280px;
height:90px;
background-image: url(images/side-btn-webportfolio-bot.jpg); 
background-repeat: no-repeat;
background-position: bottom left;
}

#btn-webportfolio-left {
width:224px;
height:42px;
float:left;
color:#ffffff;
font-size:11px;
font-weight:bold;
padding-left: 20px;
}

#btn-webportfolio-right {
width:36px;
height:42px;
float:right;
}

#btn-photoportfolio {
width:280px;
height:90px;
background-image: url(images/side-btn-photoportfolio-bot.jpg); 
background-repeat: no-repeat;
background-position: bottom left;
}

#btn-photoportfolio-left {
width:224px;
height:42px;
float:left;
color:#ffffff;
font-size:11px;
font-weight:bold;
padding-left: 20px;
}

#btn-photoportfolio-right {
width:36px;
height:42px;
float:right;
}

a:link {color: #8062d2; text-decoration: underline;}
a:visited {color: #8062d2; text-decoration: underline;}
a:hover {color: #8062d2; text-decoration: none;}
a:active {color: #8062d2; text-decoration: underline;}

.textbold {font-weight: bold;}

p {padding-top:12px;}		

ul, ol {
margin-top:10px;
margin-left:16px;
margin-right:auto;}

ul.home, ol.home {
list-style-image: url(images/arrow-btn.jpg);
margin-top:10px;
margin-left:16px;
margin-right:auto;}
	
input, select, textarea {
background-color: #ffffff; 
color: #583188; 
font-size: 12px; 
border: 1px solid #583188;
}
				   
					   
.form-button  {
background-color: #695882; 
color: #ffffff; 
font-size: 12px; 
padding: 4px;
font-weight: bold; 
}	

.gallery {padding-right: 4px;
padding-bottom: 14px;
}

.subnav {
background-color: #fce2c7; 
padding: 5px 2px 5px 2px;
}


.button-on {
background-color: #ffbaba; 
padding: 5px 9px 5px 9px;
border: 1px solid #e1e1e1;
}


.button {
/*background-color: #fdf4b6; 
background-color: #fce2c7; */
background-color: #ffdfdf; 
padding: 5px 9px 5px 9px;
border: 1px solid #e1e1e1;
}

.button a:link {color: #8062d2; text-decoration: none;}
.button a:visited {color: #8062d2; text-decoration: none;}
.button a:hover {color: #8062d2; text-decoration: underline;}
.button a:active {color: #8062d2; text-decoration: none;}

.highlight {
background-color: #ffdfdf; 
padding: 3px;
}

.tablecell {padding: 3px;}