@charset "UTF-8";
@import 'Common.css';
/* Main page styles*/
#header
{
   background: url(../images/title.png) no-repeat;
   height: 123px;
   width: 922px;
}
/* Home page styles*/
#news
{
   color: #FFFFFF;
   font: 12px Verdana, Arial, Helvetica, sans-serif;
   background: url(../images/stars.jpg) no-repeat;
   width: 900px;
   margin: 0px 0px 1px;
   padding: 0px;
   letter-spacing: normal;
}
#right
{
   background: url(../images/coder.jpg) no-repeat;
   margin: 0px 0px 0px 1px;
   padding: 0px;
   float: left;
   width: 458px;
}
#left
{
   background: url(../images/designer.jpg) no-repeat;
   margin: 0px;
   padding: 0px;
   width: 441px;
   float: left;
}
/* Main home page styles*/
#newsText
{
   width: 500px;
   margin: 0px;
   padding: 10px 0px 0px 10px;
}
#newsImages
{
   float: right;
   margin: 0px;
   padding: 10px 5px 5px 0px;
}
#designerLatest
{
   padding: 64px 0px 0px 20px;
   text-align: center;
}
#designerRandom
{
   padding: 48px 0px 0px 50px;
   text-align: center;
   margin: 0px;
}
#projects
{
   clear: both;
}
#centre2
{
   background: #FFFFFF;
}
/* HTML element styles */
#right ul
{
   background: url(../images/border1.gif) repeat-x;
   margin: 50px 5px 1px;
   padding: 10px 0px 0px;
   list-style: none;
   border-bottom: 1px dashed #333333;
}
#right ul a:link, #right ul a:visited, #right ul a:active
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none;
   color: #000000;
}
#right ul a:hover
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-decoration: underline;
   color: #FF6633;
}
#right li
{
   padding: 5px;
}
#newsImages img
{
   margin-right: 10px;
}
#designerLatest img
{
   padding: 0px;
   margin-right: 30px;
   border: 3px solid #0066CC;
}
#designerRandom img
{
   margin-right: 50px;
   margin-bottom: 25px;
   border: 3px solid #3399FF;
}
#projects div
{
   padding: 5px;
}
/* Main */
.orange1 {background:#ffecbf;}
.orange2 {background:#fffde5;}
.blue1 {background:#e3f2ff;}
.blue2 {background:#fafdff;}
/* Hover */
.hover
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   background: url(../images/hover1.gif) repeat-x;
   padding: 10px 20px;
   position: absolute;
   visibility: hidden;
   top: 0px;
   right: 0px;
   border: 1px solid #FFFFFF;
}
.hover2
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   background: url(../images/hover1.gif) repeat-x;
   padding: 10px 20px;
   position: absolute;
   visibility: visible;
   top: 0px;
   left: 0px;
   border: 1px solid #FFFFFF;
}