/*==================
CSS Document - created by Buttons Web Solutions - July 2009
==================*/

body {
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-weight:normal;
font-size:1em;
background-image:url(images/background.jpg);
background-position:center top;
background-repeat:no-repeat;
background-color:#000000;
}

#wrapper {
width: 770px;
margin-left: auto;
margin-right: auto;
}


/*==================
Main Menu Page - Backgrounds
==================*/

#text_1 { /* index & portfolio */
position:relative;
margin-top:115px;
height: 500px;
width: 770px;
border: 1px solid #ffffff; 
background-color:#ffffff;
}

#text_2 { /* about_us */
position:relative;
margin-top:115px;
height: 500px;
width: 770px;
border: 1px solid #ffffff;
background-color:#ffffff;
background-image:url(images/about_us.jpg);
background-position:left top;
background-repeat:no-repeat;
}

#text_3 { /* home */
position:relative;
margin-top:115px;
height: 500px;
width: 770px;
border: 1px solid #ffffff;
background-color:#ffffff;
background-image:url(images/home.jpg);
background-position:left top;
background-repeat:no-repeat;
}

#text_4 { /* design */
position:relative;
margin-top:115px;
height: 500px;
width: 770px;
border: 1px solid #ffffff;
background-color:#ffffff;
background-image:url(images/design.jpg);
background-position:left top;
background-repeat:no-repeat;
}

#text_5 { /* print */
position:relative;
margin-top:115px;
height: 500px;
width: 770px;
border: 1px solid #ffffff;
background-color:#ffffff;
background-image:url(images/print.jpg);
background-position:left top;
background-repeat:no-repeat;
}

#text_6 { /* portfolio */
position:relative;
margin-top:115px;
height: 500px;
width: 770px;
border: 1px solid #ffffff;
background-color:#ffffff;
background-image:url(images/portfolio.jpg);
background-position:left top;
background-repeat:no-repeat;
}

#text_7 { /* contact */
position:relative;
margin-top:115px;
height: 500px;
width: 770px;
border: 1px solid #ffffff;
background-color:#ffffff;
background-image:url(images/contact.jpg);
background-position:left top;
background-repeat:no-repeat;
}


/*==================
Misc
==================*/

img {border:none;}


/*==================
Main Pages - Positioning left_col, mid_col & right_col
==================*/

/* == left_col == */

#left_col {
position: absolute;
font-size: 80%;
width: 370px;
height: auto;
margin: 20px 0 0 20px;
color:#660099;
}

#left_col h1 {
color:#660099;
font-size:110%;
}

#left_col a:link, #left_col a:visited, #left_col a:active {
color:#660099;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
display:block;
}

#left_col a:hover {
text-decoration:underline;
color: #ff9900;
}

/* == mid_col == */

#mid_col {
position: absolute;
width: 200px;
height: auto;
margin: 20px 0 0 420px;
}

#mid_col h1 {
color:#ff9900;
font-size:80%;
}

#mid_col p {
color:#999999;
font-size: 75%;
line-height:1.5;
display:block;}

#mid_col tr {
color:#666666;
font-size: 65%;}

#mid_col .darker {
color:#666666;
font-weight:bold;
}

#mid_col a:link, #mid_col a:visited, #mid_col a:active {
color:#999999;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
display:block;
}

#mid_col a:hover {
color:#666666;
text-decoration:underline;
}

/* == right_col == */

#right_col {
/*background-color:#99FF00;   added to visualise the size of the right column */
position: absolute;
width: 150px; 
height: auto;
margin: 10px 0 0 620px;
display: block;
color: #660099;
}

#right_col ul { 
list-style-type: none;
padding-left: 0;
margin-left: 0;

}


/*==================
Portfolio Pages - two_col = merged left_col & mid_col 
==================*/

#two_col {
position: absolute;
text-align:center;
width: 610px;
height: auto;
margin: 15px 0 0 12px;
color:#660099;
font-size: 80%;
}

#two_col a:link, #two_col a:visited, #two_col a:active {
color:#660099;
font-weight:normal;
text-decoration:none;
}

#two_col a:hover {
text-decoration:underline;
}

/*==================
Portfolio Pages - two_right_col = is a second column under right_col 
==================*/

#two_right_col {
position: absolute;
width: 100px; 
height: auto;
margin: 280px 20px 0 640px;
font-weight:bold;
}

#two_right_col p {
color:#660099;
font-size: 75%;
line-height:1.25;
font-weight:normal;
}

#two_right_col a:link, #two_right_col a:visited, #two_right_col a:active {
color:#660099;
font-weight:normal;
text-decoration:none;
}

#two_right_col a:hover {
text-decoration:underline;
}

.headings
{color:#999999;
font-weight:normal;}


/*================
    Footer 
================*/

#footer {
font-size:78%;
padding-top: 5px;
font-weight:normal;
}

#left {
float:left;
}

#right {
float:right;
}

#right a:link, #right a:visited, #right a:active 
{text-decoration:none;
color:#9966FF;
}

#right a:hover 
{text-decoration:underline;}


/*================
    Brochure 
================*/

#brochure {
border: 1px solid #cccccc;
}