@charset "utf-8";

/*
----------------------------------------------------------------
	H E A D I N G S
---------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { 

}	

ul {
	list-style: none;
}

/*
----------------------------------------------------------------
	B A S E
---------------------------------------------------------------- */

body { 
	background-image:url(../Images/Background/bg3.jpg);
	background-position:center top;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-color:#000000;
	color:#444444;
	font: 1.0em/1.2em "Myriad Pro", Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: normal; 
	vertical-align:top;
}

#container { 
	background: white url(../Images/bkg-container.jpg) no-repeat top center;
	margin-top:50px;
	border-left:6px #262626 solid;
	border-right:6px #262626 solid;	
	border-top:0px #262626 solid;
}

h1
{
		color:#5d5d5d;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 24px;
		font-style: normal;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: -2px;
		line-height: 1.2em;
}

@font-face 			{ font-family: "Myriad Pro SemiBold"; src: url(../fonts/MyriadPro-Semibold.otf); format("opentype");} /* Defines custom fonts utilizing CSS3 */
.Heading
{
	font-family: Myriad Pro SemiBold, “Trebuchet MS”, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: -1px;
	line-height: 1.2em;
	color:#242424;	
}

@font-face 			{ font-family: "Myriad Pro"; src: url(../fonts/MyriadPro-Regular.otf); format("opentype");} /* Defines custom fonts utilizing CSS3 */
.content
{
	font-family: Myriad Pro, Arial, sans-serif;
	font-size: 10px;
	color:#000;
}

#contentBG-top
{
	position: absolute;
	width:100%;
	top: 44px;
	z-index: 99;
	margin-top: -30;
	left: 0px;
}

.contentBG-top
{
text-align:center;
}

/*
----------------------------------------------------------------
	L I N K S
---------------------------------------------------------------- */

a:link, a:visited {
	font: 1.0em/1.2em "Myriad Pro", Arial, Verdana, sans-serif;
	font-size: 14px;
	color:#444444;
	text-decoration:underline;
}	

a:hover {
	font: 1.0em/1.2em "Myriad Pro", Arial, Verdana, sans-serif;
	font-size: 14px;
	color:#34B0FF;
	text-decoration:underline;
}

/*
----------------------------------------------------------------
	I M A G E   V I E W E R
---------------------------------------------------------------- */

.welcome { width:630px; height:415px; padding: 0px; margin:0; overflow: hidden;}
.rotator { width:630px; height:415px; background: #f6f2e9; }

/*
----------------------------------------------------------------
	F O O T E R
---------------------------------------------------------------- */

#footerDropShadow
{
	background-image:url(../Images/Footer/FooterDropShadow2.GIF;)
	background-repeat:repeat-x;
	height:10px;
}

#footerLine
{	
	border-left:#8a8a8a solid 1px;
}

div#footer2
{
	background-color:#242424;
	background-image:none;
	border-top:#454545 1px solid;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#b0b0b0;
	
	_position: absolute;
}

#footer2
{
	line-height:normal;
	background-image:none;
	background-color:#323232;
}

#footer2 a:hover
{
	color:#1A91E3;
}

#footer2 a
{
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-decoration:none;
}

/*
----------------------------------------------------------------
	EMAIL FORM
---------------------------------------------------------------- */

#contact fieldset { border: 0; }
#contact form label, #contact form input { clear: both; }
#contact form label 
	{ 
		display: block; margin: 5px; font-size: 10px; display: none; padding:5px; 
	}
#contact form input, #contact form textarea 
	{ 
		padding: 6px 12px 8px 12px;  
		width: 400px; 
		border: 1px solid #999; 
		margin: 5px; color: #999;
		 
		font: 1.0em/1.2em "Myriad Pro", Arial, Verdana, sans-serif;
		font-weight: normal;
		color:#444444;

		border-radius: 6px;
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px; 
	}
	
#contact form textarea 
	{  
		height: 142px; 
		border: 1px solid #999; 
		width: 400px; 
		padding-top: 14px; 
		color:#444444;
	} 
	
#contact form input:focus
	{ 
		border: 1px solid #333; 
		background-color:#E4E4E4;
	}	
	
#contact form textarea:focus
	{ 
		border: 1px solid #333;
		background-color:#E4E4E4;
	}		
	
#contact form #send
	{ 
		width: 428px; 
		background-color: #777; 
		border: 1px solid #777;
		cursor: pointer !important;  
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px; 
		border-radius: 6px;
		padding: 6px 12px 8px 12px;
		margin: 5px; 
		text-align: left; 
		
		font: 1.0em/1.2em "Myriad Pro", "Lucida sans", Verdana, sans-serif;
		font-weight: normal;
		color:#EEE;
	}
#contact form #send:hover 
	{ 
		border: 1px solid #33b0ff;
		background:#33b0ff;
		cursor: pointer !important ;
		color:#FFF;
	}

/*
----------------------------------------------------------------
	LOGIN
---------------------------------------------------------------- */

#login
{
	position: fixed;
	right: 0%;
	z-index: 99;
	top:200px;
}

/*
----------------------------------------------------------------
	SPACERS
---------------------------------------------------------------- */

.spacer {
	clear:both; 
	font-size:0px; 
	line-height:0px;
	width: 960px;
	height: 200px;
}

.spacersmall {
	clear:both; 
	font-size:0px; 
	line-height:0px;
	width: 960px;
	height: 75px;
}

.right {
	float:right;
}

.left {
	float:left;
}

.subnav {
	width: 548px;
	display: inline;
}
	
/*
----------------------------------------------------------------
	N A V I G A T I O N
---------------------------------------------------------------- */

#container .navigation {
	height:35px;
	margin:32px 0 0;
	position:relative;
}

#container .navigation li {
	display: inline;
}

#container .navigation li a {
	background: url(../Images/nav.gif) no-repeat;
	float:left;
	height:0;
	overflow:hidden;
	padding-top:35px;
	width:109px;
}

#container .navigation li.homepage a {
	background-position: 0 0;
}

#container .navigation li.ourservices a {
	background-position: -109px 0;
}

#container .navigation li.about a {
	background-position: -218px 0;
}

#container .navigation li.work a {
	background-position: -327px 0;
}

#container .navigation li.contactus a {
	background-position: -436px 0;
}

#container .navigation li.homepage a:hover {
	background-position: 0 -34px;
}

#container .navigation li.ourservices a:hover {
	background-position: -109px -34px;
}

#container .navigation li.about a:hover {
	background-position: -218px -34px;
}

#container .navigation li.work a:hover {
	background-position: -327px -34px;
}

#container .navigation li.contactus a:hover {
	background-position: -436px -34px;
}

#container .navigation li.homepage a#first {
	background-position: 0 -34px !important;
}

#container .navigation li.ourservices a#second {
	background-position: -109px -34px !important;
}

#container .navigation li.about a#third {
	background-position: -218px -34px !important;
}

#container .navigation li.work a#fourth {
	background-position: -327px -34px !important;
}

#container .navigation li.contactus a#fifth {
	background-position: -436px -34px !important;
}


/*
----------------------------------------------------------------
	C O N T E N T
---------------------------------------------------------------- */

#topcontact {
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:0px;
	margin:33px 85px 0 0;
	text-align:right;
}

#topcontact a:link, #topcontact a:visited {
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	color:#707070;
	text-decoration: none;
	border-bottom:none;
}

#topcontact a:hover {
	color:#1A91E3;
	font-family:Verdana, Geneva, sans-serif;	
	border-bottom: 1px #1A91E3 solid;
}

.servicetext {
	line-height:24px;
	margin:0 0 60px 3px;
	width:575px;
}

.jobstext {
	line-height:24px;
	margin:0 0 0 3px;
	width:575px;
}

#wetext {
	width:697px;
	margin:30px auto 0 auto;
}

#wetext p {
		line-height:24px;

}

.portgap {
	margin: 20px 0 0 90px;
}

.disclaimer {
	color: white;
	font-size: 10px;
	font-weight: bold;
	width: 400px;
	margin: 20px auto;
}

/*
----------------------------------------------------------------
	WEBSITES
---------------------------------------------------------------- */

.websites 
{
	padding-left: 30px;
	font-family: Arial, sans-serif;
	font-size: 10px;
	color:#000;
}


/*
----------------------------------------------------------------
	SPACERS
---------------------------------------------------------------- */

.thumbnailBlock
{
	width:142px;
	height:142px;
	padding:3px;
	background:#000000;
	
	border:1px solid #445;
}

.thumbnailBlock a
{
	border:1px #342 solid;
	width:142px;
	height:142px;
}

.thumbnailBlock a:hover
{
	border:1px #589 solid;
	background-color:#009900;
	width:142px;
	height:142px;
}

/*
----------------------------------------------------------------
	LIGHTBOX
---------------------------------------------------------------- */

#LiteBox
{
	height:140px;
	width:140px;
}

#LiteBox a
{
	border:5px #FF0 solid;
}

#LiteBox a:hover
{
	border:5px #E0E0E0 solid;
}


/*
----------------------------------------------------------------
	G A L L E R Y
---------------------------------------------------------------- */


#button
	{
		width:144px;
		height:160px;
		text-align:center;
		padding:0px;
		margin:0px;
	}

#button ul 
	{
       	list-style-type:none;
		width:144px;
		height:160px;
		padding:0px;
		margin:0px;
	} 

#button li 
	{
		margin-left:0px;
		padding:1px;
	}

#button li a 
	{ 
        display: block;
		
		font-family: arial, sans-serif;
		font-size: 10px;
		font-style: normal;
		letter-spacing: 0px;
		line-height: 40px;
		color:#FFF;
		text-align:left;
		text-decoration:none;
		text-transform:uppercase;

		padding:1px;
		margin-left:0px;
		
		background-color:#F2F2F2;
	}

* html #button li a 
	{  /* make hover effect work in IE */
		width:152px;
		height:160px;
	}

#button li a:hover 
	{
		background-color:#33b0ff;
		color:#000;
	}

#button a span 
	{
        color: #125F15;
	}
	 
/*
----------------------------------------------------------------
	TWITTER
---------------------------------------------------------------- */

#twitter_div
{
	margin-right: 10px;
	color:#FFFFFF;
	text-transform:uppercase;
}

#twitter_div a
{
	color:#FFFFFF;
}

#twitter_div a:hover
{
	color:#34B0FF;
}