/* Start of CMSMS style sheet 'Designworks Global' */
/* Start of CMSMS style sheet 'Designworks Global' */
@media screen,print {
	html,body {
         margin:0;
         padding:0;
	 min-height: 100%;}
	
	body {
		font-family: Arial, Verdana, San Serif;
                font-size:13px;
		color: #333;
		background: #dfdfd4}

        * {outline:none;}
	
	a {
		color: #ea7e22;
		text-decoration: none;
               outline:none;}
	
	a:hover { 
		color: #ea7e22;
		text-decoration: underline}

       a.linkout {
               padding-right: 13px;
               background: url(uploads/images/linkout.png) right 3px no-repeat;
       }
	
	p, ul, li, fieldset, textfield, table, form, th, div {
		font-size: 13px;
		font-weight: normal;
		line-height: 20px;
		text-align: left;}
		
    p {
         font-family:  Arial, Verdana, San Serif;}

	
	ul, li {
		margin: 0;
		padding: 0}
		
	hr {
		border: none 0;
		border-top: 1px dotted #999;
		width: 100%;
		height: 1px;}
		
	/* ---------------------------------------->*/
	
	#flashcontent {	
		width: 923px; 
        /*height:497px;*/
		float: left;
		margin: 0 0 0 34px;}
		
	/* ---------------------------------------->*/
		
	#contentHome {
		float:right;
		width:653px;
		padding: 15px 30px 0 0;
		margin: 0;
		background-color: #FFFFFF}
	
	#contentDemos {
		float:right;
		width:710px;
		padding: 0px 0px 0 20px;
		margin: 30px 0 0 0;
		background-color: #FFFFFF}
		

	#contentDemos h2 {
		font-size: 16pt;
		font-weight: normal;
		line-height: 32px;
		color: #363636;
		margin-top: 0;
		margin-bottom: 10px}
		
	#contentDemos h1 {
		font-size: 2em;
		letter-spacing:0.03em; 
		font-weight: normal;
		line-height: 30px;
		color: #363636;
		margin-top: 16px;
		padding: 0;}		
	
	#content {
		float:right;
		width:735px;
		padding: 0px 0px 0 5px;
		margin: 8px 0 0 0;
		background-color: #FFFFFF;}
		
	#content-casestudy {
		float:right;
		width:720px;
		padding: 0px 0px 0 0px;
		margin: 30px 0 0 0;
		background-color: #FFFFFF}
		
	#content-port{
		float:left; 
                width:640px;
		padding: 0 20px 0 26px;
		margin: 0;
		background-color: #FFFFFF}

    #innerContent  {
		/*width:585px;*/
		padding: 0px 0 0 5px;
		margin: 0 160px 0 0;}
		
	#content p {		
		line-height: 20px;
                padding-right:80px;}

	#content-port p {		
		line-height: 20px;
                padding-right:80px;}

	#innerContent  p {		
		line-height: 20px;
                padding-right:0;}
		
	#content ul, li{
		padding: 0 auto;
		margin-left: 14px;
		line-height: 24px;
		/*margin-bottom: 14px;*/}
		
	#content li.col1 {
		margin-left: 0; 
		padding: 0; 
		list-style: none;
		width:230px;
		float:left;}
		
	#content li.col2 {
		margin-left: 20px; 
		list-style: none;
		width:230px;
		float:left;}
	
	#content h1, #content-port h1 {
		font-size: 2em;
		letter-spacing:0.01em; 
		font-weight: normal;
		line-height: 30px;
		color: #363636;
		margin-top: 16px;
		/*background: url(/uploads/images/img_bg_h1.gif) center left no-repeat;*/}

       #content-port h1 {
                padding: 0}

         #content h1 {	
	         padding: 0 50px 0 0}
		
	#content h2, #content-port h2 {
		font-size: 1.3em;
		font-weight: normal;
		color: #363636;
		margin-top: 25px;
		margin-bottom: -10px;
		padding:0;}
		
	#content h3, #content-port h3 {
		font-size: 1.25 em;
		font-weight: normal;
		line-height: 28px;
		color: #363636;
		margin-top: 16px;
		margin-bottom: 0}
		
	#content h4, #content-port h4 {
		font-size: 12px;
		font-weight: normal;
		line-height: 20px;
		color: #333333;
		margin-top: 16px;
		padding-bottom: -5px;}


 /*#rightColumn h2 {
               font-family:  Arial, Verdana, San Serif;
                font-size: 13px;
		font-weight: bold;
                color: #ea7e22;
                border-bottom: 1px solid #ea7e22;
                margin-bottom:30px; }

         #rightColumn h3 {
               font-family:  Arial, Verdana, San Serif;
                font-size: 12px;
		font-weight: normal;
                color: #333;
                margin-bottom:20px;} 

         #rightColumn a {
                color: #333;
		text-decoration: none;
                outline:none;}
	
	 #rightColumn a:hover { 
		color: #ea7e22;
		text-decoration: underline}*/

/* right column -------------------------*/		

     #rightColumn {
        float:right;
        width:140px;
        margin: 38px 0 0 20px;}
		   
		
	#rightColumn h2 {
        font-size: 13px;
		font-weight: bold;
        color: #ea7e22;
        border-bottom: 1px solid #ea7e22;
        margin-bottom:20px}
				
	#rightColumn .thm {
  		height: auto;
  		width: auto;
  		float: left;
  		text-align: left;
                margin: 0 0 4px 0}	
  
	#rightColumn .thm img {
  		display: inline;		
  		border: 1px solid #999 }
  
	#rightColumn .thm a:hover img {
                border: 1px solid #ea7e22}
	
	#rightColumn .desc {
        width:120px;
  		color: #ea7e22;
  		margin: 0 ;
		padding-bottom: 16px}	
		

		
/*  ------------------------------------*/	
	
	
	#access{
		background: #dfdfd4;
		/*float: left;*/
		margin-right: 0px;
		height:18px;
		width: 1000px;
		font-size:11px;
		padding:10px 0 0 0;
		font-color: #6B6252;
	        text-decoration: none;
		text-align: right}
		
	#access a  {
		letter-spacing:0.05em;
		color:#6B6252}
		
		
	#access a:hover {
		color: #6B6252;
		text-decoration: none;
		}
	
	#access a:active, #access a.on {
		color: #6B6252;
		text-decoration: none;
		border: none}		
		
	#container{
		width:100%;
		padding-bottom: 30px;
		background:#FFFFFF url(/uploads/images/left-bg.gif) left top repeat-y;
		text-align: left;
                position:relative;}
	
	#main{
		width:957px;
		margin-left: 43px;
		background:#FFFFFF;
		text-align: left}
		
	#homecontainer{
		width:100%;
		padding:0;
	        background:#FFFFFF url(/uploads/images/flash-bg.jpg) left top repeat-x;
		text-align: left}
	
	#homemain{
		width:957px;
		padding-left: 43px;
		background:#FFFFFF url(/uploads/images/left-bg.gif) left top repeat-y;
		text-align: left}
		
		
	#logo{
		width: 200px; height: 115px;
		float: left;
		margin: 0;
		background: #ffffff url(/uploads/images/img_logo_bg.gif) no-repeat}
		
	#logo2{
		width: 250px; height: 115px;
		float: left;
		margin: 0;
		background: #ffffff url(/uploads/images/img_logo_bg.gif) no-repeat;
		clear: left}
		
			
	#feature{
		width:100%;
		padding:0;
		background:#FFFFFF url(/uploads/images/feature-bg.gif) left top repeat-x;
		text-align: left}
	
		
	
	
	
	/* top navigation ---------------------------------------->*/
	
	#topnav-wrp {
		float: right;
		width: 700px; height: 85px;
		background: #FFFFFF;
		text-align: right}
	
	#topnav {
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;
		font-weight: bold;
		height: 47px;
		display: inline;
		overflow: hidden;
		text-align: right}
	
	#topnav li {
		margin: 0; 
		padding: 0;
		font-weight:bold;
		display: inline;
		overflow: hidden;
		list-style-type: none}
	
	#topnav a {
        float:left;
		margin: 20px 0 0 40px;
		padding:0 0 0 20px;
		overflow: hidden;
		font-size: 15px;
		letter-spacing:0.02em; 
		color: #6b6252;
		text-decoration: none;
		display: block;
		background: url(/uploads/images/topnav-bullet.gif)  left no-repeat;
		background-position: 0px 0px;}
	
	#topnav a:hover {
		color: #ea7e22;
		text-decoration: none;
		display: block;
		border: none}
	
	#topnav a:active, #topnav a.on, #topnav li.menuactive a {
		color: #ea7e22;
		text-decoration: none;
		border: none}

	.clear {
		clear:both;
         }
	
	
	/* link ---------------------------------------->*/
	
	
	#link{
		width: 100%;
		float: left;
		clear: both;
		margin-bottom: 20px}
	
	#link ul li{
		display: inline;
		font-size: 12px;
		font-weight: normal;
		list-style: none;
		margin: 0;
		padding: 2px 10px 2px 20px;
		color: #666666}
	
	#link li a{
		text-decoration: none;
		color:#999999;
		padding: 0}
	
	#link li a:link, #link li a:visited, #link a:active {
		color: #ea7e22;
		text-decoration: none}
	
	#link li a:hover{
		color:#ea7e22}
	
	/* portofio ---------------------------------------->*/
	
	#port {
		float:left;
		width:580px;
		height: 320px;
		padding: 25px 0 0 26px;
		margin: 0 0 10px 0;
		background: url(/uploads/images/photo_corner.jpg) top left no-repeat}
		
	#port-thm {
		width:125px;
		height: 320px;
		padding-left: 0px;
		margin-top: 22px;
		float: right;}
	  
	.port-thm {
	  float:left;
	  margin-right: 6px;
	  margin-top: 9px}
	  
	 .port-thm-p {
	  width: 225px;
	  float:left;
	  margin-right: 6px;
	  margin-top: 5px}
		
	#port-thm a:visited {
	  background:none;
	  padding:0;}
	  
	#port h2 {
		font-size: 1em;
		font-weight: normal;
		line-height: 18pt;
		color: #000000;
		margin-top: 0px;
		margin-bottom:-15px;
		padding:0px}
		
	#port-thm ul {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;}

	#port-thm ul li {
		margin:  0px 0px 0px 0px;
		padding: 0px 0px 4px 0px;
		font-size: 11px;
		font-weight:bold;
		line-height: 1.5em;
		color: #ea7e22}
	
	
	#port-thm li a{
		text-decoration: none;
		letter-spacing:0.02em;
		border-bottom:1px solid #dfdfd4;
		display:block;
		color:#ea7e22;}
	
	#port-thm li a:link, #port-thm li a:visited, #port-thm a:active {
		color: #ea7e22;
		text-decoration: none;
		margin: 0; padding: 0 !important}
	
	#port-thm li a:hover{
		color:#ea7e22}
	  
	/* for IE */
	/*\*/
	* html #port-thm a:hover {
	 /* border:1px solid #fff; */
	  }
	/**/
	#port-thm a:visited:after {
	  color: #e5e5e5;
	  content:""}
	  
	#port-thm a:visited {
	  color: #e5e5e5;
	  content:""}
	
	.img-port-thm {
	  border: 1px solid #999999;
         margin-right: 4px}
	  
	.img-port-thm:hover {
	  border: 1px solid  #ea7e22}
	  
	.img-port-main {
	  float:left;
	  padding-right:8px;
      height:320px;}
	  
	/* portfofio ---------------------------------------->*/
	
	#leftnav{
		float:left; width:170px;
		padding: 40px 0 0 35px;
		background:#FFFFFF;
		margin: 0}
		
	#leftnav h3
		{font-size: 12px;
		font-weight: bold;
		color: #ea7e22;
		letter-spacing: 0.1em;
		line-height: 16px;
		text-align: left;
		padding-top: 16px;
		border-bottom: #dfdfd4 1px solid}
	
	#leftnav ul li{
		font-size: 12px;
		font-weight: bold;
		line-height: 24px;
		list-style: none;
		margin: 0; padding: 0;
		color: #6b6252}

	#leftnav li a {
		text-decoration: none;
		letter-spacing:0.02em;
		color:#6b6252;
		margin: 0; padding: 0;
                display: block}

        #leftnav ul ul {
                margin: 4px 0 0 0; 
                }

	#leftnav ul ul li {
		font-size: 11px;
		font-weight: bold;
		line-height: 16px;
		list-style: none;
		margin: 5px 0 10px 10px; 
                padding: 0;
		color: #6b6252}

	
	#leftnav li a:link, #leftnav li a:visited, #leftnav a:active {
		color: #6b6252;
		text-decoration: none;
		margin: 0; padding: 0 !important}
	
	#leftnav li a:hover, #leftnav li.currentpage a {
		color:#ea7e22}

        #leftnav li.currentpage ul li a {
		color:#6b6252}
	
	#leftnav a.on, #leftnav li a.on, #leftnav a:link li a.on, #leftnav a:visited li a.on, #leftnav a:active li a.on {
		color: #ea7e22 !important;
		text-decoration: none}
	
	#extra{
		float:right; width:500px;
		background:#FF8539}
	
	#footer{
		clear:both; width:1000px;
		margin:14px 0;
		color: #6b6252}

	#footer p{
		margin:0; padding:0;		
		font-size: 11px;
		text-align: center}
		
		
		
/* ------------- Footer Links --------------------->*/

	#footerlinksContainer {
                width: 100%;
                background: #FFFFFF url(/uploads/images/left-bg.gif) repeat-y scroll left top;
                padding:0;
                /*margin-left: 43px;*/
                border-top: 3px solid #DFDFD4;
                text-align:left;}

         #footerlinks {
               width:867px;
               background: url(/uploads/images/bg_footerlinks.jpg) right center no-repeat;
               padding-left: 170px;}

        #footerlinks .col, #footerlinks .colFirst {
		width: 180px; height: 152px;
                float: left;
                margin: 12px 0 24px 0;
		padding-left: 12px;
                color: #999}

       #footerlinks .col {
                border-left: 1px solid #DFDFD4}

        #footerlinks  h3 {
               margin: 0;
               font-weight: normal;
               padding-bottom: 10px;
               font-size: 1.1em;
        }

        #footerlinks h3 a{
               display: block;
               color: #666666;
               text-decoration: none;
        }

               #footerlinks h3 a:hover{
               color: #ea7e22;
               text-decoration: none}

        #footerlinks .col p{
               font-size: 12px;}

	#footerlinks .col ul  li, #footerlinks .colFirst ul  li{
               font-size: 12px;
               font-weight: normal;
               line-height: 18px;
               list-style-type: none;
               background: url(/uploads/images/icon-bullet.gif) no-repeat scroll 0 7px;
               margin: 0 0 4px;
               padding: 0 0 0 12px}

	#footerlinks .col ul  li a, #footerlinks .colFirst ul  li a{
               display: block;
               color: #999;
                text-decoration: none}

       	#footerlinks .col ul li a:hover, #footerlinks .colFirst ul li a:hover{
               color: #555555}
		
		
		
/* ---------------------------------------->*/
	
	/*table, td, th{ padding: 3px 0px 0 0;
			border-collapse: collapse;
			vertical-align: top}*/
			
	/* -- Press Release Styles --*/
	
	.pressRelease {
		margin: 15px 0 15px 0;
	}
	
	.pressQuote {
		font-size: 1.5em;
		color:#666666;
                padding:0 50px 0 15px;
		}
			
			
	.services {padding: 0 16px 0 0;
			   vertical-align: top}
			   
			   
	/*input.fbsubmit {
          cursor:pointer;
          border:none;
          background:#fff;
          color:#666;
          font-weight:bold;
          padding: 1px 2px;
          background:url(uploads/images/btn_submit.gif) no-repeat left top;
          text-indent:-999px;
          width:60px;*/
			
	.clearR { padding-right: 20px}
	
	.handcursor{
		cursor: hand;
		cursor: pointer}
		
	.d {color: #ea7e22}
	
	.flash {background: url(/uploads/images/img_flash.jpg) left center no-repeat}
	.url {background: url(/uploads/images/img_globe.jpg) left no-repeat}
	
	.sp1 {padding-bottom: 100px}
	
	.coltop {margin-top: -594px}
	
/* form ------------------------------------->*/
	
	input.textInputGr {
		font-size: 12px;
		margin: 2px 0;
		height: 20px;
		padding: 2px 2px 0 2px;
		border: 1px solid #999;
		width: 200px;}
		
	textarea.textareaGr {
		font-size: 12px; !important
		margin: 2px 0;
		padding: 2px 2px 0 2px;
		border: 1px solid #999;
		width: 250px;}
		
	select.catagory {
		font-size: 12px;
		height: 20px;
		border: #999 1px solid;
		margin: 4px 0 4px 0;
		width: 206px;}
		
		
/* sidebar form ------------------------------------->*/

    table.sidebarform,
    .sidebarform p, 
    .sidebarform ul, 
    .sidebarform li, 
    .sidebarform fieldset, 
    .sidebarform textfield, 
    .sidebarform table, 
    .sidebarform form, 
    .sidebarform th, 
    .sidebarform div {
        font-size:12px;
        font-weight:normal;
        line-height:15px;
        text-align:left;}
	
    .sidebarform td.textInputGr input {
		font-size: 12px;
		margin: 2px 0;;
		height: 18px;
		padding: 2px 2px 0 2px;
		border: 1px solid #999;
        width: 130px;}
		
	.sidebarform td.textareaGr textarea {
		font-size: 12px; !important
		margin: 2px 0;
		padding: 2px 2px 0 2px;
		border: 1px solid #999;
        width: 130px;
        height: 50px;}
		
	.sidebarform td.catagory select {
		font-size: 12px;
		height: 18px;
		border: #999 1px solid;
		margin: 4px 0 4px 0;
        width: 136px; }


/* evaluation form ------------------------------------->*/

.formWrapper {
  background:transparent url(uploads/images/img_evaluation.jpg) no-repeat scroll right top;
  margin:0;
  padding:35px 0 0 40px;
}
	
div.evalform {
    margin: 10px 0 10px 0;
}

div.evalform div.textInputGr label,
div.evalform div.catagory label {
    display: block;
    width: 120px;
    float: left;
}

div.evalform div.textInputGr,
div.evalform div.checkBoxGr,
div.evalform div.catagory {
    margin-bottom: 5px;
}

div.evalform div.textareaGr label {
    display: block;
    margin-top: 25px;
}

div.evalform div.textareaGr {
    margin-bottom: 25px;
}

div.evalform div.evalStart {
  margin-top: 40px;
} 

div.evalform div.smallCaption {
  font-size: .8em;
  margin-left: 122px;
  color: #666;
}

div.evalform div.evalQuestion div {
  margin-left:20px;
}

div.evalform div.evalQuestion {
  margin-top: 8px;
} 

div.evalform div.evalQuestion label {
  display:block;
  margin-bottom: 8px;
} 

div.evalform div.evalQuestion div label {
  display:inline;
}

div.evalform div.catagory select {
   width: 177px;
}

div.evalform span.errMsg {
    margin-left: 10px;
    color: #CC0000;
} 

div.evalform .fbsubmit {
    margin: 10px 0 0 0;
}

div.evalform div.evalQuestionOdd {
  background-color:#FBFBFB;
  border-bottom:1px solid #E0E0E0;
  border-top:2px solid #E0E0E0;
  padding:8px;
  width:400px;
}

div.formWrapper p {
  width:390px;
}

input[type="text"], input[type="password"], textarea, select {
  background:#FFFFFF url(uploads/images/form_input_bg2.gif) repeat-x scroll left bottom;
  border-color:#CCCCCC #999999 #999999 #CCCCCC;
  border-style:solid;
  border-width:1px;
  padding:2px;
}
		

/* TABS */
/* CSS Document */


#maintab.tabs{
padding: 3px 0;
margin-left: 0;
margin-top: 0;
margin-bottom: -1px;
font: normal;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

#maintab.tabs li{
display: inline;
margin: 0}

#maintab.tabs li a{
text-decoration: none;
padding: 5px 10px;
border: 1px solid #b2b2b2;
color: #000000;
background: #b2b2b2}

#maintab.tabs li a:visited{
padding: 5px 10px;
border: 1px solid #b2b2b2;
color: #000000;
background: #b2b2b2}

#maintab.tabs li a:hover{
text-decoration: none;
color: #000000}

#maintab.tabs li.selected{
position: relative;
top: 1px}

#maintab.tabs li.selected a{ /*selected main tab style */
color: #000000;
background: #FFFFFF;
border-bottom-color: #FFFFFF}

#maintab.tabs li.selected a:hover{ /*selected main tab style */
text-decoration: none}

.tabcontentstyle{ /*style of tab content container*/
background: #FFFFFF;
border: 1px solid #b2b2b2;
width: 82%;
margin-bottom: 0;
padding: 20px 0px }




.imgBtm{ margin-bottom: 6px}

.tabcontent{
display: none}

#homePromo {
  display:block;
  position:absolute;
  z-index:1;
  top:555px;
  left: 30px;
  height:85px;
  width: 200px;
}

.hideLink {
  display:none;
}

div.img-thumb
{
  border: none;
  height: 240px;
  width: 296px;
  float: left;
  text-align: center;
}	
div.img-thumb img
{
  display: inline;
  margin: 4px 0 8px 0;
 /* border: 1px solid #FFF;*/
}

/*div.img-thumb a:hover img {
	border: 1px solid #EA7E22;}*/
	
div.desc
{
  font-size: .9em;
  line-height: 1.2em;
  font-weight: normal;
  /*text-align: center;
  padding: 0 16px;*/
}

div.img-thumb-sm
{
  border: none;
  height: 150px;
  width: 198px;
  float: left;
  text-align: center;
}	
div.img-thumb-sm img
{
  display: inline;
  margin: 4px 0 8px 0;
 /* border: 1px solid #FFF;*/
}

/*div.img-thumb a:hover img {
	border: 1px solid #EA7E22;}*/
	
}

/* End of 'Designworks Global' */

}


/* End of 'Designworks Global' */