/* Default tag styling */
body {
    margin: 0; 
    padding:0;
    background: #ddd;
    color: #000000;
}
h1 { 
    font-family: "Myriad Pro", "Lucida Sans", lucidasans, Verdana, Arial, Geneva, Helvetica, sans-serif; 
    font-weight: normal; font-size: 28px; 
    margin: 8px 0px;
	color: #d05a04;
} 
h2 { 
    font-family: "Myriad Pro", Helvetica, Verdana, Arial, sans-serif; 
    font-weight: bold; font-size: 18px; 
} 
h3 { 
    font-family: "Myriad Pro", Helvetica, Verdana, Arial, sans-serif; 
    font-weight: bold; 
    font-size: 11px; 
} 
td { 
    font-family: "Myriad Pro", Helvetica, Verdana, Arial, sans-serif; 
    font-weight: normal; font-size: 12px; 
}
img {
    border: none;
}
p { 
    font-family: "Myriad Pro", Helvetica, Verdana, Arial, sans-serif; 
    font-weight: normal; font-size: 10pt; 
    margin: 8px 8px;
}
a:link, a:visited, a:active { 
    color: #000; 
    text-decoration: none;
}
a:hover {
    color: #889;
}

/* Page layout divs */
#dropshadow {
    position:absolute;
    top: 23%;
    left: 49%; 
    width: 600px;
    height: 312px;
    background: url(images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(images/shadowblue.gif) no-repeat bottom right;
    margin: 10px 0 0 -290px !important;
    margin: 10px 0 0 -295px; 
}
#dropshadowoffset {
    background: none !important;
    background: url(images/shadowblue2.gif) no-repeat left top;
    padding: 0 !important;
    padding: 0 6px 6px 0;
}
#box {
    border: solid #000000;
    border-width: 1px;
    background: #fff;
    width: 592px;
    height: 304px;
    margin: -6px 6px 6px -6px !important;
    margin: 0;
    padding: 3px; 
}
#content {
    margin: 16px; 
}
#buttons {
    position: absolute;
    top: 250px !important;
    left: 266px !important;
    top: 256px;
    left: 268px;
    width: 306px;
    text-align: right;
}
#mainimage {
    text-align: left;
    padding-top: 0px;
	padding-left: 0px;
/*    margin-right: 4px;*/
}
#screenshotimage {
    text-align: left;
    padding-top: 10px;
}
#copy {
	margin-top:6px;
    float: right;
    text-align: left;
    width: 58%;
}
#copy-portfolio {
	margin-top:6px;
    float: right;
    text-align: left;
    width: 50%;
}
#context {
    position:absolute;
    top: 250px !important;
    left: 10px !important;
    text-align: left;
}
#context a:link,#context a:visited {
    font-family: "Myriad Pro", Helvetica, Verdana, Arial, sans-serif; 
    font-size: 12px;
    color: #888;
}
#context a:active,#context a:hover {
    font-family: "Myriad Pro", Helvetica, Verdana, Arial, sans-serif; 
    font-size: 12px;
    color: #d05a04;
}
#context img {
    vertical-align: middle;
}

/* Some useful variants */
p.extraspace { 
    margin: 16px 16px;
}
p.strapline { 
    margin-top: -10px;
    margin-left: 16px;
}
img.screenshot {
    border: 1px solid #000000;
    vertical-align: middle;
}
.button:link,.button:visited,.button:active {
    font-family: "Myriad Pro", Helvetica, Verdana, Arial, sans-serif; 
    font-weight: normal; font-size: 14px; 
    display:inline; 
    display:inline-block;
    width:1px;
    margin:0.2em; 
    padding:4px 8px;
    font-weight:normal;
    text-decoration:none;
    text-align:center;
    background:#4891dc;
    color:#fff;
/*    border:1px solid #666;*/
    vertical-align:middle;
    white-space:nowrap;
    cursor:pointer;
}
.button[class] {
    width:auto;
    min-width:50px;
}
.button strong {
    font-weight:bold;
    background:#69c;
    color:#06c;
}
.button:hover { 
    background:#d05a04; 
/*    color:black */
}
/*.button:hover strong { 
    background:#ccd; 
    color:black; 
}*/
.menubutton {
    font-weight: normal;
    text-align: center;
    margin-bottom: 4px;
    margin-top: 4px;
}
.menubutton a:link,.menubutton a:visited {
    padding: 4px;
    text-decoration: none;
    width: 95%;
    display: block;
    background-color: #4891dc;
	color: #fff;
/*    border: 1px #666 solid;*/
}
.menubutton a:hover {
    background-color: #d05a04;
/*    color: black;    */
}