/* 
basic.css for www.decoderdm.ca
copyright: James Saley 2008/2009
James Saley
authored: Sept. 2009
metaguru@gmail.com 
*/

/* Master Layout Styles */
* {padding: 0; margin: 0;}
* {color: #FFF;} 
* a{outline: none;}
* {font-family: Arial, Verdana;}
html { min-height: 100%; margin-bottom: 1px; }

#wrapper {
width: 952px;
position: relative;
left: 50%;
margin-left: -479px;
height:580px;
background-color: none;
}

#sliverLeft {
float: left;
width: 2px;
height:580px;
background: url(../img/sliver.png) no-repeat top left;
}

#sliverRight { 
float: right;
width: 2px;
height:580px;
background: url(../img/sliver.png) no-repeat top left;
}

#banner {
float: left;
width: 944px;
margin-top: 24px;
height: 60px;
background: url(../img/logo_justname.png) no-repeat top left;
}

#banner p {
line-height: 20px;
vertical-align: center;
font-family: Verdana, Arial;
font-size: 40%;
color: #333;
display: block;
margin-left:0px;
margin-top: 0px;
}

/*main content wrappers*/
#main {
width: 926px;
height: 555px;
float: left;
background-color: #000;
margin-top: 0px;
}

#mainHolder {
float: left;
width: 720px;
height: 275px;
margin-top: 70px;
margin-left: 108px;
}

#mainHolderScroll {
float: left;
width: 400px;
height: 275px;
margin-top: 70px;
margin-left: 108px;
overflow: auto;
}

#mainHolder p {
line-height: 10px;
vertical-align: center;
font-family: Arial, Verdana;
font-size: 40%;
color: #666;
display: block;
margin-left:0px;
margin-top: 0px;
}

#image {
background: url(../img/mainimage.png) no-repeat top left;
float: left;
width: 365px;
height: 275px;
}

#main h1 {
font-family: Arial, Verdana;
font-size: 110%;
color: #888888;
/*color: #f43400;*/
margin-left:40px;
}

#main p {
line-height: 21px;
font-family: Arial, Verdana;
font-size: 75%;
color: #888888;
display: block;
margin-left:40px;
margin-top: 14px;
}

/*pushes small image on main page down
#spacer {
width:926px;
height: 104px;
}*/

/*space between logo and text on services and contact*/
#smallspacer{
width:926px;
height: 75px;
}

.set {
float: left:
width: 926px;
height: 113px;
margin-bottom: 20px;
}

.imagebox {
float: right;
width: 113px;
height: 113px;
margin-right: 20px;
}

/* bottom Navigation */
#NAV {
float:left;
width:948px;
height:25px;
background-color:#0e0e0e;
}

#NAVmenu {
width: 360px;
height: 27px;
float: right;
}

/*this is floated right to keep the text right*/
#NAVmenu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 27px;
vertical-align: center;
font-family: Arial, Verdana;
font-size: 75%;
}

/*this is floated left to cause the menu items to display inline instead of stacked*/
#NAVmenu ul li {
display: inline;
float: left;
}

#NAVmenu ul a {
display: block;
padding: 0 .75em;
line-height: 2.1em;
text-decoration: none;
}

#NAVmenu ul a:hover {
/*background: #5f8da1;*/
background: #222;
}

#NAVmenu ul a.here {
background: #3e3c7e;
}

#contactLeft {
float: left;
width: 450px;
height: 503px;
}

#contactRight {
float: right;
width: 450px;
height: 503px;
font-family: Arial, Verdana;
color: #FF33FF;
}

#getPortfolio a {
float: left;
width: 50px;
height: 75px;
margin-left: 40px;
margin-top: 5px;
background: #FF33FF url(../img/portfolio.png) no-repeat right center ;
}

#wrapperFooter {
width: 950px;
margin-left: 479px;
height: 52px;
background-color: #111;
margin-top: -25px;
}