html, body{ 
    margin:0; 
    padding:0; 
    text-align:center;
    font-family:Verdana;
    font-size:10pt;
    color:#555;
}

p{
    font-size:8pt;
}
ul{
    padding:0;
    margin:0; 
}
h2
{
    color:Black;
    font-size:9pt;
    font-weight:bold;
    margin:0; 
}
h3
{
    color:rgb(181, 67, 77);
    font-size:9pt;
    font-weight:bold;
    margin:0; 
}
h4
{
    color:rgb(1, 66, 124);
    font-size:9pt;
    font-weight:bold;
    margin:0;    
}

li{
   list-style:none;
   font-size:12pt;
   padding:4px 4px 4px 4px;
}
 
#pagewidth{ 
    width:1025px; 
    text-align:left;  
    margin-left:auto; 
    margin-right:auto;
    overflow:hidden;
} 
 
.header{
    position:relative; 
    height:240px;
    width:100%;
    background:url(Images/logo-header.png) no-repeat;
}
.topbar{
    background:url(Images/upper.png) repeat-x;
    height:210px;
    width:100%;
}
 
#leftcol{
    width:20%; 
    float:left; 
    position:relative;
    background-color:Transparent;
    height:450px;
}
 
#twocols{
    width:80%; 
    float:right; 
    position:relative;
    background-color:Transparent;
}
  
.innertwocols{
    width:100%;
    background-color:Transparent;
}  
 
#rightcol{
    width:24%; 
    float:right; 
    position:relative;
    background-color:Transparent;
    padding-top:5px;
 }
 
#maincol{background-color: #FFFFFF;  
    float: left; 
    display:inline; 
    position: relative; 
    width:75%;
    background-color:Transparent;
    padding-top:14px;
}
 
#footer{
    height:100px; 
    background-color:#FFFFFF; 
    clear:both;
    background:url(Images/lower.png) repeat-x;
    text-align:center;
    padding-top:40px;
    margin-top:10px;
 }
 #footer div
 {
     margin:2px 2px 2px 2px;
     padding:2px 2px 2px 2px;
 }
 #footer a
 {
     text-decoration:none;
     color:#555;
 }
 #footer a:hover
 {
     text-decoration:underline;
     color:Red;
 }
.blend{
    width:198px; 
    height:138px;
    overflow:hidden;
    cursor:pointer;
}
.opac 
{
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity:0.5;
    filter: alpha(opacity=50);
}
.innermenu
{
    cursor:pointer; 
}
.innermenu li
{
    font-size:10pt;
    margin-left:16px;
    padding:4px 4px 4px 4px; 
}
.centrecontent
{
    width:99%;
    margin-bottom:15px;
}
.centrecontent li
{
    padding:4px 0px 4px 2px;
    border:solid 1px white;
}
.homeleft_50
{
    width:53%;
    float:left;
    font-size:8pt; 
}
.homeright_50
{
    width:46%;
    float:right;
    font-size:8pt; 
}
.homeleft_28
{
    width:28%;
    float:left;
    font-size:8pt; 
}
.homeright_28
{
    width:70%;
    float:right;
    font-size:8pt; 
}
.homeleft_72
{
    width:70%;
    float:left;
    font-size:8pt; 
}
.homeright_72
{
    width:28%;
    float:right;
    font-size:8pt; 
}
.homeleft
{
    font-size:8pt;
    width:98%;
}
.homeleft b
{
    font-size:9pt;
}
.homeleft_red
{
    font-size:8pt;
    width:98%;
    border-left:solid 4px rgb(220, 67, 77);
    padding-left:8px;
    margin-bottom:6px;
}
.homeleft_red b
{
    font-size:9pt;
}
.box
{
    float:left;
    width:185px;
    padding:3px 3px 3px 3px;
    margin:10px 3px 4px 3px;  
    font-size:7pt;
    cursor:pointer;
}
.text
{
    float:left;
    padding:3px 3px 3px 1px;
    line-height:13px;
    width:120px;
}

.estimatebtn
{
    width:352px;
    height:54px;
    background:url(Images/estimatebtn.jpg) no-repeat top right;
}
.topmenu
{
    cursor:pointer;   
}
.menu
{
    cursor:pointer;   
}
.rollover
{
    background:url(Images/rollover.jpg) no-repeat center left;
}
.rollover2
{
    background:url(Images/rollover2.jpg) no-repeat center left;
}
.hidden
{
    display:none;
}
.quickref
{
    font-size:8pt;
    margin-top:25px;   
}
.quickref ul
{
    margin-top:4px;
}
.quickref ul li
{
    font-size:8pt;
    padding:0px 0px 1px 0px;
    margin:0;  
}
.quickrefright
{
    float:right;
}
.quickrefleft
{
    float:left;
}
.headtext
{
     position:absolute;
     width:100%;
     background:url(Images/graybar.png) repeat-x;
}
.smallpanel
{
    margin:2px 0px 0px 0px;   
}
.thumbnail        
{
    margin-right: 5px;
    width: 100.23px;
    height: 72.15px;
}
          
.detail           
{
    background-color:gray;
    width:99%;
    margin-top:85px;
    height:260px;
    margin-bottom:10px;
}
#pdfs a:link, #pdfs a:visited, #pdfs div a:hover 
{
    color:rgb(124, 200, 255);
}
#urls a:link, #urls a:visited, #urls div a:hover 
{
    color:rgb(124, 200, 255);
}
.detailLink       
{
    text-decoration: none;
    color: black;
}
.detailLink:hover 
{
    background-color: black;
    color: white;
}
.detailComments   
{
    font-family: verdana;
    font-size: 9pt;
    color: white;
    float:left;
    width:320px;
}                                     
.detailImg       
{
    padding: 5px;
}
.filmstrip        
{
    position: absolute;
    height: 75px;
    cursor: pointer;
    overflow:hidden;
}
.filters
{
    margin:15px 0px 15px 0px;
}
.filters select
{
    width:140px;
}
.drag
{
    font-size:7pt;
    margin-bottom:3px;
    color:#555;
    border:solid 1px white;
    text-decoration:none;
    padding:2px 2px 2px 2px;
}
.vsmalltext
{
    font-size:7pt;
    margin-bottom:3px;
    color:#555;
    border:solid 1px white;
    text-decoration:none;
    padding:2px 2px 2px 2px;
}
.vsmalltext:hover
{
    border:solid 1px gray;
    background:#dcdcdc;
}
.portfolioTitle
{
    color:White;
    font-weight:bold;
    margin-left:5px;
}
.portfolioPics
{
    float:left;
}
.quote
{
    font-weight:bold;
    font-style:italic;
}
.qright
{
    float:right;
    font-size:8pt;
    padding-right:15px;
    font-weight:bold;
}
.contactdetails
{
    width:300px;
    margin-top:40px;
}
.contactdetails td
{
    width:150px;
    vertical-align:top;
}
.contactform
{
    margin-top:40px;
}
.boxinputs
{
    width:365px;
    margin-top:20px;
}
.boxinputs table
{
    width:99%;   
}
.boxinputs table td
{
    vertical-align:text-top;
}
.designtable
{
    width:100px;
}
.boxtitleinput
{
    width:98%;
}
.boxtextinput
{
    width:99%;
}
#changeimage
{
    margin-top:10px;   
}
.center
{
    border:solid 1px white;
    cursor:pointer;
    padding:2px 2px 2px 2px;
}
.center p
{
    border:dashed 1px #dcdcdc;
    padding:2px 2px 2px 2px;
}
.editrecord
{
    width:100%;
}
.editrecord td
{
    vertical-align:top;
}
.w50
{
    width:50px;
}
.w120
{
    width:120px;
}
.w140
{
    width:146px;
}
.w150
{
    width:150px;
}
.w180
{
    width:180px;
}
.w200
{
    width:200px;
}
.w230
{
    width:232px;
}
.w300
{
    width:300px;
}
.w330
{
    width:330px;
}
.w400
{
    width:400px;
}
.w550
{
    width:580px;
}
.wfull
{
    width:99%;
}
.boxpreviews
{
     height:370px; 
     overflow:auto;
     width:98%;
     border:solid 1px black;
}
.boxtable
{
    /* nothing yet */
}
.boxtable th, .boxtable td.boxviewleft, .boxtable td.boxviewright
{
    border:solid 1px gray;
}
.boxtable td.boxviewleft
{
    width:180px;
}
.boxtable td.boxviewright
{
    border:solid 1px gray;
    vertical-align:top;
    width:380px;
    padding:5px 5px 5px 5px;
}
.boxpreviewbuttons
{
    float:right;
}
.contactustype
{
    width:100%;
}
.contactustype td
{
    width:200px;
    vertical-align:top;
    text-align:center;
}
.contactusname
{
    width:100%;   
}
.contactusname td
{
    padding:2px 10px 2px 0px;  
}
.cuRight
{
    padding:2px 10px 2px 0px;
    text-align:right;  
}
.contactusCreative
{
    width:100%;   
}
.contactusname td
{
    padding:2px 10px 2px 0px;  
}
.nobox
{
    border:dashed 1px #dcdcdc;
    float:left;
    width:185px;
    padding:3px 3px 40px 3px;
    margin:10px 3px 4px 3px;  
    font-size:7pt;
    cursor:pointer;
}
.hovercenter
{
    background-color:#dcdcdc;
    border:solid 1px gray;
}
.notext
{
    border:dashed 1px #dcdcdc;
    width:99%;
    font-size:7pt;
    padding:2px 2px 2px 2px;
}
.layoutselect
{
    width:100%;
    border-collapse:collapse;
}
.layoutselect td
{
    vertical-align:top;
    border:solid 1px gray;
    padding:5px 5px 5px 5px;
}
.layoutselect td img
{
    border:solid 1px gray;
}
.red
{
    color:Red;   
}
.submit
{
    float:right;
    margin-right:20px;
    margin-top:20px;
    height:22px;
    font-size:9pt;
    width:105px;
}
#ControlPanel
{
    width:98%;
    border:solid 1px #dcdcdc;
    margin:12px 0px 0px 5px;
}
#ControlPanel div
{
    float:left;
    padding:2px 2px 2px 2px;
}

#ControlPanel p
{
    float:right;
}
#ControlPanel table
{
    width:98%;
}
#cbxShow
{
    position:absolute;
    top:-85px;
    right:4px;
    font-size:8pt;
    border:solid 1px #dcdcdc;
    padding:2px 4px 2px 5px;
    cursor:pointer;
    background:white;
}
.pagecontrols
{
    border:solid 1px #dcdcdc;
    float:left;
    width:100%;
}
#changeImage
{
    border:solid 1px red;
    height:40px;
    width:99%;
}
#centerarea
{
    border:solid 1px #dcdcdc;
    margin-left:2px; 
    width:97%; 
    padding:2px 8px 2px 5px;
}
.boxtable td
{
    padding:2px 2px 2px 2px;
    vertical-align:text-top;
}
.finishLabel
{
    font-size:11pt;
    padding-top:45px;
    font-weight:bold;  
}
.contactusfields
{
    padding:10px 0px 10px 0px;
    margin:10px 0px 10px 0px;
    border-top:solid 1px #dcdcdc;
    border-bottom:solid 1px #dcdcdc;
}
.contactholder
{
    height:650px;
    overflow:hidden;
}
.smallredtext
{
    font-size:7pt;
    color:Red;
}
.gv_contacts
{
    width:90%;
    border:solid 1px gray;
}
.gv_contacts td
{
    border:solid 1px gray;
    padding:1px 1px 1px 1px;
}
.gv_contacts th
{
    color:White;
    background:Gray;
    border:solid 1px gray;
    padding:1px 1px 1px 1px;  
}
.rowback
{
    background:#dcdcdc;
}
#pdfs
{
    font-family: verdana;
    font-size: 9pt;
    color: white;
    float:left;
    width:320px;
    padding-top:20px;
}
#pdfs a, #pdfs:visited
{
    color:Blue;
}
#urls
{
    font-family: verdana;
    font-size: 9pt;
    color: white;
    float:left;
    width:320px;
    padding-top:20px;
}
#urls a, #urls a:visited
{
    font-family: verdana;
    color:Blue;
}
.fv_contact
{
    width:100%;
}
#contactview, #emailview, #creativeview, #designview, #ddesignview, #otherview
{
    width:90%;
    border:solid 1px #dcdcdc;
    margin:3px 3px 3px 3px;
    padding:2px 2px 2px 2px;
}
#contactview li, #emailview li, #creativeview li, #designview li, #ddesignview li, #otherview li
{
    width:45%;
    float:left;
    font-size:9pt;
    padding:2px 2px 2px 2px;
}
.profileItems
{
    width:95%;
    border:solid 1px gray;
}
.profileItems td
{
    padding:2px 2px 2px 2px;
    border:solid 1px gray;
}
.profileItems th
{
    padding:2px 2px 2px 2px;
    background:gray;
    color:White;
    font-weight:bold;
    border:solid 1px gray;
}
.profileItems td li
{
    font-size:8pt;
    padding:1px 1px 1px 1px;
}
.portfolioImage
{
    position:absolute;
    top:8px;
    left:350px;
    border:solid 1px gray;
    text-align:center;
    vertical-align:middle;
    background:white;
}
.portItemTable td
{
    padding:5px 2px 5px 10px;
    text-align:left;
}
.portfolioitem
{
    background:url(Images/bigD.png) no-repeat top;
    padding-top:85px;
    height:527px;
    text-align:left;
    overflow:hidden;
}
#buttons
{
    width:100%;
    text-align:center;   
}
.layoutselectcontrol
{
    background:url(Images/lowerlogo.png) no-repeat top left;   
}
#ph
{
    cursor:default;
}
#services
{
    cursor:default;  
}
#loader
{
    vertical-align:middle;
    text-align:center; 
    width:400px;
    height:1400px; 
}
#inload
{
    background:url(images/loading.gif) no-repeat;
    background-position:10px 26px;
    width:210px;
    padding:48px 5px 45px 5px;
    margin-left:auto;
    margin-right:auto;
    font-weight:bold;
    text-align:center;
}
#cmshomemenu
{
    border:solid 1px gray;
    width:800px;
    font-size:9pt;
}
#cmshomemenu li
{
    float:left;
    padding:2px 6px 2px 6px;
}
#cmshomemenu a:link, #cmshomemenu a:visited
{
    font-size:9pt;
}
#pdfdiv
{
    width:800px;
    border:solid 1px gray; 
    font-size:9pt;
    padding-bottom:10px;
    margin-top:5px;
}

#fileup
{
    margin:5px 3px 0px 3px;
    font-size:9pt;  
}
#fileup li
{
    float:left;
    font-size:9pt; 
}
.pdflist
{
    margin-top:4px;   
}
.pdflist li
{
    float:left;
    border:solid 1px #dcdcdc;
    width:240px;
    font-size:8pt;
    margin:3px;
    cursor:pointer;
}
.add
{
    width:80px;
    padding:0;
}
#btnViewFilters
{
    float:right;   
}
#editddls
{
    border:solid 1px gray;
    float:left;
    width:790px;
    font-size:9pt;
    margin-top:5px;
    padding:3px 5px 3px 5px;
    position:relative;
}
.filtertable
{
    width:390px;
    border:solid 1px gray;
    margin-top:5px;
    margin-bottom:5px; 
}
.filtertable th
{
    background:gray;
    color:White;
    border:solid 1px gray; 
}
.filtertable td
{
    width:390px;
    padding:2px 0px 2px 5px;
    border:solid 1px gray;  
}
.cmsdeletebutton
{
    float:right;
    margin-top:3px;
    width:75px;
}
.ddlallfilters
{
    width:200px;
    margin-top:5px;
    margin-bottom:2px;  
}
.logintable
{
    width:99%;
    border:solid 1px gray;
    background:#dcdcdc;
    margin-top:6px;  
}
.logintable td
{
    vertical-align:top;  
}
#btnViewFilters
{
    margin-right:5px;   
}
#btnViewPDF
{
    margin-right:7px;
    float:right;
    margin-top:5px;
}
#btnViewRSS
{
    margin-right:5px;
    float:right;
    margin-top:5px;  
}
.lowportfolio
{
    width:95%;   
}
.lowportfolio td
{
    width:20%;   
}
#rss
{
    border:solid 1px gray;
    float:left;
    width:790px;
    font-size:9pt;
    margin-top:5px;
    padding:3px 5px 15px 5px;
    position:relative;
}
.outerrss
{
    margin:10px 5px 5px 5px;   
}
#rssfeed
{
    width:200px;
    background:url(Images/DigifeedBanner.jpg) no-repeat top left;
    height:400px;
    color:White;
}
#rssitems
{
    height:360px;
    overflow-y:scroll;
    width:195px;
    color:Gray;
}
#subscribe
{
    margin-top:5px;
    margin-bottom:5px;
    background:url(Images/RSS-icon.jpg) no-repeat top right;
    font-size:7pt;
    color:Gray;
    height:20px;
    width:195px;
    color:Gray;
}
.rssnews
{
    background:url(Images/General-news.jpg) no-repeat;
    background-position:left 4px;
    margin:3px 0px 5px 0px;
    padding:0 0 0 15px;
    font-size:7pt;
    border-bottom:solid 3px white;
}
.rsssoftware
{
    background:url(Images/Software-News.jpg) no-repeat;
    background-position:left 4px;
    margin:3px 0px 5px 0px;
    padding:0 0 0 15px;
    font-size:7pt;
    border-bottom:solid 3px white;
}
.rssinspiration
{
    background:url(Images/Inspiration.jpg) no-repeat;
    background-position:left 4px;
    margin:3px 0px 5px 0px;
    padding:0 0 0 15px;
    font-size:7pt;
    border-bottom:solid 3px white;
}
.rssquote
{
    background:url(Images/Quote.jpg) no-repeat;
    background-position:left 4px;
    margin:3px 0px 5px 0px;
    padding:0 0 0 15px;
    font-size:7pt;
    border-bottom:solid 3px white;
}
.rsstutorials
{
    background:url(Images/Tutorials.jpg) no-repeat;
    background-position:left 4px;
    margin:3px 0px 5px 0px;
    padding:0 0 0 15px;
    font-size:7pt;
    border-bottom:solid 3px white;
}
.digifeed
{
    height:25px;
    padding-left:25px;
    padding-top:5px;
    font-weight:bold; 
}



  




 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}