/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements - type selectors
 * ------------------------------------------------------------------------- */

body { 
	background:#fff url("images/bg-body.jpg") left top repeat-x; 
	font: 12px/16px "Myriad Pro", Trebuchet MS, arial, helvetica, clean, sans-serif;
	text-align: left;
	color: #585a58;
}

blockquote { margin-left:10px; margin-right:10px; }
	
h1	{ font-size: 18px; color:#373737; font-weight:500; padding:5px 0 5px 18px; }
h2	{ font-size: 17px; color:#373737; font-weight:500; padding:10px 0 5px 18px;  }
h3	{ font-size: 16px; color:#373737; font-weight:500; padding:5px 0 5px 18px;  }

a:link,a:visited { color:#005e8f; text-decoration:underline; outline:none; }
a:hover,a:active { color:#005e8f; text-decoration:underline; outline:none; }

/* global classes
 * ------------------------------------------------------------------------- */

div.clear { clear:both; height:.01em; overflow:hidden; }
	
p.back-to-top { background:url("images/bullet-back-to-top.jpg") right no-repeat; text-align:right; display:block; padding-right:15px; }
	
img.img-left { float:left; margin:2px 10px 10px 0; }
img.img-right { float:right; margin:5px 0 10px 10px; }
	
.req {font-size:10px;}

div.hr { height: 1px; background: url("images/hr.jpg") no-repeat scroll center;  margin:23px 0 23px 0; }
div.hr hr { display: none; }

.client { float:left; width:210px; height:250px; padding:10px 20px 20px 0; } /* Portfolio Thumbs */
	.client p { padding:0; margin:0; text-align:center; }
	
	img.solutions { margin-left:710px; margin-top:28px; }

#chat { padding:5px 0 10px 10px; }
	#chat a { color:#000; }

/* Legal */
#robert { padding:5px 0 0 25px; }
	img.img-legal { float:right; padding:120px 0 0 0; }

/* Whois */
img.icon-vcard { margin:5px 3px -5px 3px; }
#robert { padding:0 10px 0 0; font-size:17px; font-weight:500; }

#emailform { padding-left:21px; }
	
	
/* main framework
 * ------------------------------------------------------------------------- */

#wrap { width:959px; margin:0 auto; text-align:left; }
#banner { background:url("images/bg-banner.jpg") left top no-repeat; height:426px; width:959px; }
#flash { width:931px; height:386px; }

#work-with-us { background:url("images/work-with-us.jpg") left top no-repeat; width:939px; height:80px; margin-left:9px; }

p.intro { padding:10px 300px 0 18px; } /* Intro text banner area */
ul.intro { padding:10px 300px 10px 18px; color:#005e8f; } /* Intro text banner area */
 ul.intro li { list-style-image:none; list-style-position:outside; list-style-type:square; margin-left:25px; }

#column-left { width:697px; float:left; }
#column-left p { padding:5px 10px 5px 18px; }
#column-left ul { padding:5px 0 10px 25px; color:#005e8f; }
	#column-left li { list-style-image:none; list-style-position:outside; list-style-type:square; margin-left:25px; }

#t-top { background:url("images/t-top.jpg") left top no-repeat;  width:640px; height:6px; }
#testimonial { background:url("images/bg-t.jpg") left top repeat-y; width:640px; margin:20px 0 20px 20px; }
#t-bottom { background:url("images/t-btm.jpg") left top no-repeat;  width:640px; height:30px; }
p.t-title { font-size:18px; color:#005e8f; }

img.legal { padding:10px 0 10px 100px; }

#column-right { width:261px; float:left; border-left:#ededed 1px solid; }

ul#services  { width:237px; color:#232323; }
ul#services  li { border-bottom:#ededed 1px solid; padding:5px 0 5px 15px; }

img.gs { padding:10px 0 0 15px; }

dd.vcard { background:url("images/vcard.jpg")  0px -3px no-repeat; padding-left:30px; height:18px; }
		
#page-footer { background:url("images/page-footer.gif") no-repeat; width:980px; height:20px; clear:both; overflow:hidden;}
		
			  
/* Global Footer
 * ------------------------------------------------------------------------- */
 
#footer { float:left; background-color:#232323; width:100%; text-align:left; margin:0 auto; }
#footer-container { width:959px; margin:0 auto; padding:10px 0 10px 0; }
#footer p { font-size:10px; color:#9a9999; padding:5px 5px 5px 5px; text-align:center; }
#footer a:link, #footer a:visited { text-decoration:none; color:#50A4BF; }
#footer a:hover, #footer a:active { text-decoration:underline; color:#226AAA; }

#footer dl#contact { margin-bottom:5px; float:left; padding-left:10px; }
#footer dl#contact dt { color:#fff; font-size:18px; padding:20px 0 10px 0; }
#footer dl#quick-links { margin-bottom:5px; float:left; padding-left:50px; }
#footer dl#quick-links dt { color:#fff; font-size:18px; padding:20px 0 10px 0; }
#footer dl#quick-links dd a:link, #footer dl#quick-links dd a:visited { color:#9a9999; text-decoration:none; outline:none; }
#footer dl#quick-links dd a:hover, #footer dl#quick-links dd a:active { color:#9a9999; text-decoration:underline; outline:none; }


#footer dd { color:#9a9999; font-size:12px; }

div.hr-footer { height: 2px; background: url("images/hr-footer.jpg") no-repeat scroll center;  margin:60px 0 5px 0; clear:both; overflow:hidden;  }
div.hr-footer hr { display: none; }


/* Main Navigation
 * ------------------------------------------------------------------------- */

#nav { 
	background: url("images/nav.jpg") left top no-repeat; 
	width:546px; 
	height:52px; 
	margin:0; 
	padding:0px;
	z-index:99;
	float:right;
	}

#nav span { display: none; }

#nav li, #nav a { height:52px; display: block; }

#nav li { float: left; list-style: none; _display: inline; }

#nav-01 { width: 76px; margin-left:0px;}
#nav-02 { width: 106px;}
#nav-03 { width: 80px;}
#nav-04 { width: 97px;}
#nav-05 { width: 76px;}
#nav-06 { width: 103px;}

#nav-01 a:hover {background: transparent url("images/nav.jpg")    0px -52px no-repeat;}
#nav-02 a:hover {background: transparent url("images/nav.jpg")  -76px -52px no-repeat;}
#nav-03 a:hover {background: transparent url("images/nav.jpg") -182px -52px no-repeat;}
#nav-04 a:hover {background: transparent url("images/nav.jpg") -262px -52px no-repeat;}
#nav-05 a:hover {background: transparent url("images/nav.jpg") -359px -52px no-repeat;}
#nav-06 a:hover {background: transparent url("images/nav.jpg") -435px -52px no-repeat;}

#masthead { 
	background: url("images/masthead.jpg") left top no-repeat; 
	width:959px; 
	height:23px; 
	margin:43px 0 35px 0; 
	padding:0;
	z-index:99;
	}

#masthead span { display: none; }

#masthead li, #masthead a { height:23px; display: block; }

#masthead li { float: left; list-style: none; _display: inline; }

#masthead-01 { width: 166px; margin-left:19px;}
#masthead-02 { width: 507px;}
#masthead-03 { width: 170px;}
#masthead-04 { width: 82px;}

#masthead-01 a:hover {background: transparent url("images/masthead.jpg")    -19px -23px no-repeat;}
#masthead-02 a:hover {background: transparent url("images/masthead.jpg")  -185px -23px no-repeat;}
#masthead-03 a:hover {background: transparent url("images/masthead.jpg")  -692px -23px no-repeat;}
#masthead-04 a:hover {background: transparent url("images/masthead.jpg") -862px -23px no-repeat;}

/* LightWindow
 * ------------------------------------------------------------------------- */

#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(../images/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../images/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}

/* =CONTACT - RFP **************************************************/

form#rfpform {
	margin: 9px 0 0 0;
	padding: 0;
	float: left;
	width: 712px;
}

form#rfpform fieldset {
	float: left;
	margin: 0 0 15px 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #dee2e2;
	width: 712px;
}

form#rfpform fieldset.first {
	float: left;
	margin: 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #dee2e2;
	width: 712px;
}

form#rfpform fieldset.last {
	float: left;
	margin: 0 0 30px 0;
	padding: 20px 0 15px 0;
	border-top: 1px solid #dee2e2;
	border-bottom: 1px solid #dee2e2;
}

form#rfpform div.fieldblock {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 712px;
}

form#rfpform div.fieldblock label {
	float: left;
	display: block;
	margin: 0 ;
	padding: 5px 30px 0 0;
	width: 186px;
	text-align: right;
	color: #242f33;
}

form#rfpform div.fieldblock label.hidden {
	float: left;
	display: block;
	margin: 0 0 15px 0;
	padding: 5px 0 15px 0;
	width: 186px;
	text-align: right;
	color: #242f33;
}

form#rfpform div.fieldblock div.input {
	float: right;
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
	border-left: 1px solid #dfe5e7;
	width: 465px;
}

form#rfpform div.fieldblock div.input.active {
	border-left: 1px solid #bcc4c4;
}

form#rfpform div.fieldblock div.input input {
	float: left;
	margin: 0 30px 0 0;
	padding: 5px;
	width: 250px;
	border-top: 1px solid #dee2e2;
	border-left: 1px solid #dee2e2;
	border-right: 1px solid #dee2e2;
	border-bottom: 1px solid #dfe5e7;
	background: #dee2e2;
	outline: none;
}

form#rfpform div.fieldblock div.input select {
	float: left;
	margin: 0 30px 0 0;
	padding: 5px;
	width: 262px;
	border-top: 1px solid #dee2e2;
	border-left: 1px solid #dee2e2;
	border-right: 1px solid #dee2e2;
	border-bottom: 1px solid #dfe5e7;
	background: #dee2e2;
	outline: none;
}

form#rfpform div.fieldblock div.input textarea {
	margin: 0 30px 0 0;
	padding: 5px;
	width: 437px;
	min-height: 200px;
	border-top: 1px solid #dee2e2;
	border-left: 1px solid #dee2e2;
	border-right: 1px solid #dee2e2;
	border-bottom: 1px solid #dfe5e7;
	background: #dee2e2;
	outline: none;
	line-height: 1.5;
}

form#rfpform div.fieldblock div.input span {
	position: relative;
	top: 4px;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 11px;
	color: #ff3716;
}

form#rfpform input.submit { margin: 0 0 30px 247px; }

/* =CONTACT ********************************************************/

div.contact div.pagedesc {
	margin: 0;
	padding: 0;
	width: 712px;
}

div.contact div.pagedesc ul {
	margin: 0 0 40px 0;
	color: #49595f;
	list-style: none;
}

div.contact div.pagedesc li { 
	margin: 0 0 8px 0;
	padding: 0 0 0 16px;
}

div.contact div.pagedesc div.title {
	position: relative;
	float: left;
	margin: 0 30px 0 0;
	width: 217px;
}

div.contact div.pagedesc div.contactintro {
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	width: 464px;
}

form#contactform {
	margin: 9px 0 0 0;
	padding: 0 0 0 0px;
	float: left;
	width: 645px;
}

form#contactform div.fieldblock {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 630px;
}

form#contactform div.fieldblock label {
	float: left;
	display: block;
	margin: 0 ;
	padding: 5px 30px 0 0;
	width: 120px;
	text-align: right;
	color: #242f33;
}

form#contactform div.fieldblock label.error {
	position: absolute;
	top: -7px;
	right: 8px;
	margin: 10px 0 0 0;
	padding: 4px 0 2px 23px;
	width: 142px;
	outline: none;
	background: #fff url(../../images/icon_requiredarrow.gif) no-repeat 0 1px;
	text-align: left;
	z-index: 99;
	line-height: 1.2;
}

form#contactform div.fieldblock div.input {
	float: right;
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
	border-left: 1px solid #dfe5e7;
	width: 449px;
}

form#contactform div.fieldblock div.input.active {
	border-left: 1px solid #bcc4c4;
}

form#contactform div.fieldblock div.input input {
	float: left;
	margin: 0 30px 0 0;
	padding: 5px;
	width: 250px;
	border-top: 1px solid #dee2e2;
	border-left: 1px solid #dee2e2;
	border-right: 1px solid #dee2e2;
	border-bottom: 1px solid #dfe5e7;
	background: #dee2e2;
	outline: none;
}

form#contactform div.fieldblock div.input textarea {
	margin: 0 30px 0 0;
	padding: 5px;
	width: 437px;
	min-height: 200px;
	border-top: 1px solid #dee2e2;
	border-left: 1px solid #dee2e2;
	border-right: 1px solid #dee2e2;
	border-bottom: 1px solid #dfe5e7;
	background: #dee2e2;
	outline: none;
	line-height: 1.5;
}

form#contactform div.fieldblock div.input span {
	position: relative;
	top: 4px;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 11px;
	color: #ff3716;
}

form#contactform input.submit { margin: 0 0 30px 181px; }