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

/* CSS for Magenta Projects website at magentaprojects.com
Contains main styling for entire site
© copyright Magenta Projects 2008 */

/* Generic Redefined HTML tags */
* {margin:.0em;padding:.0em;border:.0em;}
html {font-size: 62.5%;}
body { background-image:url('http://www.magentaprojects.com/images/top_runner.gif');
background-repeat:repeat-x; letter-spacing:0.03em;
font-family: arial, verdana, tahoma, helvetica, sans-serif; color:#000000; text-align:center;}
ul {list-style:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
h1 {color:#b10082;}
h2 {color:#b10082; font-size:2.8em; padding:0.3em 0em 0.1em 0em;
font-weight:normal;}
h3 {color:#572863; font-size:2.8em; padding:0em 0em 0.3em 0em;
font-weight:normal;}
h4 {color:#572863; font-size:1.8em; padding:0.6em 0em 0.4em 0em;}
h5 {color:#666666; font-size:1.6em; padding:0.4em 0em 0.2em 0em;}
h6 {}
input,textarea {border:solid 1px #dddddd; background-color:#eeeeee; font-family:arial, helvetica, sans-serif; color:#000000;}
select {font-size: 1em; border:solid 1px #dddddd; background-color:#eeeeee;}
table td {font-size:1.4em;}

/* Generic Class Styles */

.bold {font-weight:bold;}
.noDisplay {display:none;}
.colour1 {color:#b10082;}
.colour2 {color:#572863;}
.colour3 {color:#FF0000;}

/* Main Layout */

#mainContainer {margin:.0em; width:100%; height:100%;}
#mainContent {	width:76.0em; height:100%; margin: 0 auto 0 auto; text-align: left;}

#header {float:left; width:76em;
margin:0em 0em 4em 0em;}
#header img {margin:0em 0em 0em 30em;}

#mainSection {float:left;}

#middle {float:left; width:56em; height:33.9em;
}

.names {color:#b10082; font-weight:bold;}
#titles {width:68em;}
#mainSection #titles h2 {background-image:url('http://www.magentaprojects.com/images/dots.gif');
background-repeat:repeat-x; background-position:0% bottom;
padding:0em 0em 0.3em 0em;
margin:0em 0em 0.5em 0em; font-weight:semi-bold;}

#middleRow1 {float:left; width:33em; padding:0em 4em 2em 0em;}
p {font-size:1.3em; padding:0em 0em 0.7em 0em;
color:#572863; line-height:1.4em;letter-spacing:0em;}
p.intro {padding:0em 0em 1em 0em;}
#middleRow2 {float:left; width:33em;}
#middleRow2 p.intro { width:255px;}
#middleRow2 p.intro a {color:#572863; font-weight:bold;
text-decoration:underline;}
#middleRow2 #half_title {width:260px;
background-image:url('http://www.magentaprojects.com/images/dots.gif');
background-repeat:repeat-x; background-position:0% bottom;
padding:0em 0em 0.3em 0em;
margin:0em 0em 0.5em 0em; font-weight:semi-bold;
}


#footer {float:left; width:68em; padding:0.8em 0em 0em 0em;
background-image:url('http://www.magentaprojects.com/images/dots.gif');
background-repeat:repeat-x; background-position:0% top;}
#footer p {font-size:1.5em; color:#572863; padding:0em 0em 0.8em 0em;
background-image:url('http://www.magentaprojects.com/images/dots.gif');
background-repeat:repeat-x; background-position:0% bottom;}
#footer p a {color:#572863; font-weight:bold; text-decoration:underline}
#footer p a:hover {color:#572863; font-weight:bold; text-decoration:none}