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

body {
background-image:url(images/bg-gradient.jpg);
background-repeat:repeat-x;
background-color:#e6e6e6;
margin:0px;
height:1000px;
}

.shadowleft {
width:15px;
background-image:url(http://www.quadramedia.co.nz/images/shadow_left.png);
background-repeat:repeat-y;
}

.shadowright {
width:15px;
background-image:url(http://www.quadramedia.co.nz/images/shadow_right.png);
background-repeat:repeat-y;
}

.shadowbtmleft {
background-position:top;
width:15px;
height:15px;
background-image:url(http://www.quadramedia.co.nz/images/shadow_bottom_left.png);
background-repeat:no-repeat;
}

.shadowbtmright {
background-position:top;
width:15px;
height:15px;
background-image:url(http://www.quadramedia.co.nz/images/shadow_bottom_right.png);
background-repeat:no-repeat;
}

.shadowbtm {
height:15px;
background-image:url(http://www.quadramedia.co.nz/images/shadow_bottom.png);
background-repeat:repeat-x;
}

.maincell {
background-color:#FFFFFF;
width:900px;
vertical-align:top;
}

.content {
background-color:#f3f3f3;
padding:10px;
background-image:url(http://www.quadramedia.co.nz/images/content-bg.gif);
background-repeat:repeat-x;
height:500px;
vertical-align:top;
}

.box-container {
margin-top:5px;
height:auto;
}

.box-container-home {
margin-top:5px;
}

.box-container-small {
margin-top:2px;
}

.box
{
vertical-align:top;
background-color:#FFFFFF;
padding:3px;
height:auto;
}

.box-home
{
vertical-align:top;
background-color:#FFFFFF;
padding:3px;
height:auto;
}

.box-home-top
{
background-image:url(images/latest-website.jpg);
vertical-align:top;
border:3px solid #FFF;
height:190px;
width:860px;
}

.small-box-button {
margin-top:5px;
margin-bottom:5px;
}

.work-box {
float:left;
width:250px;
height:auto;
}

.work-img {
width:250px;
height:auto;
}

.work-text {
width:250px;
height:auto;
padding-top: 10px;
}

.text {
float:left;
width:406px;
}

.text-interior  {
background-image:url(images/box-bg.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
height:auto;
}

.work-container {
margin-bottom:20px;
float:left;
}

.image {
float:right;
width:auto;
}

.boxshadowtopleft
{
background-image:url(images/box-shadow-left-top.png);
background-repeat:no-repeat;
width:7px;
height:7px;
}

.boxshadowtop
{
background-image:url(images/box-shadow-top.png);
background-repeat:repeat-x;
height:7px;
}

.boxshadowtopright
{
background-image:url(images/box-shadow-right-top.png);
background-repeat:no-repeat;
width:7px;
height:7px;
}

.boxshadowleft
{
background-image:url(images/box-shadow-left.png);
background-repeat:repeat-y;
width:7px;
}

.boxshadowright
{
background-image:url(images/box-shadow-right.png);
background-repeat:repeat-y;
width:7px;
}

.boxshadowbtmleft
{
background-image:url(images/box-shadow-left-bottom.png);
background-repeat:no-repeat;
width:7px;
height:7px;
}

.boxshadowbtm
{
background-image:url(images/box-shadow-bottom.png);
background-repeat:repeat-x;
height:7px;
}

.boxshadowbtmright
{
background-image:url(images/box-shadow-right-bottom.png);
background-repeat:no-repeat;
width:7px;
height:7px;
}

.quote
{
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: normal;
font-size: 12px;
}

.menubar {
background-image:url(images/menu_bg.gif);
background-repeat:repeat-x;
height:30px;
}

.button {
padding-right:2px;
width:88px;
}

td,p
{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 11px;
}

.heading {
font-family:Georgia, Times New Roman, Times, serif;
font-size:24px;
color:#000000;
}

.heading-red {
font-family:Georgia, Times New Roman, Times, serif;
font-size:24px;
color:#CC0000;
}

.red-sub-heading {
font-family:Georgia, Times New Roman, Times, serif;
font-size:20px;
color:#CC0000;
}

.subheading-black {
font-family:Georgia, Times New Roman, Times, serif;
font-size:20px;
color:#000000;
}

.copyright
{
padding:4px;
color: #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 9px;
}

.footer
{
background-color:#000000;
color:#FFFFFF;
padding:20px;
padding-top:10px;
padding-bottom:10px;
background-image:url(images/footer-bg.gif);
background-repeat:repeat-x;
border:1px solid #000000;
}



.smallbold
{
color: #000000;
font-weight: bold;
font-size: 10px;
}

.smallblack
{
color: #000000;
font-size: 10px;
}

.portfolio_heading
{
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: normal;
font-size: 14px;
}

.redbold
{
color: #CC0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: normal;
font-size: 12px;
}

.blackbold
{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: normal;
font-size: 12px;
}

.greybold
{
color: #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: normal;
font-size: 12px;
}

.btmalign
{
vertical-align:bottom;
}


a:link
{
font-size:12px; 
color: #CC0000;
text-decoration: none;
font-weight: bold;
}

a:visited
{
font-size:12px;  
color: #CC0000;
text-decoration: none;
font-weight: bold;
}

a:hover
{
font-size:12px; 
color: #000000;
text-decoration: none;
font-weight: bold;
}


a.menu:link
{ 
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

a.menu:visited
{ 
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
a.menu:hover
{
color: #FFFFFF;
text-decoration: underline;
font-weight: bold;
}

.txtmenu
{ 
color: #999999;
font-size:10px;
}

a.txtmenu:link
{ 
color: #999999;
text-decoration: none;
font-size:10px;
}

a.txtmenu:visited
{ 
color: #999999;
text-decoration: none;
font-size:10px;
}
a.txtmenu:hover
{
color: #CC0000;
text-decoration: none;
font-size:10px;
}

a.redblack:link
{ 
color: #CC0000;
text-decoration: none;
font-size:11px;
}

a.redblack:visited
{ 
color: #CC0000;
text-decoration: none;
font-size:11px;
}
a.redblack:hover
{
color: #000000;
text-decoration: none;
font-size:11px;
}

img
{
border:none;
}