body
{
	background: white url(images/backgroundStrip.jpg) repeat-x scroll top left;
	text-align: center;
	padding: 0px;
	margin: 0px;
	font-family: Calibri, Verdana;
}

img
{
	padding: 0;
	margin: 0;
}
.database {
	padding: 10px;
}

div
{
	display: block;
	float: left;
	
	overflow: hidden;
}

.Right
{
	float: right;
}

.Wrapper
{
	margin: 0 auto;
	width: 933px;
	padding: 0px;
	height: 100%;
	float: none;
}

.MainDiv
{
	padding: 0;
	margin:  0;
	text-align: left;
	width: 933px;	
}	
.MainDiv a
{
	color: #4F4D9F;
	text-decoration: none;
}

.HeaderArea
{
	width: 933px;
	height: 210px;
	background: url(images/mainHeader3.jpg) no-repeat scroll bottom center;
	padding: 0;
	margin: 0;
}

.TopBar
{
	width: 933px;
	height: 14px;
	/*background-color: RGB(102,102,102);*/
	padding: 0;
	margin: 0;
}

.MainContentTop
{
	width: 933px;
	height: 55px;
	padding: 0;
	margin: 0;
	background: url(images/maincontenttop.png) no-repeat scroll bottom left;
	
	_height: 50px;
	_background: none;
	_border-bottom: 5px solid white;
}

.MainContentBody
{
	width: 913px;
	padding: 3px 10px 2px 10px;
	_padding: 5px 10px;
	margin: 0;
	background: url(images/maincontentstrip.png) repeat-y scroll top left;
	
	_background: white;
}

.MainContentBottom
{
	width: 933px;
	height: 36px;
	padding: 0;
	margin: 0;
	background: url(images/maincontentbottom.png) repeat-y scroll top left;
	
	_height: 30px;
	_background: none;
	_border-top: 5px solid white;
}

.mctLeftText
{
	width: 390;
	height: 30px;
	margin: 0;
	padding: 5px 0 0 5px;
}

.mctLeftText h1
{
	font-size: 160%;
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-family: "Century Gothic", Arial;
	color: RGB(51,51,51);
}

.mctRightText
{
	width: 170px;
	height: 20px;
	padding: 5px 0;
	float: right;
	margin: 18px 5px 0 0;
	_margin: 25px 0 0 0;
	_background-color: white;
}

.mctRightText h3
{
	margin: 0;
	padding: 0;
	font-family: calibri;
	font-size: 110%;
	color: RGB(51,51,51);
	font-weight: bold;
	text-align: center;
}

.MainContentLeft
{
	width: 605px;
	_width: 613px;
	height: 250px;
	padding: 0;
	margin: 0;
	background-color: RGB(66,66,66);
}

.MainContentRight
{
	width: 290px;
	height: 250px;
	padding: 0;
	margin: 0 8px 0 0;
	_margin: 0;
	float: right;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(images/featuredproject1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.MainContentBottom a
{
	float: left;
	display: block;

	text-decoration: none;
	font-family: calibri;
	font-size: 110%;
	color: RGB(51,51,51);
	font-weight: bold;
	
	width: 130px;
	height: 20px;
	padding: 0;
	margin: 10px 0 0 25px;
	text-align: center;
	
	_width: 180px;
	_padding: 5px 0;
	_background-color: white;
	_margin: 0;
}

.MainContent2
{
	width: 885px;
	_width: 933px;
	padding: 20px;
	background-color: #FFFFFF;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-image: url(images/contentbackground.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-width: 20px;
	border-right-width: thin;
	border-bottom-width: 10px;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: dotted;
	border-bottom-style: solid;
	border-left-style: dotted;
	border-top-color: #403f44;
	border-right-color: #403f44;
	border-bottom-color: #403f44;
	border-left-color: #403f44;
}
.portfolioitem {
	color: #FFFFFF;
	background-color: #EFEDEF;
	height: 190px;
	width: 240px;
	border: thin solid #D7D2D6;
	padding: 5px;
	margin: 19px;
}

.Column1
{
	width: 580px;
	_margin: 0 10px 0 4px;
	font-family: calibri;
	color: RGB(51,51,51);
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 0;
	margin-left: 6px;
	padding-left: 20px;
	padding-right: 20px;
}
.testimonialbox {
	padding: 20px;
	width: 205px;
	background-color: #FFFFFF;
	font-size: 75%;
	line-height: 20px;
	color: #333333;
	font-family: "Segoe Print", "Century Gothic", Arial;
	text-align: center;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: dotted;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.RoundedRect1
{
	width: 265px;
	height: 71px;
	padding: 15px 20px 20px 15px;
	margin: 0 0 10px 0;
	background: url(images/roundedrect1.jpg) no-repeat scroll top left;
	font-family: calibri;
	color: white;
}

.RoundedRect1 h2
{
	margin: 0;
	font-size: 120%;
}

.Column1 p, li
{
	font-size: 95%;
	line-height: 160%;
	list-style-image: url(images/bullet.jpg);
	list-style-position: inside;
}
.Column1 h1
{
	font-size: 215%;
	line-height: 100%;
	color: #333333;
	font-family: "Century Gothic", Arial;
}

.Column2
{
	width: 260px;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 8px;
	_margin: 0 8px 0 4px;
	padding-left: 0px;
}

.Column3
{
	width: 276px;
	float: right;
	margin: 0 8px 0 0;
	_margin: 0 4px 0 0;
}

.Column2Item
{
	width: 260px;
	margin: 0 0 6px 0;
	padding: 10px 0;
	font-family: calibri;
	color: RGB(51,51,51);
}

.Column2Item h3
{
	font-size: 130%;
	margin: 0 0 5px 0;
}

.Column2Item p
{
	font-size: 90%;
	margin: 0 8px;
}

.c2iCogs
{
	padding: 10px 0 10px 78px;
	background: url(images/cogs.jpg) no-repeat scroll center left;
}

.c2iWorld
{
	padding: 10px 0 10px 83px;
	background: url(images/earth.jpg) no-repeat scroll center left;
}

.c2iComputer
{
	padding: 10px 0 10px 90px;
	background: url(images/computer.jpg) no-repeat scroll center left;
}

.QuoteBoxTop
{
	width: 236px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: url(images/quoteboxtop.jpg) no-repeat scroll top left;
}

.QuoteBoxBody
{
	width: 156px;
	margin: 0;
	padding: 0 40px;
	background: url(images/quoteboxstrip.jpg) repeat-y scroll top left;
}

.QuoteBoxBody p
{
	margin: 0;
	padding: 0;
	font-family: calibri;
	font-size: 80%;
	line-height: 150%;
	color: RGB(150,150,150);
	font-style: italic;
	font-weight: bold;
}

.QuoteBoxBottom
{
	width: 236px;
	height: 62px;
	margin: 0;
	padding: 0;
	background: url(images/quoteboxbottom.jpg) no-repeat scroll top left;
}

.GradBox1
{

	height: 75px;
	margin: 0px;
	_margin: 5px 0 5px 6px;
	background: url(images/gradbox1.jpg) no-repeat scroll top left;
	font-family: calibri;
	color: RGB(51,51,51);
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.GradBox1 a {
    color: #FFFFFF;
}
.GradBox1 h3
{
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
	width: 305px;
}

.GradBox1 p
{
	float: left;
	display: block;
	width: 215px;
	margin: 0;
	padding: 0;
	font-size: 70%;
}

.GradBox1Button
{
	display: block;
	float: right;
	
	width: 65px;
	height: 14px;
	padding: 5px 0;
	margin: 5px 10px 0 0;
	_margin: 5px 5px 0 0;
	text-align: center;
	text-decoration: none;
	color: RGB(220,220,220);
	font-size: 65%;
	background: url(images/gradboxbutton.jpg) no-repeat scroll top left;
}
.GradBox2
{
	width: 236px;
	height: 85px;
	padding: 5px 10px;
	_margin: 5px 0 5px 6px;
	font-family: calibri;
	color: RGB(51,51,51);
}

.Footer
{
	width: 908px;
	_width: 893px;
	background: RGB(45,45,45) url(images/footerstrip.jpg) repeat-x scroll top left;
	_margin-top: 20px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 20px;
}

.FooterItems
{
	width: 840px;
	padding: 0 0 0 48px;
	margin: 0;
}

.FooterItems li
{
	width: 280px;
	padding: 0;
	margin: 3px 0;
}

.FooterItems li a
{
	font-family: calibri;
	font-weight: normal;
	font-size: 90%;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.FooterBottom
{
	float: left;
	display: block;
	width: 840px;
	font-family: calibri;
	font-weight: normal;
	font-size: 70%;
	color: #FFFFFF;
	padding: 0;
	_margin: 30px 0 0 10px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}
.FooterBottom a
{

	color: #CCCCCC;
	text-decoration: none;
}

.Menu
{
	float: left;
	list-style-type: none;
}

.Menu li
{
	float: left;
	list-style-type: none;
	padding: 0;
	display: block;
	line-height: 125%;
}

.Menu li a
{
	float: left;
	display: block;
	margin: 0;
	
}

.MainNav1
{
	width: 420px;
	margin-top: 102px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8px;
	_margin: 102px 0 0 4px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}

.MainNav1 li
{
	margin: 0 6px;
	_margin: 0 7px 0 4px;
	padding: 0;
}

.MainNav1 li a
{
	font-family: calibri;
	font-size: 15.2px;
	color: white;
	text-decoration: none;
	padding-right: 9px;
}

.MainNav2
{
	width: 800px;
	clear: left;
	_margin: 25px 0 0 112px;
	padding: 0;
	margin-top: 24px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 124px;
}

.MainNav2 li
{
	margin: 0 8px;
	_margin: 0 9px 0 4px;
	padding: 0;
}

.MainNav2 li a
{
	font-family: calibri;
	color: white;
	text-decoration: none;
	padding-top: 0;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 4px;
}

.FeaturedProjectLink
{
	float: left;
	display: block;
	width: 280px;
	margin: 222px 0 0 0;
	padding: 0;
	text-align: right;
	font-family: calibri;
	text-decoration: none;
	font-size: 105%;
	color: white;
	font-weight: bold;
}

.MainContent3
{
	width: 644px;
	_margin: 42px 0 20px 0;
	padding: 0;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

.Testimonial
{
	width: 288px;
	padding: 0;
	_margin: 0;
	float: right;
	margin-top: 220px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.TestimonialTop
{
	width: 288px;
	height: 112px;
	padding: 0;
	margin: 0;
	_background: url(images/testimonialtop.jpg) no-repeat scroll top left;
	background-attachment: scroll;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
}

.TestimonialBody
{
	width: 288px;
	_width: 270px;
	padding: 0;
	margin: 0;
	_margin: 0 0 0 1px;
	_background: url(images/testimonialstrip.jpg) repeat-y scroll top left;
	background-attachment: scroll;
	background-image: none;
	background-repeat: repeat-y;
	background-position: left top;
}

.TestimonialBottom
{
	width: 288px;
	_width: 270px;
	height: 102px;
	padding: 0;
	margin: 0;
	_margin: 0 0 0 1px;
	_background: url(images/testimonialbottom.jpg) no-repeat scroll top left;
	background-attachment: scroll;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
}

.PageHeader
{	
	width: 610px;
	height: 157px;
	margin: 0;
	padding: 10px 24px 25px 10px;
	background: url(images/pageHeader.jpg) no-repeat scroll top left;
}

.PageHeaderImage
{
	width: 610px;
	height: 157px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.phi01
{
	background: RGB(66,66,66) url(images/headerdotdisc.jpg) no-repeat scroll top left;
}

.phi02
{
	background: RGB(66,66,66) url(images/headerabstractgraphics.jpg) no-repeat scroll top left;
}

.phi03
{
	background: RGB(66,66,66) url(images/headerhippyflowers.jpg) no-repeat scroll top left;
}

.phi04
{
	background: RGB(66,66,66) url(images/headerflash.jpg) no-repeat scroll top left;
}

.phi05
{
	background: RGB(66,66,66) url(images/headerscreens.jpg) no-repeat scroll top left;
}

.phi06
{
	background: RGB(66,66,66) url(images/headernervecells.jpg) no-repeat scroll top left;
}

.phi07
{
	background: RGB(66,66,66) url(images/headergrass.jpg) no-repeat scroll top left;
}

.phi08
{
	background: RGB(66,66,66) url(images/headercurves.jpg) no-repeat scroll top left;
}
.phi09
{
	background: RGB(66,66,66) url(images/headerrainbow.jpg) no-repeat scroll top left;
}
.phi10
{
	background: RGB(66,66,66) url(images/headerdatabases.jpg) no-repeat scroll top left;
}


.PageHeaderImage h1
{
	width: 610px;
	height: 120px;
	margin: 37px 0 0 0;
	float: right;
	display: block;
	text-align: right;
	padding: 0;
	color: white;
	font-family: calibri;
	font-size: 800%;
	position: relative;
	left: 4px;
}

.phi03 h1
{
    font-size: 700%;
    margin-top: 50px;   
}

.mc3Text
{
	width: 545px;
	margin: 3px;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
	background-color: #FFFFFF;
	border-top-width: 20px;
	border-right-width: thin;
	border-bottom-width: 10px;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: dotted;
	border-bottom-style: solid;
	border-left-style: dotted;
	border-top-color: #403F44;
	border-right-color: #403F44;
	border-bottom-color: #403F44;
	border-left-color: #403F44;
	background-image: url(images/contentbackground.jpg);
	background-repeat: no-repeat;
}

.mc3Text p
{
	font-family: calibri;
	color: RGB(51,51,51);
	line-height: 160%;
}

.TestimonialBody p
{
	float: left;
	display: block;
	width: 210px;
	font-family: calibri;
	font-size: 80%;
	line-height: 180%;
	color: #333333;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
}

.TestimonialTop h3
{
	display: block;
	float: right;
	width: 140px;
	padding: 0;
	margin: 10px 10px 0 0;
	_margin: 10px 0px 0 0;
	font-family: calibri;
	font-weight: bold;
	color: #C23DC2;
	font-size: 110%;
}

/*Collapsible panel */

.mc3CollapsiblePanels
{
    width: 644px;
    margin: 0 0 10px 0;
    padding: 0;  

}

.mc3CollapsiblePanels div
{
    overflow: visible;
}

.CollapsePanelDiv
{
    width: 644px;
    margin: 0;
    padding: 0;
    clear: both; 
}


.CollapseContent
{
	width: 548px;
	border: 1px solid RGB(180,180,180);
	font-size: 80%;
	line-height: 25px;
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 5px;
	padding-left: 40px;
	clear: left;
}

.CollapseHeader span
{
	width: 400px;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	font-family: Calibri;
	color: White;
	font-size: 110%;
	font-weight: normal;
}


.CollapseHeader
{
	width: 613px;
	_width: 610px;	
	height: 23px;
	_height: 20px;	
	padding: 5px 10px;
	margin: 0;
	_margin: 3px 0 0 0;
}

.CollapseHeaderButton
{
    float: right;
	width: 13px;
	padding: 5px 13px 0 14px;
	float: right;
    margin: 0;
}

.CollapseHeaderButton img
{
    _margin: 0;
    _padding: 0;
    _display: block;
}

.collapse1
{
    background: url(images/collapse1.png) no-repeat scroll top left;
    _background: RGB(129,62,112);
}

.collapse2
{
    background: url(images/collapse2.png) no-repeat scroll top left;
    _background: RGB(150,70,129);
}

.collapse3
{
    background: url(images/collapse3.png) no-repeat scroll top left;
    _background: RGB(169,77,145);
}

.collapse4
{
    background: url(images/collapse4.png) no-repeat scroll top left;
    _background: RGB(185,83,158);
}

.collapse5
{
    background: url(images/collapse5.png) no-repeat scroll top left;
    _background: RGB(208,129,187);
}

.collapse6
{
    background: url(images/collapse6.png) no-repeat scroll top left;
    _background: RGB(65,128,144);
}

.SideBox
{
	width: 288px;
	padding: 0;
	_margin: 0 0 18px 0;
	float: right;
	margin-top: 180px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.SideBoxTop
{
	width: 288px;
	height: 70px;
	padding: 0;
	margin: 0;
	_background: url(images/SideBoxtop.jpg) no-repeat scroll top left;
	background-attachment: scroll;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
}

.SideBoxBody
{
	width: 288px;
	_width: 270px;
	padding: 0;
	margin: 0;
	_margin: 0 0 0 1px;
	_background: url(images/SideBoxstrip.jpg) repeat-y scroll top left;
	background-attachment: scroll;
	background-image: none;
	background-repeat: repeat-y;
	background-position: left top;
}

.SideBoxBody3
{
	width: 288px;
	_width: 270px;
	margin: 0;
	_margin: 0 0 0 1px;
	background: url(images/SideBoxstrip.png) repeat-y scroll top left;
	_background: url(images/SideBoxstrip.jpg) repeat-y scroll top left;
	color: #000000;
	padding-top: 0;
	padding-right: 20;
	padding-bottom: 0;
	padding-left: 20;
	list-style-type: none;
}
.SideBoxBody a
{
	width: 200px;
	text-align: right;
	color: #84487a;
	float: right;
	padding-right: 30px;
	text-decoration: none;
	font-family: Calibri, Verdana;
}

.SideBoxBottom
{
	width: 288px;
	_width: 270px;
	height: 70px;
	_height: 50px;
	padding: 0;
	margin: 0;
	_margin: 0 0 0 1px;
	_background: url(images/SideBoxbottom.jpg) no-repeat scroll top left;
	background-attachment: scroll;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
}
.SideBoxnarrow
{
	width: 241px;
	padding: 0;
	margin: 18px 0 0 0;
	_margin: 0;
	float: right;
}

.SideBoxTopnarrow
{
	width: 241px;
	height: 70px;
	padding: 0;
	margin: 0;
	background: url(images/SideBoxtopnarrow.png) no-repeat scroll top left;
	_background: url(images/SideBoxtopnarrow.jpg) no-repeat scroll top left;
}

.SideBoxBodynarrow
{
	width: 241px;
	_width: 270px;
	padding: 0;
	margin: 0;
	_margin: 0 0 0 1px;
	background: url(images/SideBoxstripnarrow.png) repeat-y scroll top left;
	_background: url(images/SideBoxstripnarrow.jpg) repeat-y scroll top left;	
}

.SideBoxBottomnarrow
{
	width: 241px;
	_width: 270px;
	height: 70px;
	_height: 50px;
	padding: 0;
	margin: 0;
	_margin: 0 0 0 1px;
	background: url(images/SideBoxbottomnarrow.png) no-repeat scroll top left;
	_background: url(images/SideBoxbottomnarrow.jpg) no-repeat scroll top left;
}

.SideBoxBody h3
{
	float: left;
	display: block;
	width: 220px;
	padding: 0 15px;
	_padding: 0 10px;
	font-family: calibri;
	font-size: 120%;
	color: RGB(51,51,51);
	margin: 0 10px 10px 10px;
	_margin: 0 0 10px 5px;
	text-align: center;
}


.SideBoxBody p
{
	float: left;
	display: block;
	width: 220px;
	padding: 0 15px;
	_padding: 0 10px;
	font-family: calibri;
	font-size: 80%;
	color: RGB(51,51,51);
	margin: 0 10px 10px 10px;
	_margin: 0 0 10px 5px;
	line-height: 20px;
	text-align: right;
}

.SideBoxBody h4
{
	float: left;
	display: block;
	width: 220px;
	_padding: 0 10px;
	font-family: calibri;
	font-size: 110%;
	color: #C23DC2;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 10px;
	_margin-left: 5px;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}

.SideBoxTop h3
{
	display: block;
	float: right;
	width: 120px;
	font-family: calibri;
	font-weight: bold;
	color: #C23DC2;
	font-size: 110%;
	margin-top: 8px;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 0;
	_margin-right: 15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
.SideBoxBodynarrow h3
{
	float: left;
	display: block;
	width: 170px;
	padding: 0 15px;
	_padding: 0 10px;
	font-family: calibri;
	font-size: 120%;
	color: RGB(51,51,51);
	margin: 0 10px 10px 10px;
	_margin: 0 0 10px 5px;
}

.SideBoxBodynarrow p
{
	float: left;
	display: block;
	width: 170px;
	padding: 0 15px;
	_padding: 0 10px;
	font-family: calibri;
	font-size: 90%;
	color: RGB(51,51,51);
	margin: 0 10px 10px 10px;
	_margin: 0 0 10px 5px;
}

.SideBoxTopnarrow h3
{
	display: block;
	float: right;
	width: 110px;
	padding: 0;
	margin: 8px 30px 0 0;	
	_margin: 8px 15px 0 0;
	font-family: calibri;
	font-weight: bold;
	color: black;
	font-size: 110%;
}

.Portfolio
{
    width: 624px;
    padding: 10px;
    _padding: 10px 10px 0 0;
    margin: 0;      
}

.PortfolioItems
{
    width: 624px;
    _width: 618px;
    padding: 0;
    margin: 0;
}

.PortfolioItems li
{
    width: 196px;
    height: 153px;
    padding: 0;
    margin: 0 12px 12px 0;
    _margin: 0 10px 10px 0;
}

.RightLink
{
	width: 600px;
	display: block;
	float: right;
	text-align: right;
	font-family: Calibri;
	font-size: 105%;
	font-weight: bold;
	color: RGB(51,51,51);
	text-decoration: none;
	padding: 0;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 0;
	_margin-right: 15px;
}

.WorkExample
{
    width: 196px;
    height: 153px;
    margin: 12px 40px;
    _margin: 12px 0 12px 20px;
}

.Testimonial2
{
    width: 644px;
    padding: 0;
    margin: 0;   
}

.Testimonial2Top
{
    width: 644px;
    _width: 635px;
    height: 60px;
    background: url(images/testimonial2top.png) no-repeat scroll top left;
    _background: url(images/testimonial2top.jpg) no-repeat scroll top left;
    margin: 0;
    padding: 0;
}

.Testimonial2Body
{
    width: 644px;
    _width: 635px;
    background: url(images/testimonial2body.png) repeat-y scroll top left;
    _background: url(images/testimonial2body.jpg) repeat-y scroll top left;
    margin: 0;
    padding: 0;        
}

.Testimonial2Body p
{
    width: 340px;
    float: left;
    display: block;
    margin: 0 0 0 130px;
    _margin: 0 0 0 65px;
    padding: 0;
    font-family: Calibri;
    color: RGB(175,175,175);
    font-size: 95%;
    font-weight: bold;
    font-style: italic;
    line-height: 130%;   
}

.Testimonial2Bottom
{
    width: 644px;
    _width: 635px;
    height: 85px;
    background: url(images/testimonial2bottom.png) no-repeat scroll top left;
    _background: url(images/testimonial2bottom.jpg) no-repeat scroll top left;
    margin: 0;
    padding: 0;    
}

.SideBox2
{
    width: 644px;
    padding: 0;
    margin: 0;   
}

.SideBox2Top
{
    width: 644px;
    _width: 635px;
    height: 30px;
    background: url(images/SideBox2top.png) no-repeat scroll top left;
    _background: url(images/SideBox2top.jpg) no-repeat scroll top left;
    margin: 0;
    padding: 0;
}

.SideBox2Body
{
    width: 644px;
    _width: 635px;
    background: url(images/SideBox2body.png) repeat-y scroll top left;
    _background: url(images/SideBox2body.jpg) repeat-y scroll top left;
    margin: 0;
    padding: 0;        
}

.SideBox2Bottom
{
    width: 644px;
    _width: 635px;
    height: 55px;
    background: url(images/SideBox2bottom.png) no-repeat scroll top left;
    _background: url(images/SideBox2bottom.jpg) no-repeat scroll top left;
    margin: 0;
    padding: 0;    
}

.TextColumn01
{
    width: 300px;
    padding: 0;
    float: right;
    font-family: Calibri;
    color: RGB(51,51,51);
    font-size: 90%;   
    margin: 0 20px 0 0;
    _margin: 0 10px 0 0;    
}

.SideBox3
{
    width: 318px;
    padding: 0;
    margin: 15px 0 0 0;   
}

.SideBox3Top
{
    width: 318px;
    _width: 302px;
    height: 40px;
    background: url(images/SideBox3top.png) no-repeat scroll top left;
    _background: url(images/SideBox3top.jpg) no-repeat scroll top left;
    margin: 0;
    padding: 0;
}

.SideBox3Body
{
    width: 318px;
    _width: 302px;
    background: url(images/SideBox3body.png) repeat-y scroll top left;
    _background: url(images/SideBox3body.jpg) repeat-y scroll top left;
    margin: 0;
    padding: 0;        
}

.SideBox3Bottom
{
    width: 318px;
    _width: 302px;
    height: 43px;
    background: url(images/SideBox3bottom.png) no-repeat scroll top left;
    _background: url(images/SideBox3bottom.jpg) no-repeat scroll top left;
    margin: 0;
    padding: 0;    
}

.submission
{   
    width: 848px;
    height: 250px;
    padding: 20px;
    margin: 0;
    font-family: Calibri;
    color: RGB(51,51,51);
}

.sb2Only
{
    width: 644px;
    margin: 30px 0 20px 140px;
    _margin: 30px 0 20px 70px;
}

.sb2Text
{
    width: 580px;
    padding: 0 25px;
    margin: 0;
    font-family: Calibri;
    color: Black;
}
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	float: none;
}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	float: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#imageContainer{
	padding: 10px;
	float: none;
}

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	float: none;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
	background-color: #fff;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	float: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Calibri, Verdana;
	font-size: 80%;
}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{
	width: 90%;
	float: left;
	text-align: left;
	padding: 15px;
}	
#imageData #caption{
}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 500px; float: right;  padding-bottom: 0.7em; outline: none;}
#bottomnav{
	width: 300px;
	background-color: red;
	float: right;
}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
.map {
	text-align: center;
	width: 644px;
}
.feedburnerFeedBlock {
	width: 240px;
	list-style-type: none;
	padding-bottom: 20px;
}
.headline {
	color: #006600;
}
.feedtitle {
	color: #00FF00;
	width: 220px;
	font-family: Calibri, Verdana;
	font-weight: bold;
	text-align: left;
}
.feedburnerFeedBlock a{
	width: 170px;
	color: #993399;
	text-align: left;
	font-weight: bold;
	padding-top: 20px;
	list-style-type: none;
	list-style-image: none;
}
.date {
	color: #66CCCC;
	padding: 0px;
	margin: 0px;
}
.blogfeed {
	margin-top: 30px;
	list-style-type: none;
}
.SideBoxBlog
{
	width: 288px;
	_width: 270px;
	padding: 0;
	margin: 0;
	_margin: 0 0 0 1px;
	background: url(images/SideBoxstrip.png) repeat-y scroll top left;
	_background: url(images/SideBoxstrip.jpg) repeat-y scroll top left;
	color: #000000;
	text-decoration: none;
}
.SideBoxBlog H3
{
	color: #333333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	margin: 0px;
}
.SideBoxBlog a, .SideBoxBlog li
{
	color: #333333;
	text-decoration: none;
	list-style-type: none;
	padding-right: 0;
	padding-bottom: 120px;
	padding-left: 0;
}#creditfooter {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
h1 {
	color: #333333;
}
h3 {
	color: #333333;
	
}
h2 {
	color: #5E3358;
	font-size: 150%;
	padding-bottom: 0px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #844a7c;
}
.portfoliomonitor {
	float: left;
	height: 154px;
	width: 198px;
}
h4 {
	color: #333333;
	margin-bottom: 0px;
}
.hometestimonials {
	font-weight: normal;
	margin-top: 50px;
	font-size: 80%;
}
.hometestimonials a {
	font-weight: bold;
}
.hometestimonials h3{
	font-weight: bold;
	font-size: 150%;
}
.usp {
	height: 108px;
	width: 290px;
}
.uspbox {
	width: 580px;
	margin-left: 20px;
}
.uspbox1 {
	width: 580px;
	margin-left: 20px;
	margin-bottom: 50px;
}
.buttons {
	padding-top: 6px;
	padding-right: 20px;
	padding-left: 10px;
}
.buttonsbox {
	width: 930px;
	height: 100px;
}
.testimonialbox2 {
	padding: 20px;
	width: 500px;
	background-color: #fcfcfe;
	font-size: 80%;
	line-height: 20px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-width: 10px;
	border-right-width: thin;
	border-bottom-width: 5px;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: dotted;
	border-bottom-style: solid;
	border-left-style: dotted;
	border-top-color: #403F44;
	border-right-color: #403F44;
	border-bottom-color: #403F44;
	border-left-color: #403F44;
}

/*Hover Menu*/
.PopupMenu 
{
	position:absolute;
	visibility:hidden;
	width: 315px;
	padding: 0;
	margin: 0;
	z-index: 1000;
	float: none !important;
}

.PopupMenu div
{
    float: none;
}

.PopupMenuTop
{
    width: 315px;
    height: 26px;
    background: url(images/popuptop.png) no-repeat scroll top left;
    margin: 0;
    padding: 0;   
}

.PopupMenuBottom
{
    width: 315px;
    height: 20px;
    background: url(images/popupbottom.png) no-repeat scroll top left;
    margin: 0;
    padding: 0;
}

.PopupMenuBody
{
    width: 285px;
    padding: 0 17px 0 13px;
    margin: 0;
    background: url(images/popupstrip.png) repeat-y scroll top left;
}

.PopupHover 
{
	color: White !important;
	background-color: #466868;
}

.BubbleMenu
{
    width: 285px;
    padding: 0;
    margin: 0;   
}

.BubbleMenu li 
{
    width: 295px;
    padding: 0;
    margin: 1px 0;           
}

.BubbleMenu li a
{
	font-size: 16px;
	color: #333333;
	text-decoration: none;
	width: 275px;
	padding: 2px 5px;
	text-align: center;
	line-height: 24px;
}

.BubbleMenu li a:hover
{
	color: White !important;
	background-color: #333333;
}
.FooterSection {
	color: #FFFFFF;
	height: 120px;
	width: 310px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: dotted;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-size: 80%;
	text-align: left;
	padding-right: 10px;
	padding-left: 20px;
}
.FooterSection  h1{
	font-size: 20px;
	margin-top: 5px;
	color: #FFFFFF;
	margin-bottom: 5px;
	padding-bottom: 0px;
}
.FooterSection  a{
	color: #FFFFFF;
	text-decoration: none;
}
.FooterSection2 {
	color: #FFFFFF;
	height: 100px;
	width: 180px;
	border: medium none #FFFFFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}