@charset "utf-8";
/*
 *	colors used throughout
 * 	#9A0026 Deep Red
 * 		Used in site borders / headings
 * 	#6699FF Electric Blue
 * 		Used in headings, hovers and accents
 *
 */

/* css document */
/* this stylesheet sets the bases starting point for all elements */
/*----- START zero out styles: based on eric meyers' START -----*/

/* don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */

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, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, hr
{
	margin: 0;
	border-style: none;
	border-collapse: collapse;
	padding: 0;
	font-size: 100%;
	line-height: 1;
	outline: 0;
	text-align: left;
	text-indent: 0;
	vertical-align: baseline;
	background: none;
}

html, body, div, applet, object, iframe, address, blockquote, pre, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, th, td { position: relative; }

html
{
	font-size: 62.5%;
	/* reset font to 10px starting point */
}

body
{
	color: #666;
	background: #fff;
}

a img, :link img, :visited img { border: 0; }

/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*----- END zero out styles: based on eric meyers' END -----*/
/*----- START default element styling css START -----*/
body
{
	background-color: #050404;
	margin: 0px;
	padding: 0px;
	min-width: 820px;
	background-image: url(../img/bg_site.png);
	background-repeat: repeat-y;
	background-position: center 0;
	font-family: Arial, sans-serif;
}
sup
{
	line-height:1.0em!important;
}
.centeredColumn
{
	width: 821px;
	margin: 0 auto;
	margin-left: expression( (document.body.clientWidth - 820) / 2);
	display: block;
}

.navBox
{
	width: 820px;
	height: 20px;
	display: block;
	z-index:5;
}

#logo
{
	width: 312px;
	height: 231px;
	display: block;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	top: 0px;
	left: 0px;
}
#logo2
{
	width: 312px;
	height: 231px;
	display: block;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding:0;
	margin:0;
	position: absolute;
	top: 0px;
	right: -40px;
	z-index:100;
	font-size:.01em;
	text-indent:-500px;
	overflow:hidden;
}
#bodyBox
{
	width: 820px;
	display: block;
	height: auto;
	background-image: url(../img/bg_bodyBox.jpg);
	background-repeat: repeat-y;
	position:relative;
}

#pgTop
{
	background-image: url(../img/bg_pgTop.jpg);
	background-repeat: no-repeat;
	width: 820px;
	display: table;
}

#pgFoot
{
	background-image: url(../img/bg_pgFoot.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 820px;
	display: table;
	padding-bottom:40px;
}

.space { padding: 16px 4px 16px 16px; }
.space1
{
	height:30px;
	width:100%;
}

.clearBoth
{
	width: 100%;
	height: 1px;
	clear: both;
	display: block;
}

#midBox
{
	width: 820px;
	float: left;
	clear: both;
	display: block;
	margin: 0 0 40px 0;
}

#midBox p
{
	padding-bottom:10px;
	line-height:1.3em;
}
#midLeft
{
	width: 490px;
	float: left;
	display: block;
	margin: 0 0 0 40px;
	color: #FFF;
	font-size: 1.2em;
}

#midRight
{
	width: 230px;
	float: left;
	display: block;
	margin: 0 0 0 40px;
}

#midLeft .column1
{
	float: left;
	width: 235px;
	display: table;
	line-height: 16px;
}

#midLeft .column2
{
	width: 235px;
	float: left;
	display: table;
	margin: 0 0 0 20px;
	line-height: 16px;
}

#midLeft .homeText { font-size: 1.2em; }


#blog_lg
{
	float:left;
	width:238px;
	height:142px;
}
#blog_lg h3{ font-size:1.1em; }

.blog_link
{
	display:block;
	background: transparent url(../img/blog_large.png) no-repeat 0 0;
	width:238px;
	height:142px;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	-khtml-opacity: .70;
	opacity: .70;
}
.blog_link:hover
{
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	-khtml-opacity: .99;
	opacity: .99;
}
.blog_link span
{
	position:absolute;
	padding:0 0 5px 5px;
	bottom:0;
	left:0;
}
.blog_link span strong
{
	color:#fff;
	font-size:1.5em;
	text-shadow: 2px 2px 2px #222;

}
#awardsBox, #awardsBox ul
{
	width:235px;
	height: 160px;
	display:block;
}
#awardsBox h3
{
	font-size:1.1em;
}
#awardsBox
{
	height: 140px;
	float:left;
	margin-left:10px;
}

#awardsBox div
{
	background-image:url(../img/bg_awards.png);
	background-repeat:no-repeat;
	display:block;
	height:140px;
	left:1px;
	position:absolute;
	top:33px;
	width:220px;
	z-index:2;
}

#awardsBox ul
{
	border: 1px #CCC solid;
	height:140px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1;
	list-style-type: none;
	color: #CCC;
	margin:0px;
	padding:0;
	background-color: #303030;
}

#awardsBox ul li
{
	background-image: url(../img/award_dot.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	margin: 12px 10px 2px 10px;
	padding: 0 0 10px 14px;
	float: left;
	clear: both;
	width:190px;
	height:30px;
	border-bottom:1px solid #444;
}
#awardsBox ul li strong
{
	display: block;
	width:100%;
}

#awardsBox ul li img
{
	width: 40px;
	height: 40px;
	position: absolute;
	right: 10px;
	top:0px;
}

#smallAds a
{
	display:block;
	border-bottom-width:0;
	text-indent:-500px;
	font-size: 1px;
	overflow:hidden;
	width:95px;
	height:64px;
	float:left;
	margin-right:20px;
}
#smallAds a.ad2{ background: transparent url(../img/call-action_unravel.jpg) no-repeat 0 0; }
#smallAds a.ad2:hover{ background: transparent url(../img/call-action_unravel_over.jpg) no-repeat 0 0; }
#smallAds a.ad1{ background: transparent url(../img/call-action_happyCust.jpg) no-repeat 0 0; }
#smallAds a.ad1:hover{ background: transparent url(../img/call-action_happyCust_over.jpg) no-repeat 0 0; }

/* flash and supplemental images */
#statementFlash
{
	width: 554px;
	height: 48px;
	display: block;
	clear: both;
}

#headline
{
	width: 554px;
	height: 120px;
	display: block;
	clear: both;
	margin: 40px 0 0 0;
}

#portfolioFlash
{
	width: 210px;
	height: 164px;
	display: block;
}

#newsFlash
{
	width: 210px;
	height: 75px;
	display: block;
}

#clientFlash
{
	width: 210px;
	height: 55px;
	display: block;
}

#highlight
{
	width: 210px;
	height: 52px;
	display: block;
	background-image: url(../img/bg_highlight.jpg);
	background-repeat: no-repeat;
}

#highlight a
{
	color: #FFF;
	line-height: 12px;
	padding: 6px 0 0 6px;
	width: 150px;
	display: block;
	text-decoration: none;
	text-transform:none;
}

#highlight a:hover { color: #69f; }

#highlight a span
{
	color: #69f;
	font-size: 1.2em;
	line-height: 14px;
	font-weight: bold;
}

#blog
{
	width: 210px;
	height: 52px;
	display: block;
	background-image: url(../img/bg_blog.jpg);
	background-repeat: no-repeat;
}

#blog a
{
	color: #FFF;
	line-height: 12px;
	padding: 6px 0 0 6px;
	width: 150px;
	display: block;
	text-decoration: none;
	text-transform:none;
}

#blog a:hover { color: #69f; }

#blog a span
{
	color: #69f;
	font-size: 1.2em;
	line-height: 14px;
	font-weight: bold;
}

img.largeLogo
{
	float: left;
	padding-bottom: 10px;
}

/* text styling */
h1
{
	color: #CD0033;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	line-height: 22px;
	letter-spacing: .03em;
	font-weight: bold;
	text-transform: uppercase;
}

h2
{
	color: #69f;
	font-family: Arial, sans-serif;
	font-size: 2.0em;
	line-height: 22px;
	letter-spacing: .03em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:10px;
}

h3
{
	color: #69f;
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	line-height: 32px;
	letter-spacing: .03em;
	font-weight: bold;
	text-transform: uppercase;
}

h4, dt
{
	color:#fff;
	/*color: #999;*/
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	/*font-weight: lighter;*/
	font-weight: bold;
	line-height: 18px;
	letter-spacing: .07em;
	margin-bottom:5px;	
	text-transform: uppercase;
	text-align: left;
}

h5
{
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 1.7em;
	line-height: 24px;
	letter-spacing: .04em;
	font-weight: lighter;
	text-align: left;
}

h6
{
	color: #013e7f;
	font-family: Arial, sans-serif;
	font-size: 3.1em;
	line-height: 24px;
	letter-spacing: .05em;
	font-weight: lighter;
	text-align: center;
}

a 
{
	font-weight:bold;
	text-decoration:none;
	color:#ccc;
	text-transform:uppercase;
}

a:hover, #midLeft a:hover
{
	color: #69f;
}
#midLeft a
{
	font-weight:normal;
	font-style:italic;
	color:#aaa;
	border-bottom:1px solid #4F4F4F;
}
p
{
	line-height:1.3em;
}

.line
{
	height: 1px;
	margin-top: 4px;
	padding: 0px;
	background-image: url(../img/line.jpg);
	border-width: 0px;
	font-size: 1px;
	background-repeat: repeat-x;
	width: 100%;
	margin-bottom: 4px;
}

/* featured content rotator */
#newsRotator
{
	width:210px;
	text-align:center;
}
#newsRotator ul
{
	border:1px solid #ccc;
	height:142px;
	width:100%;
	background:#222 none no-repeat 0 0;
	text-align: center;
}
#newsRotator ul a
{
	display:block;
	height:35px;
	padding:12px 8px 0;
	text-align: center;
	font-size:1.2em;
	background:transparent url(../img/bg_news_item.png) no-repeat 0 0;
}
#newsRotator .hr1
{
	display: block;
	background-color:#444;
	height:1px;
	width:100%;
	margin:0 auto;
	font-size:1px;
}
#newsRotator .nav
{
	height:20px;
	position:relative;
}
a#news-prev, a#news-next
{
	background-color:#000;
	border-width:0px 1px 1px 1px!important;
	border-style:solid;
	border-color:#ddd !important;
	padding:5px 10px 2px 10px;
	text-decoration:none;
	position:absolute;
	top:0;
	color:#ccc;
	text-transform: none;
	filter:alpha(opacity=35);
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;
	z-index:0;
	-moz-border-radius: 0 0 10px 10px;
}
a#news-next{ right:-2px; }
a#news-prev{ left:0; }
a#news-next:hover, a#news-prev:hover 
{
	padding-top:10px;
	top:-1px;
	/*border-color:#6699FF;*/
	background-color:#000;
	filter:alpha(opacity=99);
	-moz-opacity:0.99;
	-khtml-opacity: 0.99;
	opacity: 0.99;
	z-index:100;
}

#slideshow, #slideshow div.item, #slideshow_wrapper
{
	width:210px;
	height:142px;
}
#slideshow
{
	border:1px solid #ddd;
	background: transparent url(../img/bg_news.png) no-repeat 0 0;
	overflow:hidden;
	z-index:1;
	float:left;
}

#slideshow div.item
{
	background-color:#333;
	color:#fff;
	display:none;
	left:0;
	margin:0;
	opacity:0;
	position:absolute;
	text-align:left;
	top:0;
	width:auto;
	z-index:1;	
}
#slideshow div.item a
{
	line-height:14px;
	font-size:1.3em;
	border-bottom:1px solid #777;
	display:block;
	width:210px;
	height:56px;
	padding-top:15px;
	text-align: center;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
#slideshow div.item a:hover
{
	color:#fff;
}
#slideshow div.item a p
{
	text-transform:none;
	font-size:11px;
}
#slideshow div.item a:hover p
{
	color:#ededed;
}
#slideshow div.active
{
	display:block;
	z-index:2;
}
.slideshowSpace
{
	/*padding:10px;*/
	position:static;
}






/*styles for specific features */
#feature_unravel
{
	font-size:1.0em;
}
#feature_unravel h3
{
	font-size: 1.0em;
}



/** foot **/
#footBox
{
	display: block;
	width: 818px;
	clear: both;
	height: 24px;
	border-top: 1px #69f solid;
	border-right: 0;
	border-bottom: 1px #666 solid;
	border-left: 0;
	background-color: #000;
	margin: 0 0 0 1px;
	z-index:1;
}

#foot
{
	color:#666;
	display:block;
	float:left;
	font-family:Arial,sans-serif;
	font-size:1em;
	font-weight:bold;
	line-height:25px;
	margin:0 0 0 10px;
	z-index:3;
}

#foot a
{
	color: #666;
	text-transform: uppercase;
	text-decoration: none;
	border-width:0;
}

#foot a:hover { color: #fff; }

#credit
{
	color: #fff;
	font-size: 1em;
	display: block;
	font-weight: bold;
	float: right;
	line-height: 10px;
	margin: 6px 10px 0 0;
}

#credit a
{
	color: #fff;
	text-decoration: none;
	border-width:0;
}

#credit a:hover { color: #9a0026; }


/* Content Styles */
.bulletList{margin-bottom:15px;}
.bulletList, .bulletList li
{
	list-style: none;
	margin-left:20px;
	line-height:1.3em;
}
.bulletList li
{
	background:url(../img/award_dot.gif) no-repeat 0 2px;
	clear:both;
	margin:10px;
	padding:0 0 0 14px;
}
dd .bulletList{margin-bottom:0px;}
dd
{
	margin-left:20px;
	padding-bottom:10px;
	line-height:1.3em;
}
.numberList, .numberList li
{
	list-style-type:decimal;
	margin-left:15px;
	margin-bottom:10px;
}

/* key personnel */
.key_personnel div
{
	clear:both;
	padding-bottom:20px;
}
.key_personnel div img {float:left;}
.key_personnel div p
{
	padding-left:100px;
	clear:none;
}

.homeList li
{
	margin:3px;
}
#callToAction
{
	width: 210px;
	z-index: 5;
}
#callToAction a
{
	background: url(../img/call-action.jpg) no-repeat;
	display:block;
	width:210px;
	height:45px;
	text-indent:-500px;
	font-size:1px;
	overflow:hidden;
	border-width:0;
}
#callToAction a:hover
{
	background: url(../img/call-action-over.jpg) no-repeat;
}
#callToAction2
{
	width: 210px;
	float: right;
	margin: 0 0 0 12px;
	position: relative;
	z-index: 5;
}
#callToAction2 a
{
	background: url(../img/call-action.jpg) no-repeat;
	display:block;
	width:210px;
	height:45px;
	text-indent:-500px;
	font-size:1px;
	overflow:hidden;
	border-width:0;
}
#callToAction2 a:hover
{
	background: url(../img/call-action-over.jpg) no-repeat;
}
#callToAction3
{
	width: 240px;
	float: left;
	margin: 0 12px 0 0;
	position: relative;
	z-index: 5;
}
#callToAction3 a
{
	background: url(../img/call-action2.jpg) no-repeat;
	display:block;
	width:240px;
	height:48px;
	text-indent:-500px;
	font-size:1px;
	overflow:hidden;
	border-width:0;
}
#callToAction3 a:hover
{
	background: url(../img/call-action2-over.jpg) no-repeat;
}	
a.pdflink
{
	background-image:url(../img/icon_pdf.gif);
	background-repeat:no-repeat;
	display:block;
	height:25px;
	letter-spacing:0.05em;
	line-height:18px;
	padding:4px 0 0;
	text-indent:28px;
	border-bottom:solid 0 #fff!important;
}

#seo_services
{
	margin:0;
}
#seo_services .bulletList
{
	margin:0;
	float:left!important;
	width:245px;
	display: block;
}
.newRow
{
	clear:both;
}
#seo_services ul li.heading
{
	background-image:none;
	padding:10px 0 0 0;
	font-weight:bold;
	color:#fff;
	font-size:1.15em;
	margin:0;
	line-height:0;
}
ul.liststyle1
{
	padding-left:0;
	margin-left:0;
}
.noscroll, .noscroll ul
{
	height:auto!important;
	width:auto!important;
	background-color: transparent!important;
	border: 0px solid #CCCCCC!important;
}
.noscroll ul li
{
	margin-top:10px!important;
	padding-bottom:10px!important;
	line-height:50px!important;
}
.noscroll ul li strong
{
	font-size:1.3em;
}

.tel
{
	text-transform:lowercase;
}
.success, .system_error
{
	color:#fff;
	font-weight:bold;
	padding: 10px 0 10px 10px;
	border:1px solid #fff;
	margin-bottom:10px;
	font-size: 1.2em;
	text-transform:uppercase;
}
.success
{
	background-color:#6699FF;
}
.system_error
{
	background-color:#9A0026;
}
.site_error_head,.site_error_head2
{
	font-size: 4.7em;
	padding-left:0px;
	font-weight: bold;
	padding-top:20px;
	text-align: center;
	text-transform:uppercase;
}
.site_error_head
{
	color:#fff;
	font-weight: bold;
	z-index:5;
}
.site_error_head2
{
	color:#000;
	z-index:0;
	position: absolute;
	top:73px;
	left:3px;
	filter:alpha(opacity=35);
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;
}
#error_icon
{
	float:left;
	padding-left:20px;
	position:relative;
	bottom:30px;
}
#seoFoot
{
	padding:10px 0 10px 20px;
}
#seoFoot .addBorderRight
{
	border-right:1px solid #666!important;
}

#footBox *
{
	cursor:default;
}
#footBox * a
{
	cursor:pointer;
	border-width:0;
}
#seoFoot ul
{
	border-left:1px solid #666;
	float:left;
	width:250px;
	padding:0 10px 0 0;
	margin: 0;
}
#seoFoot .first
{
	width:150px;
	border-width:0;
}
#seoFoot .last
{
	width:350px;
}


#seoFoot .seperator
{
	clear:both;
	height:10px;
	margin:0 20px 10px 0;
	border-bottom:1px solid #111;
}
.sitemap_page ul
{
	margin-bottom:20px;
}
.sitemap_page ul li, #seoFoot ul li
{
	margin:0 0 5px 10px;
	position:static;
}
#seoFoot ul li a{color:#ccc;}
#seoFoot ul li a:hover{color:#6699FF;}
#seoFoot ul li.heading a
{
	color:#fff;
}

.sitemap_page ul li.sitemap_head, #seoFoot ul li.heading
{
	font-size: 1.4em;
	margin-left:0;
}
.sitemap_page ul.sitemap_more li
{
	margin-left:0;
}

#webmailLogin
{ 
	width:818px; 
	border-top:1px solid #6699FF;
	border-bottom:1px solid #666;
	display:none;
	float:left;
	position: absolute;
	top:0;
	left:0;
	z-index:0;
	overflow:hidden;
	height:1px;
	color:#fff;
}
#webmailLogin label
{
	margin-right:5px;
	font-size:1.4em;
}
#webmailLogin input
{
	margin-right:10px;
	border:1px solid #fff;
	color:#fff;
	background-color:#000;
	font-size:1.2em;
}
#webmailLogin form, #webmailLogin h3
{
	z-index:1;
	position: relative;
	margin-left:40px!important;
}
 #webmailLogin h3
 {
	line-height:22px;
	margin-bottom:10px;
 }
#webmailLogin form
{
	margin-left:20px!important;
}
#webmailLogin .close
{
	z-index:1;
	position:absolute;
	top:0px;
	left:0px;
	color:#6699FF;
	border-bottom:1px solid #6699FF;
	border-right:1px solid #6699FF;
	height:16px;
	line-height: 16px;
	width:16px;
	text-align:center;
}
#webmailLogin .close:hover
{
	background-color:#222;
	color:#fff;
}
.shim
{
	position:absolute;
	top:0;
	left:0;
	height:100px;
	width:100%;
	background: #000 none;
	filter:alpha(opacity=65);
	-moz-opacity:0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;
	z-index:0;
}

#newsItems h4
{
	cursor: pointer;
	font-size:1.4em;
}
#newsItems, li.newsItem
{
	margin:0 0 10px 0!important;
}
.newsItem .itemPreview
{
	overflow:hidden;
}
.newsItem .details
{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #666;
}

.ieresetter{height:100px;}

/* portfolio */
#btn_happyCustomers
{
	background:transparent url(../img/btn_happyCustomer.png) no-repeat 0 0;
	width:220px;
	height:48px;
	display: block;
	text-indent:-550px;
	font-size:0.1em;
	overflow: hidden;
	margin-bottom:10px;
	margin-left:2px;
}
#btn_happyCustomers:hover
{
	background:transparent url(../img/btn_happyCustomer_over.png) no-repeat 0 0;
}
#portfolio_title
{
	overflow:hidden;
	position:relative;
	height:25px;
	width:220px;
	padding-left:2px;
}
.opaqueBG
{
	position:absolute;
	top: 0;
	left: 0;
	width: 400px;
	height:150px;
	background: #000 none;
	filter:alpha(opacity=35);
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;
	z-index:1;
}
#portfolio_title a
{
	background: transparent url(../img/btn_select_bg.jpg) no-repeat right center;
	display:block;
	font-size:1.2em;
	line-height:20px;
	height:20px;
	margin-bottom:10px;
	text-align:center;
	width:220px;
	z-index:5;
}
#portfolio_title a:hover, #portfolio_title .hover
{
	background: transparent url(../img/btn_select_bg.jpg) no-repeat right center;
	color:#000;
}
.portfolio_nav
{
	position:relative!important;
	display:block!important;
}
#portfolio_selector
{
	display:none;
	overflow:hidden;
	width:218px;
	position:absolute;
	top:20px;
	left:2px;
	border: 1px solid #fff;
	border-top-width:0;
	position:relative
	z-index:10;
}
#portfolio_selector a
{
	display:block;
	width:100%;
	text-align:center;
	line-height:1.5em;
	height:1.5em;
	border-bottom:1px solid #777;
	position:relative;
	z-index:2;
}

#portfolio_thumbs a
{
	display:block;
	float:left;
	width:72px;
	margin:2px 2px;
	font-size:0.9em;
	text-align:center;
}
#portfolio_thumbs img
{
	background: transparent url(../img/loader.gif) no-repeat center center;
	width:65px;
	height:65px;
	margin-bottom: 5px;
	border:1px solid #9A0026;
	display:block;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#portfolio_thumbs a:hover img
{
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	-khtml-opacity: .99;
	opacity: .99;
}
#portfolio_icons a
{
	background-repeat:no-repeat;
	border-bottom-width:0 !important;
	float:left;
	margin:0 8px 10px;
	opacity:0.8;
	text-align:center;
	vertical-align:baseline;
	width:100px;
}
.portfolio_detail
{
	clear:both;
}
.portfolio_detail img
{
	display:block;
	background-color:#000;
	background: transparent url(../img/loader.gif) no-repeat center center;
	border:1px solid #9A0026;
	margin-right:0px;
	margin-bottom:5px;
	width:490px;
}
.portfolio_detail a:hover
{
	color:#69f;
}
.portfolio_detail .description
{
	margin-top:10px;
}
.portfolio_detail
{
	display:none;
}
#portfolio_details .space
{
	height:25px;
	width:100%;
	padding:0;
}
#portfolio_details a img
{
	display:block;
	border: 1px #fff solid;
	vertical-align: baseline;
}
#portfolio_details a:hover img
{
	border-color:#6699FF;
}
#portfolio_details a
{
	background-repeat: no-repeat;
	float:left;
	margin:0 10px 10px 10px;
	vertical-align: baseline;
	text-align:center;
	width:100px;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}

#portfolio_details a:hover
{
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
#portfolio_details #portGraphic{ background-image: url(../img/portfolio_icons/graphicdesign.png);}
/*#portfolio_details #portGraphic a{ background-image: url(../img/text_graphicdesign.png);}*/
#portfolio_details #portGraphic:hover{ background-image: url(../img/portfolio_icons/graphicdesign_over.png);}

#portfolio_details #portWeb{background-image: url(../img/portfolio_icons/webdesign.png);}
/*#portfolio_details #portWeb a{background-image: url(../img/text_webdesign.png);}*/
#portfolio_details #portWeb:hover{background-image:url(../img/portfolio_icons/webdesign_over.png);}

#portfolio_details #portApp{background-image: url(../img/portfolio_icons/appdev.png);}
/*#portfolio_details #portApp a{ background-image: url(../img/text_appdev.png);}*/
#portfolio_details #portApp:hover{background-image:url(../img/portfolio_icons/appdev_over.png);}

#portfolio_details #portBrand{ background-image: url(../img/portfolio_icons/branding.png); }
/*#portfolio_details #portBrand a{ background-image: url(../img/text_branding.png);}*/
#portfolio_details #portBrand:hover{background-image: url(../img/portfolio_icons/branding_over.png);}


/**
 * ----------------------------------------------------------------------------
 * toggleElements.css - Stylesheet for jQuery-Plugin toggleElements
 * ----------------------------------------------------------------------------
 */
@media projection, screen {
	/* Toggler - default style */
	.toggler {
		margin:15px 0 15px 0;
		cursor:pointer;
		text-decoration: none;
		font-size: 1.4em;
		font-weight:bold;
		line-height:30px;
		display: block;
		padding-left:20px;
		background:transparent none;/*url(../img/award_dot.gif) no-repeat 0 2px;*/
		line-height:1em;
		height:auto;
		
	}
	a.toggler 
	{
		font-weight:bold!important;
		color:#fff!important;
		border-bottom:0px!important;
		font-style:normal!important;
		text-transform:none!important;
	}
	.toggler-closed {
		background: transparent url(../img/more.png) no-repeat 0 2px;		
		color:#FFF;		
		border: solid 0px white;
	}
	.toggler-closed:hover {
		color:#CD0033;		
		border: solid 0px #e3e3e3;
	}
	.toggler-opened {
		color:#CD0033;
		background: transparent url(../img/less.png) no-repeat 0 2px;			
		border: solid 0px white;
	}
	.toggler-opened:hover {
		color:#FFF;	
		border: solid 0px #e3e3e3;
	}

	/* Container - default style */
	.toggler-c {
		padding:10px 40px;
	}
	.toggler-c-closed {
		background:transparent;
		border-bottom:solid 1px #e3e3e3;
		margin:-15px 0px 15px 0px;
	}
	.toggler-c-opened {
		margin:-15px 0px 15px 0px;
		background:transparent;
		border-bottom:solid 1px #fff;
		display:block;
	}

}
/* Print -------------------------------------------------------------------- */
@media print {
	.toggler-c { margin-bottom:25px; }
	.toggler { display: none; }
}