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

BODY, FORM, FIELDSET, DIV, P, H1, H2, H3, H4, H5, H6, DL, DD, DT, OL, TABLE, TH, TD,IMG  {margin:0px; padding:0px; border:0px;}

/* structure */
body  {font: 79% Arial, Helvetica, sans-serif; margin: 0; text-align: center; color: #000000; background:url(/_img/bg.jpg) repeat-x #dcdace;}
P {color:#000000; font-size:100%;}
A {color:#ff6600; text-decoration:none;}
SPAN {color:#ff6600;}
A:HOVER{color:#000000;}
#canvas {margin-left:auto; margin-right:auto; text-align:left; width:990px; background-color:#ffffff;}
#header {float:left; width:990px; height:163px; background-image:url(/_img/header.gif);  }
#content {width:990px; background-color:#ffffff; padding-bottom:20px;}
.clear {clear:both; }
H1 {font-family:"Times New Roman", Times, serif; font-size:3.4em; color:#999999; font-weight:bold; margin-bottom:10px; letter-spacing:-2px }

#nav {float:right; width:150px; position:relative; top:50px;}
#nav LI {display:block; background-image:url(/_img/bullet.gif); }
#nav LI A {color:#ff6600; font-size:1.1em; font-weight:bold; text-decoration:none;}
#nav LI A:HOVER{color:#FFFFFF;}

#carouselhold {float:left; width:990px; height:124px; }

#footer {width:990px; background:#333333; height:31px;}
#footer .left {float:left; width:450px; height:31px; position:relative; top:8px; left:10px;}
#footer .right {float:right; width:450px; height:31px; position:relative; top:8px; right:10px;}
#footer .left P {color:#ffffff; }
#footer .right P {text-align:right; color:#ffffff; }

#leftcol {float:left; width:730px; position:relative; left:27px; }
#leftcol .textcol1 {float:left; width:383px;}
#leftcol .textcol1 P {padding-right:20px;}
#leftcol .textcol2 {float:left; width:347px;}
#rightcol {float:right; width:187px; position:relative; right:27px; }

#spotlightpic {width:730px; height:260px;}

#bloghold {float:left; width:187px;}
#bloghold H1 {font-size:5em;}
#bloghold H2 {font-size:1.2em; color:#FF3300;}
#bloghold .top {height:12px; background-image:url(/_img/bg_blogtop.gif);}
#bloghold .centre {background:#ebebeb; padding-left:20px; padding-right:20px;}
#bloghold .bottom {height:12px; background-image:url(/_img/bg_blogbottom.gif);}
#bloghold .pic {padding-top:20px;}

#projectlisthold {width:938px; position:relative; left:27px;}
#projectlisthold .top {width:938px; height:11px; background-image:url(/_img/bg_projectlist_top.gif) }
#projectlisthold .bottom {width:938px; height:11px; background-image:url(/_img/bg_projectlist_bottom.gif) }
#projectlisthold .centre {width:938px; background-image:url(/_img/bg_projectlist_centre.gif); padding-bottom:20px; }
#projectlisthold .itemhold {width:918px; position:relative; left:20px; top:10px;}
#projectlisthold .item {float:left; width:300px; height:224px;}
#projectlisthold .pic {float:left; width:242px; height:149px; position:relative; left:11px; top:11px}
#projectlisthold .description {float:left; width:242px; position:relative; left:11px; top:24px;}
#projectlisthold P {color:#FFFFFF;}
#projectlisthold .item A {display:block; width:294px; height:204px; background:url(/_img/bg_project.gif) no-repeat; }
#projectlisthold .item A:HOVER {background:url(/_img/bg_project_on.gif) no-repeat; }

#projectlisthold {width:938px; position:relative; left:27px;}
#projectlisthold .leftcol {float:left; width:600px; }
#projectlisthold .rightcol {float:right; width:266px; position:relative; right:20px; }
#projectlisthold H2 {font-size:1.3em; font-weight:normal; color:#ff6600;}
#projectlisthold H2 SPAN {color:#464645;}
#projectlisthold TABLE {margin-bottom:20px;}
#projectlisthold .piclarge {float:left; width:600px; height:339px; }
#projectlisthold .picsml {float:left; width:149px; height:106px; }
#projectlisthold .blogleftcol {float:left; width:290px; }
#projectlisthold .blogrightcol {float:right; width:576px; position:relative; right:20px; padding-bottom:20px; }
#projectlisthold .blogrightcol H2 {margin-bottom:10px;}
#projectlisthold .blogpic {float:left; width:290px; height:178px;}
#projectlisthold .blogdivide {width:898px; height:61px; background:url(/_img/divide.gif); position:relative; left:20px; }

#projectlisthold .contactleftcol {float:left; width:400px; }
#projectlisthold .contactrightcol {float:right; width:400px; position:relative; right:20px; padding-bottom:20px; }

.title {position:relative; left:27px;}
.title A {font-family:"Times New Roman", Times, serif; font-size:2.4em; color:#999999; font-weight:bold; margin-bottom:10px; letter-spacing:-2px; padding-left:25px; background:url(/_img/arrow.gif) no-repeat; background-position:0 50%; display:block;}
.title A:HOVER {color:#ff6600;}