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

body{
	background-image:url(images/webdesign_bg.jpg);
	background-repeat:repeat-x;
	background-color:#000;
	margin-top:45px;
	overflow:hidden;
}


#designholder{
	position:relative;
}

#sale{
	position:absolute;
	z-index:4;
	width:300px;
	height:321;
	/*visibility:visible;*/
	visibility:hidden;
	top:51px;
	left:-111px;
}


#fog{
	position:absolute;
	z-index:2;
	width:1026px;
	height:393px;
	visibility:visible;
	/*visibility:hidden;*/
	top:475px;
	left:-45px;
}

#fog2{
	position:absolute;
	z-index:3;
	width:1001px;
	height:202px;
	visibility:visible;
	/*visibility:hidden;*/
	top:478px;
	left:-33px;
}




.designframe{
	background:url(images/designframe.png) no-repeat;
}

img#logo{
	margin:10px;
}



.menu{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-align:right;
	padding-right:15px;
}
.menu A:link,.menu A:visited, .menu A:active{
	color:#FFF;
	text-decoration:none;
}
.menu A:hover{
	color:#C00;
	text-decoration:none;
}

.phonenumber{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#C00;
	font-weight:bold;
}

.designservices {
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:-1px;
	font-size:12px;
	color:#333;
	text-align:right;
	padding-right:15px;
}

.flashholder{
	background:url(images/flashanimationholder.jpg) no-repeat;
	margin-top:13px;
}

.metalstrip{
	background:url(images/metaldesignstrip.png) no-repeat;
}

#loadbigbutton {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	visibility:hidden;
}

.homebtns {
	background:url(images/bigbutton.png) center no-repeat;
	width:295px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	padding-bottom:5px;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
}
.homebtns:hover{
	background:url(images/bigbutton_dn.png) center no-repeat;
	cursor:pointer;
	color:#CCC;
}

.homebtns A:active,.homebtns A:visited,.homebtns A:link{
	text-decoration:none;
	color:#FFF;
}
	



.smallbtns {
	background:url(images/smallbutton.png) center no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	padding-bottom:5px;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
}
.smallbtns:hover{
	background:url(images/smallbutton_dn.png) center no-repeat;
	cursor:pointer;
	color:#CCC;
}

.smallbtns A:active,.smallbtns A:visited,.smallbtns A:link{
	text-decoration:none;
	color:#FFF;
}

.hometeasers {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:justify;
	padding-left:13px;
	padding-right:13px;
}


.contentbg{
	background:url(images/designcontent.png) no-repeat;
}


h1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#393939;
	margin:0px;
}

.copysmallfff{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:justify;
	color:#FFF;
}

.copysmallccc{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:justify;
	letter-spacing:-1px;
	color:#999;
}

.copy999{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#999;
}
.copyccc{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ccc;
}

.bignote{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#CCC;
}

.quoteprogressbg{
	background-image:url(images/yourquoteprogressBG.png);
	background-repeat:no-repeat;
	background-position:top center;
}
.quoteprogressnotes{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#333;
	text-align:center;
	text-transform:uppercase;
}

.quotenumber{
	font-family:"Courier New", Courier, monospace;
	font-size:24px;
	font-weight:bold;
	color:#0C0;
	background-color:#000;
	border:#666 solid 2px;
	text-align:center;
	padding:10px;
}

.questionsbox{
	background:url(images/questionBox.png) no-repeat;
}

#questions{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	position:relative;
	top:20px;
	left:20px;
	width:500px;
	height:176px;
}

.finance3month{
	background:url(images/3mounthwebsitefinancing.png) no-repeat;
}
.finance6month{
	background:url(images/6mounthwebsitefinancing.png) no-repeat;
}

.financefont{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#333;
	padding-right:15px;
}

.servicebar{
	background:url(images/servicesbar.png) no-repeat;
	padding:10px;
}

.servicetitle{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#333;
}
.servicebody{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#333;
}

.servicesTech{
	background:url(images/servicestechnologies.png) no-repeat;
	padding:15px;
}

.services3rdparty{
	background:url(images/services3rdparts.png) no-repeat;
	padding:15px;
}

.servicessidetitle{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333;
}
.servicessidenote{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	letter-spacing:-1px;
	color:#333;
}
.servicessidecontent{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#333;
}

.clientspanel{
	background:url(images/clients_panel.png) no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#000;
	padding-top:15px;
}





/* lightbox css */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(images/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(images/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(images/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(images/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
		
		
		
		
		
		
		
		
		
		
		
		
		
		/* clients scrollable eye candy */
		
		
		/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	top:14px;
	overflow:hidden;
	width: 900px;
	height:335px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
	/*background:url(images/clients_panel.png) no-repeat;*/
}