@charset "utf-8";
body {margin:0px;padding: 0px;background:url(images/bg.jpg);font:12px/18px Arial, Helvetica, sans-serif;color:#FFF;height: 100%;}
a{color:#fff;text-decoration:none; outline:none;}
a:active, a:visited {color:#fff;text-decoration:none;}
a:hover{color:#024E8A;}
img{border:none;}

blockquote{ padding:0px; margin:0px;}

.floatLeft{float:left;}
.floatRight{float:right;}

.clearfix{clear:both;}
.clearfix:after{content:'.'; visibility:hidden; display:none;}
.small{font-size:12px;}
.mid{font-size:12px;}
.big{font-size:14px;}
.vbig{font-size:16px;}
.fl{float:left;}
.fl a:hover
{
	color:#FFFFFF;
}
.fr{float:right;}
h3{color:#9B4109;font-weight:bold;font-size:18px;}/*color:#B6EF2C;*/
h6{color:#000000;font-weight:bold;font-size:17px; margin:4px 0 0; padding:0 0 0 22px; background-image:url(images/icoBullet.png); background-repeat:no-repeat; background-position:left 2px;}
/*FFBB39*/
#wrapper{margin:0 auto;width:990px;}
#header{height:100px;margin-top:36px;}
#logo{background:url(images/logo.png) no-repeat;width:338px; height:71px;text-indent:-2000px;float:left;}

#toplinks{float:right;color:#FFBC3B;font-size:18px;margin-top:20px;}
#toplinks a{text-transform:uppercase;color:#FFBC3B;padding:0px 10px 0px 10px;}
#toplinks a:hover{color:#FFF;}
#toplinks a.active{color:#FFF;}
#toplinks a.active:hover{color:#FFBC3B;}

#boxes{width:960px;margin-top:0px;height:200px;margin-left:40px;}
#boxes ul {margin:0;padding:0;list-style:none;}
#boxes ul li{display:inline;}
#boxes li a{float:left;display:block;width:225px;text-indent:-2000px;height:200px;}

#boxes li.box_sitedesign a{background:url(images/box_site_design.png) no-repeat;margin-left:0px;}
/*#boxes li.box_sitedesign a:hover, #boxes li.box_sitedesign a.active{background:url(images/box_site_design_hover.png) no-repeat;}*/
#boxes li.box_sitedesign a:hover, #boxes li.box_sitedesign a.active{background:url(images/box_site_design.png) no-repeat;}

#boxes li.box_hosting a{background:url(images/box_hosting.png) no-repeat;margin-left:12px;}
/*#boxes li.box_hosting a:hover, #boxes li.box_hosting a.active{background:url(images/box_hosting_hover.png) no-repeat;}*/
#boxes li.box_hosting a:hover, #boxes li.box_hosting a.active{background:url(images/box_hosting.png) no-repeat;}

#boxes li.box_marketing a{background:url(images/box_marketing.png) no-repeat;margin-left:12px;}
/*#boxes li.box_marketing a:hover, #boxes li.box_marketing a.active{background:url(images/box_marketing_hover.png) no-repeat;}*/
#boxes li.box_marketing a:hover, #boxes li.box_marketing a.active{background:url(images/box_marketing.png) no-repeat;}

#boxes li.box_pc_network a{background:url(images/box_pc_network.png) no-repeat;margin-left:13px;}
/*#boxes li.box_pc_network a:hover, #boxes li.box_pc_network a.active{background:url(images/box_pc_network_hover.png) no-repeat;}*/
#boxes li.box_pc_network a:hover, #boxes li.box_pc_network a.active{background:url(images/box_pc_network.png) no-repeat;}

.content{padding:0px 0 40px 0;width:100%;overflow: hidden;height:1px;background:#341B0A url(images/bg_content.jpg);}
.content .innercontent{padding:0px 10px 0px 5px;overflow:hidden;overflow-y:auto;margin:0 auto;width:900px;}
.content .innercontent h1{margin:0;padding:0;width:100%;border-bottom:0px solid #666;padding-bottom:12px;color:#CCC;text-transform:uppercase;font-size:20px;float:left;}
.content .innercontent .close_cnt{background:url(images/close16.png) no-repeat; background-position:left 10px;width:67px;height:26px;float:right;cursor:pointer; margin-bottom:15px;}
.content .innercontent p{font-size:14px;}

.content .innercontent blockquote
{
	background-image:url(images/contentBaseBg.jpg); 
	background-repeat:repeat-x; 
	background-color:#B35C24; 
	margin:0px; 
	width:859px;
	min-height:424px;
	padding:0px 20px 10px; 
	float:left;
	color:#000000;
}

.content div.portfolio_block{margin:10px 0px 0px 0px;*margin-top:17px;clear:both;color:#333;}
.content div.portfolio_block ul{list-style:none;margin:0;padding:0;display:block;}
.content div.portfolio_block li{display:block;float:left;width:196px;height:160px;margin-right:15px;margin-bottom:15px;*margin-bottom:0px;border: 1px solid #000;background-color: #ddd;}
.content div.portfolio_block li a{display:block;float:left;width:186px;padding:5px;}
.content div.portfolio_block li div{float:left;padding:5px;padding-top:0;font-size:12px;font-weight:bold;}

.content div.portfolio_block li div a:link, .content div.portfolio_block li div a:visited{padding:0px !important; margin:0px; color:#000000;}
.div.portfolio_block li div a:visited{padding:0px !important; margin:0px; color:#000000;}

.innercontent #sitedesign_gallery{display:block;}


.tabularHolder
{
	float:left;
	clear:both;
}

	.width860
	{
		width:860px;
	}
	
	.width450
	{
		width:450px;
	}
	
	.width600
	{
		width:600px;
	}
	
	.gap
	{
		margin-bottom:10px;
	}

	.tabularHolder h4
	{
		background-image:url(images/tabularHeadLeft.png);
		background-repeat:no-repeat;
		background-position:left top;
		height:29px;
		padding:0 0 0 19px;
		margin:0;
	}
	
		.tabularHolder h4 span
		{
			background-image:url(images/tabularHeadRight.png);
			background-repeat:no-repeat;
			background-position:right top;
			height:24px;
			display:block;
			padding:5px 0 0;
		}
		
	.tabularHolder ul
	{
		list-style:none;
		float:left;
		background-color:#FFFFFF;
		width:100%;
		margin:0px;
		padding:0px;
	}	
	
		.tabularHolder li
		{
			padding:3px 20px;
			margin:0px;
			background-color:#D9DFE4;
		}
		
			.tabularHolder li.alt
			{
				background-color:#F4F4F4;
			}
			
				.tabularHolder li a:link, .tabularHolder li a:visited
				{
					color:#9B4109;
				}
				
				.tabularHolder li a:hover
				{
					color:#000;
				}
				
	.formHolder
	{
		float:left;
		width:600px;
		padding:5px 0px 20px 0px;
		background-color:#fff;
	}
	
		.formHolder p
		{
			padding:0px 5px;
			margin:0px;
			font-size:9px !important;
		}
		
		.formHolder span
		{
			color:#FF0000;
		}
		
		.formHolder dl
		{
			float:left;
			margin:0px;
			padding:5px 2px;
			width:596px;
			color:#9B4109;
			border-bottom:#D9DFE4 1px solid;
		}
		
			.formHolder dl.color
			{
				background-color:#D9DFE4;
			}
		
			.formHolder dt
			{
				float:left;
				margin:0px;
				padding:2px 8px;
				width:164px;
			}
			
			.formHolder dd
			{
				float:left;
				margin:0px;
				padding:2px 0px;
				width:410px;
			}
	
	ul.wizardLogos
	{
		list-style:none;
		float:left;
		width:800px;
		margin:0px 0px 30px;
		padding:0px;
	}
	
		ul.wizardLogos li
		{
			padding:10px;
			margin:0px;
			float:left;
		}
		
			ul.wizardLogos li img
			{
				border:#FFFFFF 3px solid;
				padding:2px;
			}


ul.innerPageMenu
{
	list-style:none;
	float:left;
	width:910px;
	margin:0px 0 20px 0;
	padding:0;
}

	ul.innerPageMenu li
	{
		float:left;
		padding:0 10px 0 0;
		margin:0px;
	}

/*#quote{width:800px;	height:76px;position:absolute;top:400px;margin-left:45px;display:block;background:transparent !important;}*/
#quoteContent{width:850px;	position:absolute;top:340px;margin-left:50px;display:block;background:transparent !important; font-size:15px; color:#fcff00; font-weight:bold; line-height:20px;}

#quoteContent h1
{
	display:inline; font-size:17px; color:#b5e752; 
}

#plane{width:920px;	height:265px;position:absolute;top:340px;margin-left:55px;background: url(images/plane.png) no-repeat right top;z-index:-5;}

#info{width:300px;height:60px;position:absolute;top:500px;margin-left:45px;font-size:18px;}
#info span{margin-left:10px;padding-top:5px;display:block;}
.lorange{color:#F0A44B;}
.yellow{color:#E4BB00;}

#footer{width:100%;background:#000;position:absolute;top:575px;left:0px; text-align:right;color:#CCC;padding:7px 0px 7px 0px;border-top:1px solid #333;}
#footer .copyright{width:900px;margin:0 auto;text-align:right}
#footerStuffs{width:100%; position:absolute; top:610px; left:0px; text-align:center;color:#CCC;padding:7px 0px 7px 0px;}
/************************* LIGHTBOX STARTS *****************************/
div.pictureHolder .top .left { background: url(images/pp/tl.gif) top left no-repeat; } /* Top left corner */
div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */
div.pictureHolder .top .right { background: url(images/pp/tr.gif) top left no-repeat; } /* Top right corner */
div.pictureHolder .content { background-color: #fff; } /* Content background */
div.pictureHolder .content a.next:hover { background: url(images/pp/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.pictureHolder .content a.previous:hover { background: url(images/pp/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.pictureHolder .content a.expand { background: url(images/pp/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
div.pictureHolder .content a.expand:hover { background: url(images/pp/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
div.pictureHolder .content a.contract { background: url(images/pp/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
div.pictureHolder .content a.contract:hover { background: url(images/pp/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
div.pictureHolder .content a.close { width: 75px; height: 22px; background: url(images/pp/btnClose.png) center left no-repeat; cursor: pointer; } /* Close button */
div.pictureHolder .content .details .nav a.arrow_previous { background: url(images/pp/arrow_previous.png) top left no-repeat; } /* The previous arrow in the bottom nav */
div.pictureHolder .content .details .nav a.arrow_next { background: url(images/pp/arrow_next.png) top left no-repeat; } /* The next arrow in the bottom nav */
div.pictureHolder .bottom .left { background: url(images/pp/light_rounded/bl.gif) top left no-repeat; } /* Bottom left corner */
div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */
div.pictureHolder .bottom .right { background: url(images/pp/br.gif) top left no-repeat; } /* Bottom right corner */
div.pictureHolder .loaderIcon { background: url(images/pp/loader.gif) center center no-repeat; } /* Loader icon */
div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(images/pp/ttl.gif) top left no-repeat; }
div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(images/pp/ttr.gif) top left no-repeat; }
div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(images/pp/ttp.gif) top left repeat-x; }
	
/* ----------------------------------
	Dark Rounded Theme
----------------------------------- */
div.dark_rounded .top .left { background: url(images/pp/tl.png) top left no-repeat; } /* Top left corner */
div.dark_rounded .top .middle { background: url(images/pp/contentPattern.png) top left repeat; } /* Top pattern/color */
div.dark_rounded .top .right { background: url(images/pp/tr.png) top left no-repeat; } /* Top right corner */
div.dark_rounded .bottom .left { background: url(images/pp/bl.png) top left no-repeat; } /* Bottom left corner */
div.dark_rounded .bottom .middle { background: url(images/pp/contentPattern.png) top left repeat; } /* Bottom pattern/color */
div.dark_rounded .bottom .right { background: url(images/pp/br.png) top left no-repeat; } /* Bottom right corner */
div.dark_rounded .content { background: url(images/pp/contentPattern.png) top left repeat; } /* Content background */
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded div.prettyPhotoTitleLeft { background: url(images/pp/tl.png) top left no-repeat; }
div.dark_rounded div.prettyPhotoTitleRight { background: url(images/pp/tr.png) top right no-repeat; }
div.dark_rounded div.prettyPhotoTitleContent { background: url(images/pp/contentPattern.png) top left repeat; }
div.dark_rounded .loaderIcon { background: url(images/pp/loader.gif) center center no-repeat; } /* Loader icon */

/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */
div.pictureHolder a:focus{outline:none}div.prettyPhotoOverlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%}div.pictureHolder{position:absolute;z-index:10000;width:100px}div.pictureHolder .top{position:relative;height:20px}* html div.pictureHolder .top{padding:0 20px}div.pictureHolder .top .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .top .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .top .middle{position:static;left:0}div.pictureHolder .top .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .content{position:relative;text-align:left;width:100%;height:40px}div.pictureHolder .content .details{display:none;margin:10px 15px 2px 20px}div.pictureHolder .content .details p.description{display:none;float:left;margin:0}div.pictureHolder .content .details .nav{float:left;margin:3px 0 0 0}div.pictureHolder .content .details .nav p{float:left;margin:0 4px}div.pictureHolder .content .details .nav a.arrow_previous,div.pictureHolder .content .details .nav a.arrow_next{float:left;display:block;width:14px;height:15px;overflow:hidden;text-indent:-10000px;margin-top:3px}div.pictureHolder .content .details .nav a.disabled{background-position:0 -16px;cursor:default}div.pictureHolder .content div.hoverContainer{position:absolute;z-index:2000;top:0;left:0;width:100%}div.pictureHolder .content a.next{display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(images/pp/light_rounded/btnNext.png) 10000px 10000px no-repeat}div.pictureHolder .content a.previous{display:block;float:left;text-indent:-10000px;width:49%;height:100%;background:url(images/pp/light_rounded/btnNext.png) 10000px 10000px no-repeat}div.pictureHolder .content a.expand,div.pictureHolder .content a.contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px}div.pictureHolder .content a.close{float:right;display:block;text-indent:-10000px}div.pictureHolder .bottom{position:relative;height:20px}* html div.pictureHolder .bottom{padding:0 20px}div.pictureHolder .bottom .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .bottom .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .bottom .middle{position:static;left:0}div.pictureHolder .bottom .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}div.pictureHolder #fullResImageContainer{width:100%;text-align:center}div.pictureHolder #fullResImageContainer{display:block;margin:0 auto}div.prettyPhotoTitle{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:13px}div.prettyPhotoTitle div.prettyPhotoTitleLeft,div.prettyPhotoTitle div.prettyPhotoTitleRight{float:left;width:19px;height:23px;overflow:hidden}div.prettyPhotoTitle div.prettyPhotoTitleContent{float:left;line-height:23px}.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/************************* LIGHTBOX ENDS *****************************/




.contactbox 
{
	width:600px; 
	background-color:#1a1a1a; 
	border-left:1px solid #343434;
	border-bottom:1px solid #343434;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #cccccc;
	margin:0px; 
	padding:10px; 
	position:relative;
	float:left;
}

	.contactbox h2 
	{
		font:normal 30px/35px arial; 
		color:#484848;
	}
	
	.contactbox blockquote 
	{
		background-color:#000; 
		padding:15px;
		float:left;
	}


.thumb_area
{
	width:248px;
	float:left;
}

.thumb_area h3{

	height:27px;

	width:234px;

	margin:0 0 0 0;

	color:#a8a8a8;

	padding-top:10px;

	font:normal 16px/26px Arial, Helvetica, sans-serif;

	border-bottom:solid 1px #1a1a1a;

	}

.thumb_area div
{
	height:192px;
	width:244px;
}

.thumb_area div a{

	height:56px;

	width:70px;

	margin:9px 9px 0 0;

	border:solid 1px #4d4d4d;

	float:left;

	}

.thumb_area div a:hover{

	height:56px;

	width:70px;

	background-color:#333;

	border:solid 1px #fff;

	}

.big_area{

	width:280px;

	float:right;

	margin:0px 10px 0 5px;

	position:relative;

	overflow:hidden;

	}

.big_area p{

	padding:10px 0 0 0;

	font:normal 11px/14px Arial, Helvetica, sans-serif;

	color:#939393;

	display:block;

	}

.big_area span{

	padding:10px 0 0 0;

	font:normal 14px/14px Arial, Helvetica, sans-serif;

	color:#939393;

	display:block;

	}

.big_area a{

	font:normal 11px/30px Arial, Helvetica, sans-serif;

	color:#937847;

	text-decoration:underline;

	}

.big_area a:hover{

	color:#937847;

	text-decoration:none;

	}

.zoom_btn{

	width:18px;

	height:18px;

	position:absolute;

	top:10px;

	left:10px;

	z-index:1000;

	border:solid 1px #343434;

	}