body
{
   padding:0;
   margin:0;
   background-image:url("../layout_imgs/background.jpg");
   background-color:#000;
   font-family:Arial;
}

hr
{
   display:none;
}

a, img
{
   border:0;
}

#container
{
   background-image:url("../layout_imgs/content_bg_side.png");
   background-repeat:repeat-y;
   background-position:0 100%;
   background-color:#fff;
   margin:3% 5% 0 5%;
   min-width:1000px;
   padding-top:20px;

   /*** Rounded corners ***/
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   -khtml-border-radius: 20px;
   border-radius: 20px;

   /*** Drop Shadow ***/
   -moz-box-shadow: 0 10px 30px rgba(0,0,0,1.0);
   -webkit-box-shadow: 0 10px 30px rgba(0,0,0,1.0);
}

#header
{
   background-image:url("../layout_imgs/logo.png");
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-color:#333;
   margin:1% 0 0 74px;
   width:240px;
   height:100px;
   overflow:hidden;
   float:left;
}

#header h1
{
   display:none;
}


#header img
{
   border:0;
   width:240px;
   height:100px;
}

#header a
{
   border:0;
}

#menu
{
   margin:1% 1% 0 350px;
   height:24px;
}

#menu span
{
   display:none;
}

#menu a
{
   display:block;
   float:left;
   padding:2px 15px;
   text-decoration:none;
   color:#666;
   font-weight:bold;
}

#menu a.current
{
   background-color:#666;
   color:white;
}

#menu a:hover
{
   background-color:#702854;
   color:white;
   text-decoration:underline;
}

#submenu
{
   clear:both;
   float:left;
   width:220px;
   margin:1% 0 0px 74px;
   padding:0;
}

#submenu ul
{
   margin:0;
   padding:0;
}

#submenu li
{
   padding:0;
   margin:0;
   list-style:none;
   text-align:center;
   font-weight:bold;
}

#submenu a
{
   display:block;
   width:100%;
   padding:10px 10px;
   text-decoration:none;
   color:#fff;
}

#submenu a.current
{
   background-color:#a00;
   color:white;
   font-style:italic;
}

#submenu a:hover
{
   text-decoration:underline;
   color:#fff;
}

#submenu a span,
#submenu a.current span,
#submenu a:hover span
{
   display:block;
   font-size:60%;
   text-decoration:none;
   font-weight:normal;
   font-style:normal;
   text-transform:uppercase;
}

#main_content
{
   text-align:left;
   padding:2% 5% 2% 5%;
   /*   overflow:auto;
   max-height:400px;
   margin-top:30px;
   */   margin-left:320px;
   min-width:50%;
}

#subfooter
{
   clear:both;
   padding:70px 10px 10px 350px;
   margin-bottom:0px;
   font-size:80%;
   text-align:center;
   font-style:italic;
   background-image:url("../layout_imgs/content_bg_bottom.png");
   background-repeat:no-repeat;
   background-position:0 100%;
}

#footer
{
   margin:0 10% 3% 10%;
   color:white;
   text-align:center;
   padding:5px;
   font-size:60%;
}

h2, h3, h4, h5, h6
{
   color:#935A5D;
}

.imgLeft
{
   float:left;
   margin:10px 20px 10px 0;
}

.imgRight
{
   float:right;
   margin:10px 0 10px 20px;
}

.footnote
{
   font-size:65%;
   font-style:italic;
}

td,th
{
   vertical-align:top;
}

th.left
{
   text-align:left;
}

th.right
{
   text-align:right;
}


/*** Slider ***/
.hidden
{
   display:none;
}

#slider
{
   padding-top:20px;
}

#slider .slidingContent
{
   padding:0 20px 0 351px;
   background-position:20px 0;
   background-repeat:no-repeat;
   min-height:350px;
   background-color:#fff;
   font-size:95%;
}

#slider #webApps  { background-image:url("../images/webapps.jpg"); }
#slider #webApps2 { background-image:url("../images/webapps.jpg"); }
#slider #mobile   { background-image:url("../images/mobile.jpg"); }
#slider #cms      { background-image:url("../images/cms.jpg"); }
#slider #design   { background-image:url("../images/design.jpg"); }
#slider #pws      { background-image:url("../images/pws.jpg"); }
#slider #seo      { background-image:url("../images/seo.jpg"); }
#slider #goodies  { background-image:url("../images/goodies.jpg"); }

#slider h3
{
   color:#666;
}

.jFlowNext div
{
   background:url("../layout_imgs/arrows.png") no-repeat scroll 0 -35px transparent;
   height:130px;
   position:relative;
   top:-130px;
   left:580px;
   width:50px;
   cursor:pointer;
}


.jFlowPrev div
{
   background:url("../layout_imgs/arrows.png") no-repeat scroll -84px -35px transparent;
   height:130px;
   position:relative;
   top:-270px;
   left:-50px;
   width:50px;
   cursor:pointer;
   margin-bottom:-270px;
}

/*
.jFlowNext div, .jFlowPrev div
{
   display:none;
}
*/

.jFlowPrev div:hover {
   background-position: -84px -235px;
}

.jFlowNext div:hover {
   background-position: 0px -235px;
}


/*** End slider styles ***/

blockquote
{
   padding:2% 5%;
   border-bottom:1px solid #666;
   font-size:90%;
}

img.portfolio
{
   /* width:250px; */
}

.quote
{
   background-image: url("../layout_imgs/leftQuote.png");
   background-position: 0 0;
   background-repeat: no-repeat;
   color: #666;
   padding-left: 50px;
   font-size:110%;
   text-align:center;
   width:50%;
   margin:1% auto 4% auto;
}

.quote div
{
   background-image: url("../layout_imgs/rightQuote.png");
   background-position: 100% -11px;
   background-repeat: no-repeat;
   padding-right: 50px;
}

.half
{
   width:50%;
}

.oneQuarter
{
   width:25%;
}

.threeQuarters
{
   width:75%;
}

.errorMessage
{
   border:1px solid red;
   background-color:#fee;
   color:#c00;
   padding:1%;
   margin:1%;
   font-weight:bold;
   background-image:url("../layout_imgs/errorIcon.png");
   background-repeat:no-repeat;
   background-position:10px 10px;
   padding-left:80px;
   padding-top:30px;
   padding-bottom:20px;
   min-height:30px;
}

.successMessage
{
   border:1px solid green;
   background-color:#efe;
   color:green;
   padding:1%;
   margin:1%;
   font-weight:bold;
   background-image:url("../layout_imgs/successIcon.png");
   background-repeat:no-repeat;
   background-position:10px 10px;
   padding-left:80px;
   padding-top:30px;
   padding-bottom:20px;
   min-height:30px;
}

.warningMessage
{
   border:1px solid #fc0;
   background-color:#ffff8c;
   color:#666;
   padding:1%;
   margin:1%;
   font-weight:bold;
   background-image:url("../layout_imgs/warningIcon.png");
   background-repeat:no-repeat;
   background-position:10px 10px;
   padding-left:80px;
   padding-top:30px;
   padding-bottom:20px;
   min-height:30px;
}

#hostingPlans
{
   list-style:none;
}

#hostingPlans li
{
   margin-top:20px;
   font-weight:bold;
   float:left;
   width:250px;
   text-align:center;
   background-color:#ccc;
   background-image:url("../layout_imgs/tdBackground.jpg");
   background-repeat:repeat-x;
   border:1px solid #666;
   border-width:1px 1px;
   font-size:15px;
   min-height:200px;
   margin-right:10px;
}

#hostingPlans a
{
   color:blue;
}


#hostingPlans li li
{
   margin-top:auto;
   font-weight:normal;
   float:none;
   width:auto;
   text-align:left;
   border:0;
   height:auto;
   background-image:none;
   background-color:transparent;
   font-size:auto;
   min-height:0px;
   margin-right:0;
}


#hostingPlans ul
{
   list-style:disc;
   padding-top:5px;
   background-color:#ccc;
   background-image:url("../layout_imgs/tdBackground.jpg");
   background-position:0 -15px;
   background-repeat:repeat-x;
}

#hostingPlans ul ul
{
   list-style:circle;
   padding-top:0px;
   border:0;
   background-image:none;
   background-color:transparent;
}

#hostingPlans sup
{
   display:none;
}
