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

body	{
	background-image:url(../images/bckg.png);
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Tahoma, Geneva, sans-serif;
	margin-top:20px;
	text-align:center;
	}
p, td, div	{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#CCCCCC;
	}
a:link	{
	color:#33CCFF;
	text-decoration:none;
	}
a:visited	{
	color:#33CCFF;
	text-decoration:none;
	}
a:hover	{
	color:#EEEEEE;
	text-decoration: underline;
	}
a:active	{
	color:6699CC;
	text-decoration:none;
	}
li	{
	list-style-image:url(../images/arrow_bullet2.gif);
	line-height:18px;
	color:#CCCCCC;
	}
dt, dd	{
	text-align:left;
	}
.date	{
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:10px;
	font-weight:bold;
	}
.HomeTitleBold	{
	font-size:14px;
	text-transform:uppercase;
	text-decoration:underline;
	color:#999999;
	}
.RightColumnTextColor	{
	color:#CCCCCC;
	}
.Footer	{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:20px;
	color:#999999;
	}
.NavText	{
	font-size:10px;
	color:#999999;
	margin-bottom:15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}
A.NavTextColor	{
	color:#999999;
	text-decoration:none;
	}
A.NavTextColor:hover	{
	color:#999999;
	text-decoration:underline;
	}
H1	{
	font-size:14px;
	color:#FFFFFF;
	border-bottom:1px solid #666666;
	padding-bottom:2px;
	}
.TitleSpacing	{
	padding-top:15px;
	}
.SubTitles		{
	font-size:16px;
	text-transform:uppercase;
	color:#FFFFFF;
	border-bottom:1px solid #666666;
	padding-bottom:2px;
	}
.SubTitles1	{
	font-size:15px;
	color:#FFFFFF;
	border-bottom:1px solid #666666;
	padding-bottom:2px;
	padding-top:40px;
	}
.SubTitlePortfolio	{
	font-size:15px;
	color:#FFFFFF;
	border-bottom:1px solid #666666;
	padding-bottom:2px;
	padding-top:2px;
	}
.SubTitlePortfolio2	{
	font-size:15px;
	color:#FFFFFF;
	border-bottom:1px solid #666666;
	padding-bottom:2px;
	padding-top:20px;
	}
.FaqSelectColor	{
	text-transform:uppercase;
	color:#66CCCC;
	padding-bottom:5px;
	font-size:13px;
	}
.FaqSelectColor:hover	{
	text-transform:uppercase;
	color:#CCCCCC;
	padding-bottom:5px;
	font-size:13px;
	}
.Boldie	{
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:400;
	text-decoration:underline;
	}
.Boldie2	{
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:400;
	border-bottom:1px solid #666666;
	}
A.HomeColor	{
	color:#CCCCCC;
	text-decoration:none;
	}
A.HomeColor:hover	{
	color:#CCCCCC;
	text-decoration:underline;
	}
.FootNotes	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#A7A7A7;
	}
.highslide {
	cursor: auto;
	outline: none;
	}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 11px;
    padding: 5px;
    background-color: white;
	}
.GetStartedPicture	{
	padding-top:5px;
	padding-right:5px;
	padding-bottom:10px;
	}
.ContactUsFields	{
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	border:1px solid #333333;
	}
.DropDownMenu	{
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	padding-bottom:5px;
	}
.highlighttitle	{
	background-color:#262937;
	color:#EEEEEE;
	font-weight:bold;
	padding:4px;
	}

	
	
/*CSS LAYOUT */
#MainBody	{
	width:906px;
	margin:0px auto;
	}
#TopDate	{
	float:left;
	width:896px;
	text-align:right;
	padding-right:10px;
	padding-bottom:2px;
	}
#Logo	{
	float:left;
	width:161px;
	height:91px;
	}
#TopHead1	{
	float:left;
	width:128px;
	height:91px;
	}
#TopHead2	{
	float:left;
	width:617px;
	height:62px;
	}
#NavHomeIcon	{
	float:left;
	width:43px;
	height:29px;
	}
#NavContactIcon	{
	float:left;
	width:49px;
	height:29px;
	}
#NavSpacer	{
	float:left;
	width:30px;
	height:29px;
	}
#NavServices	{
	float:left;
	width:107px;
	height:29px;
	}
#NavPortfolio	{
	float:left;
	width:124px;
	height:29px;
	}
#NavClients		{
	float:left;
	width:134px;
	height:29px;
	}
#NavAbout		{
	float:left;
	width:130px;
	height:29px;
	}
#TopHorizontal	{
	clear:both;
	width:906px;
	height:4px;
	}
#MainImage	{
	float:left;
	width:663px;
	height:202px;
	}
#MainImageCorner	{
	float:left;
	width:4px;
	height:202px;
	}
#Web		{
	float:left;
	width:235px;
	height:202px;
	}
#Graphic	{
	float:left;
	width:239px;
	height:104px;
	}
#HorizontalLineMiddle	{
	clear:both;
	width:906px;
	height:1px;
	}
#Homebody	{
	float:left;
	width:906px;
	background-image:url(../images/bckg_body.png);
	}
#TitleLatestWork	{
	float:left;
	width:377px;
	height:49px;
	padding-left:10px;
	}
#TitleWelcome	{
	float:left;
	width:237px;
	height:49px;
	vertical-align:text-bottom;
	padding-left:15px;
	padding-right:20px;
	text-align:left;
	}
#RightColumnHomeSection	{
	float:right;
	width:246px;
	height:620px;
	background-image:url(../images/graph_column.png);
	background-repeat:no-repeat;
	background-position: bottom right;
	}
#TitleNeedToKnow	{
	float:left;
	width:224px;
	height:49px;
	padding-left:10px;
	padding-right:10px;
	}
#LatestWorkBox	{
	float:left;
	width:387px;
	height:166px;
	}
#HomeWeb1	{
	float:left;
	width:94px;
	height:81px;
	padding-left:10px;
	}
#HomeWeb2	{
	float:left;
	width:84px;
	height:81px;
	}
#HomeWebTitle	{
	float:left;
	width:30px;
	height:81px;
	}
#HomeGraphic1	{
	float:left;
	width:94px;
	height:85px;
	padding-left:10px;
	}
#HomeGraphic2	{
	float:left;
	width:84px;
	height:85px;
	}
#HomeGraphicTitle	{
	float:left;
	width:30px;
	height:85px;
	}
#WelcomeContent		{
	float:left;
	width:237px;
	padding-left:15px;
	padding-right:20px;
	padding-bottom:30px;
	text-align:left;
	}
#HomeXtras	{
	clear:both;
	width:658px;
	}
#HomeXtrasLeftColumn	{
	float:left;
	width:165px;
	padding-left:20px;
	padding-right:10px;
	text-align:left;
	}
#HomeXtrasRightColumn	{
	float:left;
	width:165px;
	padding-right:20px;
	padding-left:10px;
	text-align:left;
	}
#HomeXtrasRightColumn2	{
	float:left;
	width:260px;
	padding-right:10px;
	text-align:left;
	}
#RightColumnContent	{
	float:left;
	width:219px;
	padding-left:15px;
	padding-right:10px;
	text-align:left;
	color:#999999;
	height: 100%;
	}
#BottomContent	{
	float:left;
	width:357px;
	padding-left:20px;
	padding-right:10px;
	padding-top:15px;
	padding-bottom:30px;
	text-align:left;
	}
#BottomPage	{
	clear:both;
	width:906px;
	height:9px;
	}
#Footer	{
	float:left;
	width:906px;
	height:42px;
	background-image:url(../images/footer.png);
	margin-bottom:50px;
	text-align:center;
	padding-top:23px;
	}
#GeneralBody	{
	float:left;
	width:906px;
	background-image:url(../images/bckg_body.png);
	}
#GeneralLeftColumn	{
	float:left;
	width:658px;
	background-image:url(../images/top_titles_bckg.png);
	background-repeat:no-repeat;
	}
#GeneralRightColumn	{
	float:left;
	width:244px;
	background-image:url(../images/graph_column.png);
	background-repeat:no-repeat;
	background-position: bottom right;
	}
#PageTitle	{
	float:left;
	width:618px;
	padding-right:20px;
	text-align:left;
	}
#GeneralWeb	{
	float:left;
	width:244px;
	height:206px;
	}
#GeneralGraphic	{
	float:left;
	width:223px;
	height:105px;
	}
#GeneralLeft	{
	float:left;
	width:244px;
	text-align:left;
	}
#GeneralLeftPicture	{
	float:left;
	width:224px;
	padding-left:20px;
	text-align:left;
	}
#GeneralLeftPortfolio	{
	float:left;
	width:219px;
	padding-left:25px;
	padding-top:30px;
	text-align:left;
	}
#GeneralLeftPortfolioBox	{
	float:left;
	width:194px;
	padding:10px;
	background-color:#262937;
	border:1px solid #5E6276;
	}
#GeneralTopBody	{
	float:left;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:30px;
	width:374px;
	text-align:left;
	}
#GeneralSmallPicture	{
	float:left;
	width:224px;
	padding-left:20px;
	text-align:right;
	height:170px;
	}
#GeneralSmallBody	{
	float:left;
	padding-left:20px;
	padding-right:20px;
	width:374px;
	text-align:left;
	height:170px;
	}
#GeneralDivider	{
	clear:both;
	width:658px;
	height:1px;
	}
#GeneralWholeBodyText	{
	float:left;
	width:598px;
	padding-left:30px;
	padding-right:30px;
	text-align:left;
	}
#CallUsToday	{
	float:left;
	width:244px;
	height:100px;
	padding-top:30px;
	padding-bottom:30px;
	}
#GeneralPricingBody	{
	float:left;
	padding-bottom:30px;
	width:414px;
	text-align:left;
	}
#GeneralPricingTitle	{
	clear:both;
	width:374px;
	padding-left:20px;
	padding-right:20px;
	}
#GeneralPricingTitle2	{
	clear:both;
	width:374px;
	padding-left:20px;
	padding-right:20px;
	padding-top:40px;
	}
#GeneralPricingSubTitle	{
	clear:both;
	width:394px;
	padding-left:20px;
	padding-top:20px;
	height:20px;
	padding-bottom:1px;
	}
#GeneralPricingLeft	{
	float:left;
	width:220px;
	height:15px;
	padding-left:30px;
	padding-bottom:5px;
	text-align:left;
	}
#GeneralPricingRight	{
	float:left;
	width:124px;
	height:11px;
	padding-right:20px;
	padding-left:20px;
	padding-bottom:5px;
	padding-top:4px;
	text-align:left;
	}
#GeneralPricingLeft2	{
	float:left;
	width:220px;
	padding-left:30px;
	padding-bottom:5px;
	text-align:left;
	}
#GeneralPricingRight2	{
	float:left;
	width:124px;
	padding-right:20px;
	padding-left:20px;
	padding-bottom:5px;
	padding-top:4px;
	text-align:left;
	}
#GeneralPricingFootNotes	{
	clear:both;
	padding-left:20px;
	padding-right:20px;
	width:394px;
	padding-top:30px;
	}
#ThumbnailsLeftColumn	{
	float:left;
	width:220px;
	padding-top:20px;
	padding-bottom:10px;
	text-align:center;
    height: 126px;
	}
#ThumbnailsRightColumn	{
	float:left;
	width:219px;
	padding-top:20px;
	padding-bottom:10px;
	text-align:center;
    height: 126px;
    }
#ThumbnailsLatestsWorks	{
	clear:both;
	width:633px;
	text-align:left;
	margin-left:25px;
	}
#ThumbnailsDivider	{
	clear:both;
	width:658px;
	padding-bottom:15px;
	padding-top:20px;
	}
#Nextpage	{
	clear:both;
	text-align:right;
	width:628px;
	height:25px;
	padding-right:30px;
	}
#DropDown	{
	clear:both;
	text-align:right;
	width:628px;
	padding-right:30px;
	padding-bottom:5px;
	}
#PortfolioSmallPicture	{
	float:left;
	width:224px;
	padding-left:20px;
	text-align:right;
	height:90px;
	}
#PortfolioSmallBody	{
	float:left;
	padding-left:20px;
	padding-right:20px;
	width:374px;
	text-align:left;
	height:90px;
	}
#ContactUsBody	{
	float:left;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:30px;
	width:374px;
	text-align:left;
	}
#ContactUsLeft	{
	float:left;
	width:115px;
	height:30px;
	text-align:left;
	}
#ContactUsRight	{
	float:left;
	width:249px;
	padding-left:10px;
	height:30px;
	text-align:left;
	}
#ContactUsLeftComments	{
	float:left;
	width:115px;
	height:100px;
	text-align:left;
	}
#ContactUsRightComments	{
	float:left;
	width:249px;
	padding-left:10px;
	height:100px;
	text-align:left;
	}
#ContactUsLeftSubmit	{
	float:left;
	width:115px;
	height:40px;
	text-align:left;
	}
#ContactUsRightSubmit	{
	float:left;
	width:249px;
	padding-left:10px;
	height:40px;
	text-align:left;
	}
#ContactUsInfo	{
	float:left;
	width:214px;
	padding-left:30px;
	text-align:left;
	}
#ContactUsTitle	{
	clear:both;
	width:374px;
	height:20px;
	padding-top:20px;
	padding-bottom:10px;
	}
#ContactUsSelection	{
	clear:both;
	width:374px;
	padding-bottom:20px;
	}
#Thanks		{
	width:600px;
	height:300px;
	border:1px dashed #666666;
	}
#LogoWindow	{
	width:371px;
	padding:10px;
	height:284px;
	text-align:left;
	background-color: 3f445c;
	background-image: url(../images/bckg_2.png);
	}
#LogoWindowText	{
	width:371px;
	float:left;
	height:30px;
	padding-left:10px;
	padding-right:10px;
	background-image: url(../images/bckg_2.png);
	}


/* Highlight */

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
	}
.highslide-active-anchor img {
	visibility: hidden;
	}
.highslide img {
	border:none;
	}
.highslide:hover img {
	border:none;
	}
.highslide-wrapper {
	background: white;
	}
.highslide-image {
    border: 2px solid white;
	}
.highslide-image-blur {
	}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Tahoma, Geneva, sans-serif;
    font-size: 11px;
    padding: 5px;
    background-color: white;
	color:#666666;
	}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
	}
.highslide-move {
    cursor: move;
	}
.highslide-overlay {
	display: none;
	}
a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
	}


/* Controlbar example */
.controlbar {	
	background: url(highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
	}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
	}
.controlbar a:hover {
	background-image: url(highslide/graphics/controlbar4-hover.gif);
	}
.controlbar .previous {
	width: 50px;
	}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
	}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
	}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
	}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
	}
.highslide-display-none {
    display: none;
	}