/*CSS Document*/


* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
background-color: #ffffff;
text-align:center;
min-height:625px;/* for good browsers*/
min-width:975px;/* for good browsers*/
}

/* --------- centering css -----------*/



#outer{
height: 100%;
width: 100%;
display:table;
vertical-align:middle;
position: relative; }

#container {
text-align: center;
vertical-align:middle;
display:table-cell;
height: 675px;
position: relative; } 

#inner{
width: 950px;
height: 675px;
text-align: center;
margin-left:auto;
margin-right:auto;
position: relative; }


#holding{
width: 950px;
height: 625px;
margin-left:auto;
margin-right:auto;
background-image: url(../images/holding.jpg);
background-repeat: no-repeat; }

#home{
width: 950px;
height: 658px;
margin-left:auto;
margin-right:auto;
background-image: url(../images/cadac_home.jpg);
background-repeat: no-repeat; }

#portfolio{
width: 950px;
height: 658px;
margin-left:auto;
margin-right:auto;
background-image: url(../images/cadac_portfolio.jpg);
background-repeat: no-repeat; }


#navigation {
width: 900px;
float: right;
height: 15px;
color: #000000;
font: 0.7em/2.5em Verdana, Helvetica, Arial, sans-serif;
text-align: left;
margin-top: 60px;
margin-left: 25px; }

#navigation a{
color: #000000;
text-decoration: none; }

#navigation a:hover{
color: #ffffff;
text-decoration: none; }

#navigation a.active {
color: #000000;
}

#content {
width: 900px;
height: 100px;
margin-left: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
text-align: left;
line-height: 2em;
position: relative;
float: right;
top: 90px;
color: #000000; }

#content a{
color: #000000;
text-decoration: none; }

#content a:hover{
color: #ffffff;
text-decoration: none; }

#contenthome {
width: 500px;
height: 350px;
margin-left: 50px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .6em;
text-align: left;
line-height: 2em;
position: relative;
float: left;
top: 45px;
color: #000000; }

#contenthome a{
color: #004080;
text-decoration: underline;
font-weight: bold; }

#contenthome a:hover{
color: #ffffff;
text-decoration: none; }

#contentshop {
width: 542px;
height: 350px;
margin-left: 50px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .6em;
text-align: left;
line-height: 2em;
position: relative;
float: left;
top: 45px;
color: #000000; }

#contentshop a{
color: #004080;
text-decoration: underline;
font-weight: bold; }

#contentshop a:hover{
color: #ffffff;
text-decoration: none; }


#home_slideshow{
width: 300px;
height: 360px;
margin-top: 45px;
float: left;
margin-left: 42px;
font-size: 8em; }

#shop_slideshow{
width: 300px;
height: 360px;
margin-top: 45px;
float: left;
margin-left: 0px;
font-size: 8em; }

#portfolio_slideshow{
width: 863px;
height: 522px;
float: left;
margin-top: 38px;
margin-right: 0px;
margin-left: 45px; }

#hosting{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
text-align: left;
width: 250px;
color: #c2c2c2;
float: left;
height: 17px;
text-decoration: blink;
margin-left: 25px; }

#hosting a{
color: #c2c2c2;
text-decoration: blink; }

#hosting a:hover{
color: #000000;
text-decoration: none; }

#copyright{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
text-align: right;
width: 400px;
color: #c2c2c2;
float: right;
margin-right: 20px;
height: 17px;
}

#copyright a{
color: #c2c2c2;
text-decoration: none; }

#copyright a:hover{
color: #000000;
text-decoration: none; }