@charset "utf-8";
/* CSS Document */

html,body {
background-color:#000000;
margin:0px;
padding:0px;
font-family:verdana,arial,sans-serif;
font-size: 12px;
color: #f7d46b;
}

#wrapper {
width:1000px;
border:1px solid #5b4c28;
background-color:#272727;
margin :0px auto 10px auto;
min-height:600px;
}

#header {
width:1000px;
background-image:url(../content/layout-images/digital-magpie-header.jpg);
background-repeat:no-repeat;
height:214px;
border-bottom:1px solid #5b4c28;
}

#inner-wrapper {
display:table;
width:998px;
background-color:#272727;
background-image:url(../content/layout-images/navback.jpg);
background-repeat:repeat-y;
background-position:right;
}

#main-content {
display:table-cell;
width:800px;
background-color:#272727;
margin-bottom:0px;
border-collapse:collapse;
padding-top:0px;
}

#navigation {
display:table-cell;
width:200px;
background-color: #1e1e1e;
margin-bottom:0px;
vertical-align:top;
}

#footer {
width:1000px;
height:118px;
background-image:url(../content/layout-images/dmfooter.jpg);
margin-bottom:6px;
}

#random-image {
width:190px;
height:440px;
border:1px solid #5b4c28;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}


/**************** NAVIGATION STYLING *******************/
#navigation ul {
list-style-type:none;
margin-left:0px;
padding-left:0px;
}

#navigation li {
height:100px;
}

#navigation a {
width:200px;
height:100px;
display:block;
}

#navigation .prints a:link, #navigation .prints a:visited{

background-image:url(../content/nav-images/prints-up.png);
background-position:top;
background-repeat:no-repeat;
}
#navigation .prints a:hover {
background-image:url(../content/nav-images/prints-over.png);
background-position:top;
background-repeat:no-repeat;
}

#navigation .landscape a:link, #navigation .landscape a:visited{

background-image:url(../content/nav-images/landscape-up.png);
background-position:top;
background-repeat:no-repeat;
}
#navigation .landscape a:hover {
background-image:url(../content/nav-images/landscape-over.png);
background-position:top;
background-repeat:no-repeat;
}

#navigation .panorama a:link, #navigation .panorama a:visited{

background-image:url(../content/nav-images/panorama-up.png);
background-position:top;
background-repeat:no-repeat;
}
#navigation .panorama a:hover {
background-image:url(../content/nav-images/panorama-over.png);
background-position:top;
background-repeat:no-repeat;
}

#navigation .macro a:link, #navigation .macro a:visited{

background-image:url(../content/nav-images/macro-up.png);
background-position:top;
background-repeat:no-repeat;
}
#navigation .macro a:hover {
background-image:url(../content/nav-images/macro-over.png);
background-position:top;
background-repeat:no-repeat;
}

#navigation .infra a:link, #navigation .infra a:visited{

background-image:url(../content/nav-images/infra-up.png);
background-position:top;
background-repeat:no-repeat;
}
#navigation .infra a:hover {
background-image:url(../content/nav-images/infra-over.png);
background-position:top;
background-repeat:no-repeat;
}

#navigation .contact a:link, #navigation .contact a:visited{

background-image:url(../content/nav-images/contact-up.png);
background-position:top;
background-repeat:no-repeat;
}
#navigation .contact a:hover {
background-image:url(../content/nav-images/contact-over.png);
background-position:top;
background-repeat:no-repeat;
}


/***************** General + Text **********************/

.clearing {
clear:both;
}

.printpara {
font-family:verdana,arial,sans-serif;
font-size: 12px;
color: #f7d46b;
text-align:justify;
margin:0px 15px;
}



/****************** Picture Displays *******************/

.thumb-box {
width:175px;
height:175px;
float:left;
margin-left:17px;
background-color:#323232;
margin-top:15px;
padding:5px 0px 0px 5px;
}

.big-box {
margin-left:auto;
margin-right:auto;
margin-top:15px;
background-image:url(../content/layout-images/imgbackground.png);
padding:10px;
border:1px solid #fff;
text-align:center;
}

.panorama-box {
width:350px;
height:165px;
float:left;
margin-left:27px;
background-color:#323232;
margin-top:15px;
padding:15px 0px 0px 5px;
text-align:center;
}

.headerbox {
width:250px;
margin:5px auto 0px auto;
height:40px;
}





/******************* Print Display **********************/

.printbox {
width:780px;
margin:8px auto;
height:170px;
border:1px solid #5b4c28;
padding-top:5px;
}

.imagewindow {
width:250px;
height:135px;
margin:0px 5px;
float:left;
text-align:center;
}
.textwindow {
width:510px;
height:135px;
margin:0px 5px;
float:left;
}

.textwindow a{
color:#fff;
}
.prtitle {
color:#fff;
font-weight:bold;
}

.wideprintbox {
width:780px;
margin:8px auto;
height:145px;
border:1px solid #5b4c28;
padding-top:5px;
}

.wideimagewindow {
width:380px;
height:145px;
margin:0px 5px;
float:left;
text-align:center;
}
.narrowtextwindow {
width:380px;
height:145px;
margin:0px 5px;
float:left;
}

.narrowtextwindow a{
color:#fff;
}

.checkout {
text-align:center;
}
.checkout2 {
color:#fff;
font-size:11px;
}

.carttablehead {
background-color:#000000;
font-size:11px;
}
.carttablerow {
font-size:11px;
}
.register {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
.formtitle {
background-color:#000000;
}

#main-content a {
color:#cccccc;
}