/* -- MAIN -- */

body {
   margin: 0 auto;
   background: #000000 url(/assets/html/bg-home.jpg) no-repeat center top;
   color: #FFFFFF;
   font: 12px/17px Geneva, Arial, Helvetica, sans-serif;
}


/* -- TEXT -- */

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
p {}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}
h2.leftside {
   font-weight: normal;
   margin: 0px;
   padding: 0px;
   font-size: 16px;
}
h2.leftside span{
   font-weight: bold;
}
/* -- LINKS -- */

a {
   outline: none;
   color: #D55317;
}
a img {}
a:focus {}
a:link, a:visited {}
a:hover, a:active {
   color: #FFFFFF;
   text-decoration: underline;
}




/* -- MAKE ROOM -- */

.clear {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
}


/* -- CUSTOM LAYOUT -- */

#pagecontainer {
   width: auto;
   margin: 0 auto;
   min-height: 95%;

}
#header {
   width: 960px;
   height: 179px;
   padding:0;
   margin: 0 auto;
   clear: both;
   display: block;
}
#nav {
   width: 960px;
   height: 106px;
   padding:0;
   margin: 0 auto;
   clear: both;
   display: block;
}
#content {
   width: 960px;
   margin: 0 auto;
   height: auto;
   min-height: 450px;
   clear: both;
   display: block;
   margin-top: 15px;
}
.lcontent {
	float: left;
    display: inline;
    width: 700px;
    padding-right: 10px;
}
.rcontent {
	float: left;
    display: inline;
    width: 220px;
    padding-left: 10px;
    margin-left: 20px;
}
#footer{
   width: 960px;
   margin: 0 auto;
   height: auto;
   clear: both;
   display: block;
   padding-top: 45px;
   padding-bottom: 45px;
   text-align: center;
   font-size: 11px;
}
#testimonials {
   width: 940px;
   margin: 0 auto;
   height: 54px;
   clear: both;
   display: block;
   padding: 10px;
   font-size: 12px;
}

.logo {
   float: left;
   display: inline;
}
#nav ul {
   float: right;
   width: 590px;
   height: 106px;
   display: inline;
   margin: 0;
   padding: 0;
   list-style: none;
   margin-left: 11px;
}
#nav ul li{
   float: left;
   display: inline;
   margin: 0;
   padding: 0;
   list-style: none;
   padding-left: 18px;
   padding-right: 18px;
   border-right: 1px solid #FFFFFF;
   height: 106px;

}
#nav ul li.last{
   border-right: 0px solid #FFFFFF;
}
#nav ul li a span{
	display: none;
}
#nav ul li a{
	margin-top: 44px;
}
#nav ul li a:hover{
	background-position: 0 -11px;
}
.home {
   background: url(/assets/html/home.png) no-repeat top center;
   width: 44px;
   height: 11px;
   display: block;
}
.about {
   background: url(/assets/html/about.png) no-repeat top center;
   width: 73px;
   height: 11px;
   display: block;
}
.port {
   background: url(/assets/html/port.png) no-repeat top center;
   width: 66px;
   height: 11px;
   display: block;
}
.sol {
   background: url(/assets/html/sol.png) no-repeat top center;
   width: 141px;
   height: 11px;
   display: block;
}
.con {
   background: url(/assets/html/con.png) no-repeat top center;
   width: 62px;
   height: 11px;
   display: block;
}
.rechdr {
	font-size: 14px;
	font-weight: bold;	
}
.pgtxt {
	padding-left: 20px;

}
.leftmar {
   margin-left: 88px;
   padding-top: 22px;
   padding-right: 15px;
   min-height: 250px;
}
#medianews {
	margin-top: 195px;
}
#divatips {
	margin-top: 95px;
}
#leftcontentfooter {
	width: auto;
    display: block;
    clear: both;
    height: 154px;
    margin-top: 35px;
}

.designservices {
   float: left;
   display: inline;
   width: 210px;
   height: 154px;
   margin-left: 10px;
   background: url(/assets/html/design-box.png) no-repeat center center;
   margin-right: 20px;
}
.designservices div, .recentprojects div{
	padding: 20px;
}
.designservices ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
   margin-top: 8px;
}
.designservices ul li {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
   color: #D55317;
   font-size: 13px;
   text-decoration: none;

}
.designservices ul li a{ color: #FFFFFF; }
.recentprojects {
   float: left;
   display: inline;
   width: 450px;
   height: 154px;
   background: url(/assets/html/rencet-box.png) no-repeat center center;
}
/* side news */
#sidenews, #testi, #mainnews, #bloggerfeed-headers, #divaarchive{
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}
ul#sidenews {   margin-top: 15px; }
#sidenews li,  #mainnews li, #bloggerfeed-headers li{
   padding-top: 5px;
   padding-bottom: 10px;
   margin-bottom: 8px;
   padding-right: 8px;
}
#divaarchive li {
   padding: 0;
   margin: 0;
}
.newsmedialist {
	padding: 0;
    margin: 0;
	margin-left: 15px;
}
#testi li {
   margin: 0;
   padding: 0;
   color: #999999;
   font-style: italic;
   font-weight: normal;
   font-size: 13px;
}
#testi li span.lilistitemdesc {
   font: italic bold 12px Arial, Helvetica, sans-serif;
   color: #999999;
}
#sidenews a.ccsliitemtitle,  #mainnews a.ccsliitemtitle, #bloggerfeed-headers a.jhposttitle, #divaarchive a.jhposttitle{
   color: #D55317;
   font-size: 13px;
   font-weight: bold;
   text-decoration: none;
}
#sidenews a:hover,  #mainnews a:hover, #bloggerfeed-headers a:hover, #divaarchive a:hover{
   color: #FFFFFF;
   font-size: 13px;
   font-weight: bold;
   text-decoration: underline;
}
#sidenews lilistitemdesc {}
#sidenews lilistitemdesc a{}
p.pghdr { padding-left: 97px; }
.aboutlistable img{ padding-right: 5px; }
.aboutlistnodetable { padding-bottom: 20px; }

.portfolioheader {
	display: block;
    clear: both;
    width: 800px;
}
.portfolioheader img {
	display: inline;
    float: left;
}
.portfolioheader ul {
   display: inline;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   width: 400px;
   height: 34px;
}
.portfolioheader ul li {
   display: inline;
   float: left;
   list-style: none;
   margin: 22px 0 0;
   padding-right: 15px;
   padding-left: 15px;
   font-size: 12px;
   text-transform: uppercase;
   color: #FFFFFF;
   height: 14px;
   border-right: 1px solid #FFFFFF;
}
.portfolioheader ul li a{
   font-size: 12px;
   text-transform: uppercase;
   color: #FFFFFF;
   text-decoration: none;
   font-weight: bold;
}
.portfolioheader ul li a.active{
   font-size: 12px;
   text-transform: uppercase;
   color: #D8521A;
   text-decoration: none;
   font-weight: bold;
}
ul#recent {
   list-style: none;
   padding: 0;
   clear: both;
   width: auto;
   height: 75px;
   text-align: center;
   margin: 0 auto;
   margin-top: 14px;
}
ul#recent li {
   margin: 0;
   padding: 0;
   display:inline;
   list-style: none;
  /* border: 1px solid #FF0000;*/
   	width: 75px;
    height: 75px;
    float: left;
    margin-right: 6px;
}
ul#recent li img { border: 1px solid #CCCCCC; }
ul#recent li img:hover { border: 1px solid #0f1b21; }
ul#recent li img:active { border: 1px solid white; }