@charset "utf-8";
/* CSS Document */

body
{
margin: 10px auto 10px auto;
width: 875px;
background: url(images/backgroundTile_blue.jpg) repeat-x;
}

h1
{

}

h2
{
padding: 0px 20px 0px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #003366;
}

h3
{
width: 200px;
float: right;
padding: 12px;
margin: 0px 30px 0px 0px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #999999;
font-size: 16px;
line-height: 17px;}

h5
{
padding: 0px 20px 0px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 15px;
}

p, li
{
padding: 0px 20px 0px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 15px;
}

a img {border: 0px;}
.clearLeft {clear: left;}
.clearRight {clear: right;}
.clearBoth {clear: both;}

td {
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 11px;
vertical-align: top;

}

#theTopNavigation
{
margin: 0px auto 0px auto;
text-align: right;
}

#theTopNavigation ul
{
list-style: none;

}

#theTopNavigation li
{
display: block;
float: right;
padding-left: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-variant: small-caps;
color: #666666;
margin-bottom: 43px;
text-align: center;
vertical-align: top;
}

#theTopNavigation li a
{
color: #666666;	
display: block;
height: 20px;
text-decoration: none;

}

#theTopNavigation li a:hover
{
color: #666666;
text-decoration: none;
display: block;
height: 20px;
background-image: url(images/topNav_center.png);
background-position: center bottom;
background-repeat: no-repeat;
}

#theHeaderFloat, #theHeaderFloat_wht, #theHeaderFloat_web, #theHeaderFloat_ecommerce, #theHeaderFloat_logo, #theHeaderFloat_video, #theHeaderFloat_videoStream, #theHeaderFloat_design, #theHeaderFloat_hosting, #theHeaderFloat_business
{height: 200px; margin: 8px 0px; background-repeat: no-repeat; background-position: right bottom; background-repeat: no-repeat; z-index: 1;}

#theHeaderFloat {background-image: url(images/backgroundHeader1.jpg); background-color: #FFFFFF;}
#theHeaderFloat_wht {background-image: url();}
#theHeaderFloat_web { }
#theHeaderFloat_ecommerce {background-image: url(images/backgroundHeader_commerce.jpg);}
#theHeaderFloat_logo {background-image: url(images/backgroundHeader_logo.jpg); background-color: #fff;}
#theHeaderFloat_video {background-image: url(images/backgroundHeader_video.jpg); text-align: right;}
#theHeaderFloat_videoStream {background-image: url(images/backgroundHeader_videoStream.jpg);}
#theHeaderFloat_design {background-image: url(images/backgroundHeader_design.jpg);}
#theHeaderFloat_hosting {background-image: url(images/backgroundHeader_hosting.jpg);}
#theHeaderFloat_business {background-image: url(images/backgroundHeader_business.jpg);}

#theLeftCol
{
float: left;
width: 175px;
text-align: right;
}

#theRightCol
{
float: left;
width: 700px;
background-color: #FFFFFF;
background-image: url(images/rightCol_gradient.jpg);
background-repeat: repeat-x;
background-position: bottom;
margin-top: 22px;
}

#theFooter
{
margin-top: 20px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
}

#theFooter a, #theFooter a:hover
{
text-align: center;
font-size: 10px;
color: #666666;
}


/* Left Column Content Styles ------------------------------------------------------  */

#theLogo
{
height: 125px;
width: 175px;

}

#theLinks
{
margin-right: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 115px 0px 0px 0px;
line-height: 13px;
}

#theLinks ul
{
list-style: none;
margin: -1px;
}

#theLinks li, #theLinks li a, #theLinks li a:hover
{display: block;width: 100%;}
#theLinks li
{padding: 3px 4px;}

#theLinks li a
{
text-decoration: none;
color: #999999;
background: url(images/leftNav_b1_back.png) no-repeat right;
}

#theLinks li a:hover
{text-decoration: none; color: #ffff99; background: url(images/leftNav_b1_back_on.png) no-repeat right;}

/* Right Column Content Styles --------------------------------------------------------  */


/* Font Styles----------------------------------------- */

.generalTXT
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 13px;
font-weight: normal;
}

.legalText
{font-size: 10px; line-height: 11px;}

.bigBlack
{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000000;
font-weight: bold;
line-height: 19px;
}

.capGrey
{
font-variant: normal;
text-transform: uppercase;
font-family: Impact, Arial;
font-size: 24px;
font-weight: normal;
color: #999999;
line-height: 25px;
}

.capRed
{
font-variant: normal;
text-transform: uppercase;
font-family: Impact, Arial;
font-size: 24px;
font-weight: normal;
color: #CC0000;
line-height: 25px;
}

.capGreen
{
font-variant: normal;
text-transform: uppercase;
font-family: Impact, Arial;
font-size: 24px;
font-weight: normal;
color: #009900;
line-height: 25px;
}

.justRed
{
font-weight: bold;
color: #990000;

}

.capBlue
{
font-variant: normal;
text-transform: uppercase;
font-family: Impact, Arial;
font-size: 24px;
font-weight: normal;
color: #0033FF;
line-height: 25px;
}

.linkTitle
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #efefef;
display: block;
height: 30px;
}

.linkTitleBLK
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 15px;
font-weight: bold;
color: #000;
}

#webPortfolio
{
width: 650px;
margin: 5px 0px 2px 0px;
float: left;
display: block;
}

#webPortfolio ul
{

font-size: 14px;
list-style-type: none;
margin: -1px;
}

#webPortfolio li
{
margin: -1px;
float: left;
display: block;
padding: 0px;
cursor: pointer;
}

#webPortfolio_thumbs li a
{
width: 67px;
height: 56px;
float: left;
display: block;
color: #003399;
}

#webPortfolio_thumbs li a:hover
{
color: #999999;
}

#freelanceForm
{float: right; width: 200px; padding: 6px; margin: 10px;font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px;}

#freelanceFormInfo
{font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px;}

#freelanceCol1
{float: left; width: 380px;}

#freelanceCol2
{float: left; width: 255px; background: url(images/freeLanceFormBack.jpg) no-repeat bottom center;}

/* Misc Page Styles ----------------------------------------------------------------- */

#recentProjects
{width: 225px; height: 285px; z-index: 99; position: absolute; margin: 230px 0px 0px 62%;}

#recentTitle, #freelanceTitle, #freelanceThumb, #recentThumbs
{margin-bottom: 10px;}

#webDetails, #webDetails td
{valign: top;}

#webPreviewTable
{width: 98%; margin: 0px auto;}

.ajaxtooltip{
position: absolute; /*leave this alone*/
display: none; /*leave this alone*/
width: 300px;
left: 0; /*leave this alone*/
top: 0; /*leave this alone*/
background: lightyellow;
border: 2px solid gray;
border-width: 1px 2px 2px 1px;
padding: 5px;
z-index: 99;
}

.floaterCell
{
width: 25%;
margin: 25px 5px 2px 5px;
float: left;
display: block;
font-size: 12px;
line-height: 13px;
color: #333333;
}

.MasterfloaterCell
{
width: 90%;
margin: 25px 5px 2px 5px;
float: left;
display: block;
font-size: 12px;
line-height: 13px;
color: #333333;
}

.floaterCell a
{color: #006600;}

.floaterCell a:hover
{color: #003366;}

.VrightContent
{
float: right;
margin: 15px 40px 15px 350px;
font-family: "Lucida Sans", Arial;
font-size: 15px;
line-height: 16px;
font-variant: normal;
text-align: left;
font-weight: bold;
color: #333333;
}

.marginLR_1px {margin: 2px 1px 0px 1px;}

.floaters1
{
float: right;
width: 90px;
}

.leftFloat49
{
float: left;
width: 99%;
margin: 8px 3px 8px 3px;
}
.leftFloat46
{
float: left;
width: 195px;
margin: 8px 3px 8px 3px;
}

.putMe2TheRight
{
width: 125px;
float: right;
margin: 5px 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.textfieldRequiredMsg,.textfieldInvalidFormatMsg,.selectRequiredMsg,.textfieldMinValueMsg,.textfieldMaxValueMsg,.textfieldMinCharsMsg,.textfieldMaxCharsMsg
{position: absolute; padding: 3px; background-color: #FAFBD7;}


.servicesRatesInfoLinks
{width: 200px; float: right; margin: 0 0 0 20px;}

.servicesRatesInfoLinks ul
{margin: -1px -1px -1px -40px; width: 200px;}

.servicesRatesInfoLinks li
{list-style-type: none; display: block; padding: 3px; width: 194px; height: 13px; float: left; background: #CCCCCC; margin: 0 0 1px 0;}

.servicesRatesInfoLinks li a
{text-decoration: none; color: #333333; font-weight: bold;}


/* XML and Forms ----------------------------------------------------------------- */

form
{

}

#theXMLButtons
{
float: left;
width: 200px;
margin: 0px 10px;

}

#theXMLForms
{
float: left;
width: 460px;
margin: 0px 10px;

}

.headerbannerFloat
{
float: right; 
width: 150px; 
height: 85px; 
margin: 4px 8px;
}

.headerFloatContact
{
width: 250px;
height: 35px;
float: right;
margin: 90px 50px 0px 0px;
}

.alignCenter
{
margin: 10px auto 0px auto;
}

.featuredProjects
{
float: right;
width: 300px;
background: url(images/featured.jpg) no-repeat;
}

#requestProposal
{
margin: 20px;
}