html, body {
margin:0px;
text-align:center;
}

a {
color:#333;
}

h1 {
font-size:16pt;
text-align:center;
}

h2 {
font-size:14pt;
}


#header {
height:53px;
width:100%;
background-color:#426db4;
padding:0px;
}

#logo {
position:absolute;
text-decoration:none;
border:none;
width:130px;
}

#widgets {
position:relative;
font-family: "Lucida Grande", Helvetica;
color:white;
margin:28px 0px 0px 0px;
font-size:7pt;
padding:5px;
width:150px;
}
 
.widget-content a, .widget-content a:visited {
color:#426db4;
}

a.widget-heading, a.widget-heading :visited {
font-size:9pt;
color:#1e1e1e;
text-align:center;
font-weight:normal;
padding:0;
margin:0;
text-shadow: 0px 1px 1px #fff;
}

.widget-heading, .widget-content {
width:150px;
}

.widget-heading {
background-image:url(/images/widget-header-bg.gif);
background-color:#acacac;
border-bottom:1px solid #404040;
border-top:1px solid #dcdcdc;
border-left:1px solid #bababa;
border-right:1px solid #bababa;
height:16px;
margin-top:3px;
padding-bottom:2px;
text-decoration:none;
display:block;
}



.widget-heading.ui-state-active {
background-image:url(/images/widget-header-bg-selected.gif);
}

.widget-content {
background-color:#e8e8e8;
border-bottom:1px solid #404040;
border-top:1px solid #dcdcdc;
border-left:1px solid #848484;
border-right:1px solid #848484;
padding: 5px 0px;
color:black;


}

.phonenumber {
color:#426db4;
font-size:20pt;
}

.widget-content p {
margin-left:15px;
}
.widget-content input {
width:70px;
height:15px;
}

.widget-content input.button {
width:auto;
margin: auto 

}

div.field-align {
width:50px;
padding-left:15px;
float:left;
min-height:15px;

}

div.field-align#login-button {
margin-left:40px;
}

div.field-align#search-button {
/*margin-left:15px;*/
padding:0;


}
#search-field input{
width:70px;}

div.label-align#search-field {
width:auto;
margin-right:4px;

}

div.label-align {
width:20px;
float:left;
margin-left:7px;
margin-right:7px;
height:100%;
vertical-align:middle;
}

div.linewrapper {
clear:both;
height:15px;
font-size:7pt;

}

#wrapper {
overflow:hidden;
width:100%;
min-width:1170px;
}
#cww {
margin:0 auto;
position:relative;
width:80%;
float:right;
}
#contentwrap {
margin:27px auto 0px auto;
position:relative;
width:755px;
font-family: Helvetica, Arial, Sans-Serif;
color:#333;
padding-left:18px;
text-align:left;
}

#contentwrap strong {
font-weight:normal;
}

#contentwrap ul{
list-style-image: url(/images/tinyicon.png);
padding-left:14px;
}
#contentwrap li{

font-size:10pt;
}

#logo {
float:left;
}
.rounded {
border:1px solid black
}
.center {
margin:0px auto;

}


#nav-panel {
width:755px;
text-align:center;
font-size:5pt;

}


.nav-link {

font-family:Impact, Helvetica;
text-decoration:none;
font-size:13pt;
display:block;
padding: 0px 12px;
}

.nav-link-disabled {

font-family:Impact, Helvetica;
text-decoration:none;
font-size:13pt;
display:block;
padding: 0px 12px;
cursor:default;
}

.nav-div, .nav-div-selected {
text-align:center;
float:left;
margin-right:17px;
}

.nav-div {
border-top:2px solid #77AAFF;
border-right:2px solid #1C3867;
background-color:#426db4;
}


.nav-div a {
color:#fff;

}

.nav-div-selected {
border-top:2px solid #dcdcdc;
border-right:2px solid #404040;
background-color:#fff;
}
.nav-div-selected a {
color:#426db4;
}

.nav-div:hover {
background-image:url(/images/grad.png);
opacity:0.8;
/* filter:alpha(opacity=80); */
text-shadow: 2px -2px 3px #426db4;
}

.nav-div:active {
background-color:#777;
background-image:url(/images/grad.png);
text-shadow: 2px 1px 1px #fff;
border-top:2px solid #fff;
border-right:2px solid #404040;
}

.nav-div a:active {
color:#333;

}

#sub-menu {
position:absolute;
top:53px;
height:25px;
background-color:#426db4;
border:2px solid #fff;
}

.sub-menu-item {
float:left;
margin-right:9px;
height:25px;
}

.sub-menu-item a {
display:block;
color:#fff;
font-size:12pt;
font-family: Helvetica, Arial, Sans-Serif;
padding:5px;
text-decoration:none;
height:25px;
}

.sub-menu-item a:hover {
text-decoration:underline;
}

.sub-menu-link-disabled {
text-shadow: 0 0 0.2em #fdf6d4;
}

a.sub-menu-link-disabled:hover {
cursor:default;
text-decoration:none;
}
h2#price {
font-size:30pt;
font-weight:bold;
color:#426db4;
}

.rounded {
border: 5px solid #426db4;
width:100%;
}

.witem {
border: 5px solid #426db4;
margin: 10px;
width: 100%;
height:230px;
}

.witem:hover {
cursor:pointer;
}

.witem2 {
border: 5px solid #426db4;
margin: 10px;
width: 100%;
height:230px;
}

.wheader1 {
background-color: #426db4;
height:25px;
padding: 4px 10px;

}

.wheader2 {
background-color: #426db4;
height:25px;
padding: 4px 10px;

}

.wheader1 h1 , .wheader2 h2 {
color:white;
margin-top: -1px;
}

.wcontent, .wcontent-lg, .wcontent-sm {
padding: 2px 10px;
}

.column {
width:30%;
display:table-cell;
padding:1.5%;
font-size:12pt;
}

.column h2 {
font-size:24pt;
letter-spacing: -.1em;
margin: 6px 0px;
}
.column h3 {
font-size:.65em;
display:block;
width:80%;
padding: 0px 0px 10px 3px;
border-bottom: 1px solid #426db4;
}

.column h4 {
font-size:.85em;
}

#colwrap {

}

.colheader {
width:95%;
border-bottom: 1px solid #426db4;
padding: 0px 0px 0px 6px;
margin: 0px 5px;
font-size:.85em;
}

#colfooter {
width:95%;
border-top: 1px solid #426db4;
padding: 0px 0px 0px 6px;
margin: 0px 5px;
}

div.price {
width:169px;
height:65px;
color:#000;
text-shadow: 0 0 0.2em #fdf6d4;
padding:7px 3px 3px 13px;
}

div.price h4 {
font-size:20pt;
margin: 14px 0px;
}

div.price h5 {
font-size:1.05em;
margin-top:-10px;
}

div.price.blue {
background-image:url(/images/price-widgets-blue.png);
}

div.price.orange {
background-image:url(/images/price-widgets-orange.png);
}

div.price.green {
background-image:url(/images/price-widgets-green.png);
}


p.notes {
font-size:.6em;
color:#333;
}

.linkwidget {
width:75px;
height:68px;
float:left;
margin: 7px 7px 18px 12px;
}

.linkwidget a {
letter-spacing: -.1em;
font-size:1.25em;
color:#777;
display:block;
height:100%;
width:100%;
text-decoration:none;
padding:14px 3px 3px 7px;
}

.linkwidget a:hover {
margin-top:-3px;
margin-left:-3px;
color:#FFF;
text-shadow: 0 0 0.2em #fdf6d4;
-moz-box-shadow: 3px 3px 4px #777;
-webkit-box-shadow: 3px 3px 4px #777;
box-shadow: 3px 3px 4px #777;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777');
}


.linkwidget a#essentials{
background-image:url(/images/link-widgets-green.png);
}
.linkwidget a#portfolio{
background-image:url(/images/link-widgets-orange.png);
}
.linkwidget a#technical{
background-image:url(/images/link-widgets-green.png);
}
.linkwidget a#quotes{
background-image:url(/images/link-widgets-blue.png);
}
.linkwidget a#packages{
background-image:url(/images/link-widgets-orange.png);
}


.orderwidget {
width:75px;
height:48px;
margin: 7px 7px 38px 12px;
padding:5px;
float:left;
}

.orderwidget a.order {
color:#fdf6d4;
display:block;
height:100%;
width:100%;
font-size:.9em;
font-weight:bold;
text-decoration:none;
padding:34px 3px 3px 7px;
}



.orderwidget a.order.basic{
background-image:url(/images/link-widgets-blue.png);
color:#d9ecfa;
text-shadow: 0 0 0.3em #24618c;
}
.orderwidget a.order.cms{
background-image:url(/images/link-widgets-orange.png);
color:#fee6cb;
text-shadow: 0 0 0.3em #d97d1a;
}
.orderwidget a.order.ecomm{
background-image:url(/images/link-widgets-green.png);
color:#e8ffd8;
text-shadow: 0 0 0.3em #5d9932;
}
.orderwidget a.order.custom {
background-image:url(/images/link-widgets-redblue.png);
}

.orderwidget a.order:hover {
margin-top:-3px;
margin-left:-3px;

text-shadow: 0 0 0.2em #fdf6d4;
-moz-box-shadow: 3px 3px 4px #777;
-webkit-box-shadow: 3px 3px 4px #777;
box-shadow: 3px 3px 4px #777;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777');
}

.wcontent-lg {
display:none;
}

#slideshow {
height:190px;
}

#slideshow div.quote > p{
display:block;
width:550px;
font-size:1.4em;
color:#BBB;
line-height:1.1em;
padding:21px 12px 12px 16px;
border:2px solid #BBB;
}

div.quote > div.name {
position:absolute;
font-size:15pt;
top:90%;
left:568px;
color:#777;
}

div.name p {
padding:0px;
margin:0px;
line-height:.9em;
}

div.name p.site {
font-size:7pt;
color:#426db4;
margin-left:5px;
}

div.wcontent {
overflow:auto;
width:100%;
}

div.wcontent.folio {
padding:10px;
}

div.foliosite {

border: 2px solid #426db4;

}

div.foliosite.small {
width:215px;
height:215px;
display:block;
margin:10px;
float:left;
overflow:hidden;
}

div.foliosite.small:hover {
cursor:pointer;
text-shadow: 0 0 0.2em #fdf6d4;
-moz-box-shadow: 3px 3px 4px #777;
-webkit-box-shadow: 3px 3px 4px #777;
box-shadow: 3px 3px 4px #777;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777');
}

div.foliosite.large {
height:430px;
width:97%;

}

div.foliosite h2 {
display:block;
text-align:center;
color:#426db4;
}

div.foliosite.small h2{
height:25px;
}
div.foliosite.large h2{
font-size:20pt;
}

div.foliosite > .smallcontent {
display:block;
}

div.foliosite > .largecontent {
display:none;
}

.smallcontent img {
display:block;
position:relative;
height:265px;
top:-25px;
}

.screen {
background-color:#000;
width:48%;
height:280px;
padding: 35px 0px;
float:left;
}

.screencrop {
overflow:hidden;
height:280px;
width:100%;
}

.screencrop img {
width:500px;
}

.jobinfo {
float:left;
color:#555;
padding:10px;
width:47%;
}

.jobinfo p {
padding:3px;
margin:3px;
font-size:8pt;

}

.blurb {
float:left;
width:47%;
margin: 3px 7px 7px 9px;
font-size:11pt;
}

.blurb p {
margin:3px;
padding:3px;
}


.minlink {
width:20px;
height:20px;
cursor:pointer;
position:absolute;
top:1px;
right:-10px;
}