/* ------------------------------------------------------------ 
	
							RESET
	
--------------------------------------------------------------- */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

caption, th {
	text-align: left;
}

a img { border: none; }

input,textarea { margin: 0; }

table { border-collapse: collapse; border-spacing: 0; }

:focus {
	outline: 0;
}

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }

/* Azbuka - CSS Typographical Base Rendering Library  */

 /* Typo reset */
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td ,hr{
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

a img { border: none; }


 /* General settings */
 
body { font:0.8125em/1.618 Arial, Helvetica, sans-serif; background-color:#fff;  color:#111;
 font-style:normal;
 font-variant:normal;
 font-weight:normal;

}

p { padding:0 0  0.8125em 0; line-height: 1.6em;}


 /* Headlines */
 
h1,h2,h3,h4,h5,h6{ font-family: Georgia, serif;  margin-bottom:5px; font-weight:normal; }
 
h1 { font-size: 2.615em; line-height:1.18;  } /* 34px */
h2 { font-size: 2em; line-height:1.19; color: #fff} /* 26px */
h3 { font-size: 1.618em; line-height:1.24;   } /* 21 */
h4 { font-size: 1.308em; line-height:1.23;  } /* 17*/
h5,h6 { font-size: 1em; line-height:1.3;   font-weight:700; } /* 13px */


 /* Lists */

ul { list-style-position:outside; }
li ul, 
li ol  { margin:0 1.618em; }
ul, ol { margin: 0 0 1.618em 0; }

dl { margin: 0 0 1.618em 0; }
dl dt { font-weight: 700; }
dl dd { margin-left: 1.618em; }


 /* Tables */
 
table { margin-bottom:1.618em; border-collapse: collapse; }
th { font-weight:700;text-align:left; }
tr,th,td { margin:0; padding:0 1.618em 0 1em; height:21px; }
tfoot { font-style: italic; }
caption { text-align:center; font-family:Georgia, serif; }


 /* Quotes */
 
blockquote { padding-left:1.618em; margin:0 0 0.8125em ; border-left:3px solid #ccc; font-style:italic; letter-spacing:0.03em; }
blockquote > p { padding:0;}

/* Other */

a { text-decoration:none; }
a:hover { text-decoration: underline; }

strong { font-weight: 700; }
em,dfn,cite,q { font-style: italic; }
dfn { font-weight: 700; }
pre,code { margin: 1.618em 0; white-space: pre; }
pre,code,tt { font: 1em monospace; line-height: 1.618em; } 
tt { display: block; margin: 1.618em 0; }
hr { margin-bottom:1.618em;color: #ccc;background-color: #ccc;height: 2px; }
abbr, acronym { border-bottom:1px dotted #000; }
address { margin-top:1.618em; font-style: italic; }
del { color:#000; }
sup { vertical-align:super; }
sub { vertical-align:sub; }


ul#navigation {
  	list-style: none;
  	width: 960px;
	height: 150px;
	margin: 0 auto;
	}
	ul#navigation li {
	  	float: left;
		padding: 0;
		margin: 0;
		height: 150px;
		overflow: hidden;
		}

ul#navigation a * {
  display: none;
}

ul#navigation a,
ul#navigation a .hover {
  	height: 150px;
	position: relative;
	display: block;
	background: url('../assets/menu-sprite.jpg') 0 0 no-repeat;
}

ul#navigation a.about {
  background-position: 0 0;
  width: 282px;
}

ul#navigation .highlight a.about:hover,
ul#navigation a.about .hover {
  background-position: 0 -150px;
}

ul#navigation li#currentpageAbout {
	width: 282px;
	background: url('../assets/menu-sprite.jpg') 0px -300px no-repeat;
	text-indent: -5000px;
}

ul#navigation a.portfolio {
  background-position: -282px 0;
  width: 225px;
}

ul#navigation .highlight a.portfolio:hover,
ul#navigation a.portfolio .hover {
  background-position: -282px -150px;
}

ul#navigation li#currentpagePortfolio {
	width: 225px;
	background: url('../assets/menu-sprite.jpg') -282px -300px no-repeat;
	text-indent: -5000px;
}

ul#navigation a.services {
  background-position: -507px 0px;
  width: 224px;
}

ul#navigation .highlight a.services:hover,
ul#navigation a.services .hover {
  background-position: -507px -150px;
}

ul#navigation li#currentpageServices {
	width: 224px;
	background: url('../assets/menu-sprite.jpg') -507px -300px no-repeat;
	text-indent: -5000px;
}

ul#navigation a.contact {
  background-position: -733px 0;
  width: 220px;
}

ul#navigation .highlight a.contact:hover,
ul#navigation a.contact .hover {
  background-position: -733px -150px;
}

ul#navigation li#currentpageContact {
	width: 220px;
	background: url('../assets/menu-sprite.jpg') -733px -300px no-repeat;
	text-indent: -5000px;
}


body {
	font: .8em Arial, verdana, sans-serif;
	color: #EEE;
	line-height: 1.15em;
	letter-spacing: .04em;
	background: #000000;
}

p, li {color: #DDA298;}

a { color: #C60000; text-decoration: none; } 
 
a:visited { color: #BE0303; }
a:hover, a:active { color: #DDA298; text-decoration: none;}

.clearfix {
	visibility:hidden;
	display:block;
	clear:both;
	height:0;
	content:".";
}

img { display: block; }

span.number {color:#000;}

.small { font-size: 1em; }
.emphasis { font-family: Times,"Times New Roman", serif; font-style: italic; color: #EEE; }

em { font-family: Times,"Times New Roman", serif; font-size: 1.2em; font-style: italic; }

strong {color: #eee;}

h2 {
	padding-bottom: 12px;
}

a.bullet {
	padding-left: 12px;
	padding-right: 20px;
	background: url('../assets/arrow-bullet-trans.png') no-repeat 0 50%;
}


/* External link
------------------------------------------------------ */


a.external span { /* pushes screen reader text description <span> off screen */
	position: absolute;
	left: -5000px;
	width: 4000px;
}

a.external:link {
	background: url(../assets/external-link.gif) no-repeat 100% 0;
	padding: 0 20px 0 0;
}

a.external:visited {
	color: #999;
	background: url(../assets/external-link.gif) no-repeat 100% -100px;
	padding: 0 20px 0 0;
}

a.external:hover {
	color: red;
	background: url(../assets/external-link.gif) no-repeat 100% -200px;
	padding: 0 20px 0 0;
}


/*  Global Interior Pages
-------------------------------------------------------------------- */

#wrapper {
	width: 100%;
	margin: 0 auto;
}

#header {
	width: 100%;
	height: 143px;
	background: #050001;
	}
	#header img { margin: 0 auto; width: 960px; height: 143px; }
	#header h1 { text-indent: -5000px; height: 0; display: none; }

#menu-container {
	width: 100%;
	height: 150px;
	background: url('../assets/menu-bkgrd.jpg') 0 0 repeat-x;
	}
	
/* navigation.css contains main menu styles */

div#content-container {
	width: 100%;
	min-height: 415px;
	height: auto !important;
	height: 415px;
	background: #020001;
}

div#content {
	width: 960px;
	min-height: 656px;
	height: auto !important;
	height: 656px;
	margin: 0 auto;
	padding-top: 24px;
	position: relative;
	background: #020001 url('../assets/content-bkgrd.jpg') 0 0 no-repeat;
}

div#main-content {
	width: 900px;
	min-height: 351px;
	height: auto !important;
	height: 391px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 40px;
	}

#content:after {
	clear: both;
  	display: block;
  	content: ".";
  	height: 0;
  	visibility: hidden;
}

#footer {
	width: 100%;
	height: 38px;
	padding-top: 6px;
	background: url('../assets/footer-bkgrd.jpg') 0 0 repeat-x;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	}
	ul#siteLinks {
		float: left;
		display: inline; /* for IE6 correct double-margin float bug */
		padding-top: 10px;
		margin-left: 10px;
		margin-bottom: 20px;
		list-style-type: none;
		}
		ul#siteLinks li {
			float: left;
			font-size: .9em;
			color: #000;
			padding-left: 12px;
			padding-right: 20px;
			background: url('../assets/bullet-red.gif') no-repeat 0 3px;
			}
		ul#siteLinks li.copyright {
			position: absolute;
			background: none;
			color: #000;
			top: 18px;
			right: 10px;
			}
			ul#siteLinks li a { color: #EEE; text-decoration: none; } 
 			ul#siteLinks li a:visited { color: #000; }
			ul#siteLinks li a:hover, ul#siteLinks li a:active { color: #F50202; }


/* Home Page
----------------------------------------------------------------- */


body#home div#content-container {
	height: 415px !important;
	}
	body#home div#content { height: 656px !important; padding-top: 4px;}

.rocket {
	float: left;
	display: inline; /* for IE6 correct double-margin float bug */
	width: 402px;
	height: 657px;
	padding: 0;
	margin-top: -24px;
	margin-left: 124px;
	background: url(../assets/rocket-trans.png) 0 0 no-repeat;
}

#intro {
	float: left;
	width: 350px;
	height: 300px;
	padding-top: 30px;
	color: #BE0303;
	}
	#intro h1 { color: #EEE; }
	#intro li { color: #BE0303; }

ul.specialties {
	font: 1.4em Georgia,Times,serif;
	line-height: 1.4em;
	padding-top: 1.4em;
}


/* Company page, CMS page, Sitemap page
---------------------------------------------------------------- */

div#profile {
	width: 640px;
	margin: 0 auto 0 160px;
	}
	div#profile ul li { 
		line-height: 1.6em; 
		background: url(../assets/arrow-bullet-trans.png) 0 5px no-repeat;
		padding-left: 12px;
		}
		
div#profile a { text-decoration: underline; color: #DDA298; }
div#profile a:hover { text-decoration: none; color: #EEE; }

div#profile ul.sitemap { margin-left: 20px;}
	
div.profile-list-left {
	float: left;
	width: 320px;
	height: 160px;
	margin: 24px 20px 0 160px;
	}
div.profile-list-right {
	float: left;
	width: 340px;
	height: 160px;
	margin: 24px 0 0 20px;
	}
	div.profile-list-left ul li, div.profile-list-right ul li {
		line-height: 1.6em; 
		background: url(../assets/arrow-bullet-trans.png) 0 50% no-repeat;
		padding-left: 12px;
		}
		
/* SEO page
----------------------------------------------------------------- */

div#seo-container {
	width: 620px;
	margin: 0 auto 0 170px;
}


/* Site Info page
----------------------------------------------------------------- */

ul#tools li { 
	line-height: 1.6em; 
	background: url(../assets/arrow-bullet-trans.png) 0 50% no-repeat;
	padding-left: 12px;
	}
	

/* Services Page
----------------------------------------------------------------- */

div#websites, div#print, div#illustration, div#logos {
	float: left;
	display: inline; /* for IE6 correct double-margin float bug */
	width: 230px;
	margin-right: 20px;
	}
	div#websites li, div#print li, div#illustration li, div#logos li { 
		line-height: 1.6em; 
		background: url(../assets/arrow-bullet-trans.png) 0 50% no-repeat;
		padding-left: 12px;
		}
	div#websites { margin-left: 140px; }
	div#logos { margin-right: 0 }
	
	div#websites a { text-decoration: underline; color: #DDA298; }
	div#websites a:hover { text-decoration: none; color: #EEE; }
	
	

/*  Portfolio Page
----------------------------------------------------------------- */


body#portfolio div#content-container {
	min-height: 415px;
	height: auto !important;
	height: 415px;
	position: relative;
	}
	body#portfolio .portfolio-globe {
		position: absolute;
		height: 262px;
		width: 152px;
		top: 20px;
		left: 100px;
		background: url(../assets/portfolio-globe-trans.png) 0 0 no-repeat;
		}

body#portfolio div#portfolio-content {
	width: 600px;
	margin-left: 240px;
	padding-top: 20px;
	}
	body#portfolio div#portfolio-header {
		width: 800px;
		height: 60px;
		}

#categories {
	width: 600px;
	margin: 20px auto;
	}
	#categories img { display: inline; }

	#categories ul li {
		list-style-type: none;
		float: left;
		display: inline;
		padding: 0 30px 0 12px;
		background: url(../assets/arrow-bullet-trans.png) 0 50% no-repeat;
		}
		#categories ul.names li {
			padding: 10px 55px;
		}

h2#category-title {
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0 none;
	float: left;
	}

#category-list {
	float: left;
	display: inline; /* for IE6 correct double-margin float bug */
	width: 332px;
	height: 36px;
	line-height: 36px;
	margin-left: 20px;
	margin-top: -4px;
	position:relative;
	background: url(../assets/category-list-bkgrd-trans.png) 0 0 no-repeat;
	text-align: center;
	text-indent: 4px;
	}
	#category-list img { display: inline; padding: 0 4px; }
	#category-list:after{
		display: block;
		clear:both;
		visibility: hidden;
		content: ".";
		height: 0;
		}
		
/* portfolio slideshow
------------------------------------------------------------------- */

div#slideshow {
   position:absolute; 
   overflow:hidden; 
   width:1005px; 
   height:340px;
	margin: 0 auto 0 -55px;
}

#prev-next {
	position: absolute;
	top: 44px;
	right: 380px;
	width: 60px;
	height: 27px;
	}
	#prev-next a#prev {
		display: block;
		float: left;
		background: url(../assets/arrow-prev-trans.png) 0 0 no-repeat;
		text-indent: -5000px;
		height: 27px;
		width: 27px;
		cursor: pointer;
		}
		#prev-next a#prev:hover {
			background: url(../assets/arrow-prev-trans.png) 0 -27px no-repeat;
		}
	#prev-next a#next {
		display: block;
		float: right;
		background: url(../assets/arrow-next-trans.png) 0 0 no-repeat;
		text-indent: -5000px;
		height: 27px;
		width: 27px;
		cursor: pointer;
		}
		#prev-next a#next:hover {
			background: url(../assets/arrow-next-trans.png) 0 -27px no-repeat;
		}

div.pane {
	float: left;
	clear: both;
	width: 1005px;
	height: 340px;
	padding-top: 20px;
	}
	div.image {
		width: 380px;
		text-align: left;
		margin-top: 0;
		margin-left: 120px;
		float: left;
		display: inline; /* for IE6 correct double-margin float bug */
		}
		div.image img {
			max-width: 340px;
			width: auto !important;
			width: 340px;
			max-height: 280px;
			height: auto !important;
			height: 280px;
			border: 3px solid #790000;
			margin: 0 auto;
			}
	div.description {
		width: 380px;
		float: left;
		display: inline; /* for IE6 correct double-margin float bug */
		padding-top: 0;
		text-align: left;
		margin-left: 30px;
		}
		div.description h4 { font-size: 1.2em;}
		div.description p {
			padding: 0;
			line-height: 1.3em;
			margin-bottom: 1.4em;
		}
		div.description ul li {
			padding: 0 0 0 1em;
			line-height: 1.3em;
		}
		div.description a {
			display: block;
			width: 180px;
			line-height: 1.5em;
			background: url(../assets/arrow-bullet-trans.png) 0 50% no-repeat;
			padding-left: 12px;
			}
			
			
/* Testimonials
----------------------------------------- */

#content div#testimonials {
	width: 680px;
	height: 380px;
	float: left;
	display: inline; /* for IE6 correct double-margin float bug */
	text-align: left;
	margin-left: 140px;
	}
	div.testimonial {
		width: 280px;
		height: 180px;
		float: left;
		display: inline; /* for IE6 correct double-margin float bug */
		margin: 0px 20px 0 0px;
		padding-left: 30px;
		padding-top: 20px;
		font-family: Times, "Times New Roman", serif;
		font-size: 1.1em;
		line-height: 1.6em;
		background: url(../assets/quotes-trans.png) 0 0 no-repeat;
		position: relative;
		}
		div.testimonial-bottom-quote {
			position: absolute;
			width: 50px;
			height: 58px;
			background: url(../assets/quotes-bottom-trans.png) 280px 180px no-repeat;
		}
		div.testimonial quote {
			color: #E1C7B5;
			display: block;
			font-style: italic;
		}
		div.testimonial cite {
			color: #E1C7B5;
			display: block;
			margin: 12px auto 0 18px;
			font-style: normal;
		}
		div.testimonial a {
			font-family: Arial,Helvetica,sans-serif;
			display: block;
			width: 140px;
			line-height: 1.5em;
			background: url(../assets/arrow-bullet-trans.png) 0 50% no-repeat;
			padding-left: 12px;
			margin-top: 1em;
			}
			
/* File Uploads page 
-------------------------------------------------------------- */

div#uploads {
	margin-top: 20px;
	padding: 30px;
	border: 4px solid #790000;
	width: 600px;
	height: 200px;
	}


/* Contact page
--------------------------------------------------------------- */

body#contact #main-content {
	padding-bottom: 80px;
}


/* Thank You page
--------------------------------------------------------------- */

.success {
	width: 500px;
	padding-left: 40px;
	margin: 0px auto 0 140px;
	line-height: 1.25em;
	background: url(../assets/success-trans.png) 0 4px no-repeat;
	}
	.success h1 {
		padding-bottom: 10px;
	}
	.success p {
		text-align: left;
		}


/* Main Articles page
-------------------------------------------------------------- */

div.articles-container {
	width: 800px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	margin-left: 100px;
	}
	
div.articles-block {
	float: left;
	display: inline; /* for IE6 double margin float bug */
	margin: 20px 40px 20px 0px;
	width: 350px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	position: relative;
	}
	div.articles-block img {
		display: block;
		float: left;
		margin-right: 8px;
		margin-bottom: 0px;
	}
	div.articles-block a {
		display: block;
		line-height: 1.6em; 
		background: url(../assets/arrow-bullet-trans.png) 0 50% no-repeat;
		padding-left: 12px;
		}
		
div#back-to-articles a {
	display: block;
	text-indent: -5000px;
	background: url(../assets/back-to-articles-trans.png) 0 0 no-repeat;
	position: absolute;
	bottom: 4px;
	left: -17px;
	width: 120px;
	height: 29px;
	z-index: 9999999;
}


	
/* Articles Pages
------------------------------------------------------------------ */

div.article {
	width: 620px;
	margin: 0 auto 40px 170px;
	position: relative;
	}
	div.article img.no-ie {
		width: 140px;
		height: 140px;
		float: right;
		display: block;
		}

	div.article ul li { 
		line-height: 1.6em; 
		background: url(../assets/arrow-bullet-trans.png) 0 5px no-repeat;
		padding-left: 12px;
		}
	div.article ul li a { text-decoration: underline; color: #DDA298; }
	div.article ul li a:hover { text-decoration: none; }

	div.article img.icons {
		width: 253px;
		height: 66px;
		position: absolute;
		bottom: 0px;
		right: 0px;
		background: url(../assets/browser-icons-trans.png) 0 0 no-repeat;
	}


		
/* Custom Error pages 
-------------------------------------------------------------- */

body#pagenotfound div#profile h2, body#badrequest div#profile h2, body#permissiondenied div#profile h2 {
	padding-top: 60px;
}