/* Start of CMSMS style sheet 'creativeIT : Layout' */
* {
   margin: 0;
   padding: 0;
}

html,body{
   margin: 0;
   padding: 0;
   font-size: 0.85em;
   font-family: Arial, sans-serif;
   text-align: center;
   color: #313131;
}

html{
   background: url(uploads/creativeIT/html.jpg)  repeat-x left top #313131;
   height: 100%;
   border-bottom: 1px solid #313131;
}

body{
   background: url(uploads/creativeIT/body.jpg)  no-repeat center top;
}

#pagewrapper{
   padding: 0 0 0;
   margin: 0 auto 10px;
   text-align: left;
   width: 800px;
}

#header{
   padding: 0;
   margin: 0 0 0;
   width: 800px;
   height: 136px;
   background: url(uploads/creativeIT/logo.jpg)  no-repeat  #313131 left 20px;
   text-align: right;
}



#search{
   background: url(uploads/creativeIT/search.jpg)  no-repeat right 50px;
   padding: 68px 30px 0 0;
   margin: 0 0 0;
   height: 60px;
}

#search label{
   display: none;
}

#search input{
   border: none;
   background: none;
   padding: 2px;
   margin: 0;
   font-weight: bold;
   color: #fdfaf0;
}

#search input#cntnt01searchinput{
   border: 1px solid #ab5819;
   background: #fdfaf0;
   padding: 2px;
   margin: 0 10px 0 0;
   color: #8f8367;
   font-weight: normal;
}


#top{
   padding: 0 12px;
   margin: 0;
   background: url(uploads/creativeIT/content.png) repeat-y top left;
   position: relative;
   top: auto;
   left: auto;
   height: 250px;
}

*html #top{
   background: url(uploads/creativeIT/content.gif) repeat-y top left;
   top: -15px;
}


#address{
   padding: 0;
   margin: 0;
   z-index: 3;
   position: absolute;
   top: 180px;
   left: 438px;
}

#address p{
   color: #8f8367;
   font-size: 0.8em;
   margin: 8px 0;
   padding: 0;
   line-height: 1.3em;
}

#address em{
   color: #313131;
   font-style: normal;
}

#top img{
   margin: 0;
   padding: 0;
   display: block;
   z-index: 1;
   position: absolute;
   top: 0;
   left: 10px;
}


#content{
   padding: 0 20px 10px;
   margin: 0;
   width: 760px;
   background: url(uploads/creativeIT/content.png) repeat-y top left;
}

*html #content{
   background: url(uploads/creativeIT/content.gif) repeat-y top left;
   position: relative;
   top: -15px;
}


.breadcrumbs{
   margin: 0;
   padding: 10px 0;
   font-size: 0.9em;
   color: #8f8367;
}

.breadcrumbs a{
   margin: 0;
   padding: 0;
   color: #8f8367;
}


.breadcrumbs img{
   margin: 0;
   padding: 0;
   height: 8px;
}


.block{
   margin: 10px 0;
   padding: 0;
   background: url(uploads/creativeIT/box.jpg) left top no-repeat #fff;
}

.blockHeader {
   height: 24px;
   font-size: 1.0em;
   color: #58be04;
   padding: 5px 10px 0 0;
   margin: 0 0 0 10px;
   background: #fff;
   border: 1px solid #f3e0b8;
   border-left: none;
   border-bottom: none;
   float: left;
   overflow: hidden;
}

.blockContent{
   background: #fff;
   border: 1px solid #f3e0b8;
   border-top: none;
   padding: 10px 10px 10px;
   margin: 0px 0 0 ;
} 

*html .blockContent{
   padding-top: 0;
}

#footer{
   text-align: right;
   padding: 10px 10px;
   margin: 0;
   background: url(uploads/creativeIT/footer.jpg) left top no-repeat #313131 ;
   color: #666;
   font-size: 0.9em;
}

#footer a{
   text-decoration: none;
   color: #8f8367;
}

#footer a:hover{
   text-decoration: none;
   color: #ff7300;
}

.clear{
   clear: both;
   height: 0px;
}

*html .clear{
   line-height: 0%;
   font-size: 0%;
   height: 0%;
}

.clearLeft{
   clear: left;
   height: 0px;
}

.rightCorner{
   float: right;
   width: 250px;
  height: auto;
}

a{
   text-decoration: none;
   color: #8f8367;
}

a:hover{
   text-decoration: none;
   color: #58be04;
}

ul{
   margin: 0;
   padding: 0;
   list-style-type: none;
}

li{
   margin: 4px 0;
   padding: 0 0 0 10px;
   background: url('uploads/images/webPics/list.jpg') left 2px no-repeat #fff;
}
/* End of 'creativeIT : Layout' */