@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow-x: hidden;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}
.clearFloat {
	height: 0px;
	clear: both;
}

.blue {
	color:#6699ff;
}

.orange {
	color:#FF9900;
}

.purple {
	color:#9200BF;
	font-weight: bold;
}

.bluepre {
	color:#0013EF;
	font-weight: bold;
}

.graypre {
	color:#666;
	font-weight: bold;
}

pre {
	line-height:16px;
	font-size: 13px;
	background-color: #EFEFEF;
	padding: 10px;
}

.errors {
	color:#FF0000;
	font-weight: bold;
}

a:focus { 
	-moz-outline-style: none; 
	outline:none;
}

a {
	text-decoration: underline;
}

.topOrange {
	background-color: #ff9900;
	background-image: url(../images/Logo_42.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 247px;
	width: 1020px;
	text-indent: -10000px;
}

.topOrange h1 a{
	display:block;
	height:247px;
	width:347px;
}

.topYellow {
	background-color: #ffff66;
	background-image: url(../images/Logo_Solutions.jpg);
	background-repeat: no-repeat;
	background-position: 87px top;
	height: 42px;
	width: 1020px;
	text-indent: -10000px;
	margin: 0px 0px 5px;
}

.topBlue {
	background-color: #6699ff;
	background-image: url(../images/TagLine.jpg);
	background-repeat: no-repeat;
	background-position: 86px top;
	height: 22px;
	width: 1020px;
	text-indent: -10000px;
	margin: 0px 0px 25px;
}

.bottomYellow {
	background-color: #ffff66;
	height: 44px;
	width: 1020px;
	text-indent: -10000px;
	margin: 0px 0px 5px 0px;
}
.bottomBlue {
	background-color: #6699ff;
	height: 22px;
	width: 1020px;
	text-indent: -10000px;
	margin: 0px 0px 25px;
}

.index_LeftColumn {
	width: 260px;
	margin: 0px 0px 30px 87px;
	float: left;
}

.mainContent {
	width: 893px;
	margin: -5px 0px 30px 87px;
	float: left;
}

.casestudyp {
	width:523px;
}

.index_LeftColumn img, .index_rightColumn_Footer img {
	margin: 0px 0px 5px;
	clear: both;
	float: none;
}

.index_LeftColumn p, .index_rightColumn_Footer p, .mainContent p {
	line-height: 16px;
	padding-left: 2px;
}

.index_LeftColumn a, .index_rightColumn_Footer a, .mainContent a {
	/*font-weight: bold;*/
	color: #6699ff;
	text-decoration: underline;
}

.index_LeftColumn a:hover, .index_rightColumn_Footer a:hover, .mainContent a:hover {
	color: #ff9900;
}

.index_LeftColumn h2, .index_rightColumn_Footer h2, .mainContent h2 {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #ff9900;
}

.mainContent h1 {
	font-size: 50px;
	font-weight: bold;
	color: #ff9900;
	line-height:50px;
	text-transform: uppercase;
}

.mainContent h3 {
	font-size: 14px;
	font-weight: bold;
	color: #6699ff;
	margin-bottom:25px;
}

.index_rightColumn {
	width: 595px;
	float: left;
	margin: -353px 0px 0px 38px;
}

.index_rightColumn h1 { 
	color: #ff9900;
}
	
.main_rightColumn {
 height:247px;
	width: 595px;
	float: left;
	margin: -353px 0px 0px 385px;
}

.main_rightColumn img {
	position: relative;
	bottom: -92px;
}

#ourWorkImage {
position: relative;
bottom: -79px;
}

ul#topNav {
	margin: 0px 0px 40px;
	display:block;
	height: 28px;
}

#topNav li {
 display:block;
	list-style-type: none;
	float: left;
	font-size: 14px;
	height: 28px;
	margin: 0px 0px 0px 0px;
}

#topNav li#home, li#love, li#news {
	width:55px;
}

#topNav li#work {
	width:85px;
}

#topNav li#services {
	width:95px;
}

#topNav li#process {
	width:100px;
}

#topNav li#contact {
	width:80px;
}

#topNav li a {
 display:block;
	list-style-type: none;
	color: #FFFFFF;
	padding-top:14px;
	padding-bottom: 5px;
	text-align:center;
	text-decoration: none;
}
#topNav li a:hover {
	text-decoration: underline;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #6699ff;
}

#topNav li.selected a {
	text-decoration: underline;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #6699ff;
	cursor:text;
}

.index_rightColumn_Top {
	background-image: url(../images/whiteAlpha.png);
	background-repeat: repeat;
	height: 289px;
	width: 575px;
	padding-top: 20px;
	padding-left: 20px;
	margin-bottom: 12px;
}
.index_rightColumn_Top p {
	float: left;
	width: 215px;
	display: block;
	margin-top: 10px;
}
.index_rightColumn_Mid {
	padding: 20px;
	height: 289px;*/
	width: 555px;
	background-color: #ffffd9;
	margin-bottom: 12px;
}

.index_rightColumn_Bottom {
	padding: 20px;
	height: 269px;
	width: 555px;
	background-color: #d9e5ff;
}

.index_rightColumn_Contact {
	padding: 20px;
	height: autopx;
	
	width: 551px;
	margin-bottom:30px;
	background-color: #FFFFFF;
	border: 2px solid #d9e5ff;
}

.index_rightColumn_Contact h2 {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #ff9900;
	margin:5px 0px 0px 0px;
}

.index_rightColumn_Contact ul.contact {
	margin-top:8px;
	width:520px;
}

.index_rightColumn_Contact ul.contact li {
	float:left;
	font-size: 12px;
	list-style-type: none;
	margin-bottom:7px;
	width: 360px;
}

.index_rightColumn_Contact ul.contact li input {
	font-size: 12px;
}

.index_rightColumn_Contact ul.contact li textarea {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height:150px;
	width: 360px;
}
.index_rightColumn_Contact ul.contact li select {
	font-size: 12px;
}

.index_rightColumn_Contact ul.contact li.title {
	color:#6699ff;
	width:160px;
}

.index_rightColumn_Contact ul.contact li.submit {
	margin-left:160px;
	*margin-left:80px;
	width:360px;
}

.index_rightColumn_Contact input#button {

}
.index_rightColumn_Footer {
	width: 595px;
	float: left;
	margin: 0px 0px 20px 38px;
}

.index_rightColumn_Top img, .index_rightColumn_Bottom img {
	margin-bottom:5px;
}

.moreArrow {
	width:49px;
	float:right;
	margin-top: 20px;
}

.moreArrow a{
	background-image: url(../images/RightArrow.jpg);
	background-repeat: no-repeat;
	background-position: left 2px;
	height: 14px;
	padding-left: 19px;
	width: 30px;
	white-space: nowrap;
	font-weight: bold;
	color: #6699ff;
	text-decoration: underline;
	display: block;
}

.moreArrow a:hover{
	background-image: url(../images/RightArrowOver.jpg);
	background-repeat: no-repeat;
	background-position: left 2px;
	height: 14px;
	padding-left: 19px;
	width: 30px;
	white-space: nowrap;
	font-weight: bold;
	color: #ff9900;
	text-decoration: underline;
	display: block;
}

.workThumb {
	width: 171px;
	float: left;
	margin-right: 21px;
	*height:1%;
}

.workRollover {
	margin-left:-171px;
	position: absolute;
}
	
.workThumbWide {
	width: 171px;
	float: left;
	margin-right: 56px;
	margin-bottom:40px;
	*height:1%;
}

.workThumbWide img {
	margin-bottom: 10px;
}

.workThumb a, .workThumbWide a {
	color: #6699ff;
	font-weight: bold;
	text-decoration: underline;
}

.workThumb a:hover, .workThumbWide a:hover {
	color: #ff9900;
}

.workThumb h2, .workThumb h2 a, .workThumbWide h2, .workThumbWide h2 a {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #ff9900;
	margin-bottom:2px;
	text-decoration:none;
}

.workThumb h2:hover, .workThumbWide h2:hover {
	text-decoration: underline;
}

.blackLink {
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

.noMargin {
	margin-right:0px;
	*margin:-3px 0px 0px 383px;
}

.topOrange2 {
	background-color: #bf7401;
	width: 1070px;
	*margin-top:-353px;
}

.topDiagonal {
	background-image: url(../images/TopStripeDiagonal.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width: 1070px;
	height: 106px;
}

.topOrange3 {
	float: left;
	margin-left: 1070px;
	background-color: #FF9900;
	background-image: url(../images/TopStripeLeft.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 25%;
	height: 353px;
}

.topShadowIndex {
	background-image: url(../images/TopStripeRight.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	position:absolute;
	height: 73px;
	width: 1020px;
}

.topShadow {
	background-image: url(../images/TopStripeRightNEW.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	position:absolute;
	height: 73px;
	width: 1020px;
}

.bottomDiagonal {
	background-image: url(../images/BottomStripeDiagonal.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 107px;
	width: 1070px;
	*margin-top:-107px;
}

.bottomStripe {
	background-image: url(../images/BottomStripeLeft.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 78px;
	width: 25%;
	margin-left: 1070px;
	float: left;
	margin-top: 29px;
}
.caseStudyImg {
	float: right;
	margin-bottom: 50px;
	clear: right;
}

.workBottom {
	background-color: #ffffd9;
	padding: 20px 20px 0px 20px;
	margin-top: 40px;
}

.workBottomTitle {
	margin-bottom:10px;
}

.servicesLine {
	background-color:#6699ff;
	height:2px;
	margin: 30px 0px 30px 0px;
}

ul.servicesList {
	float:left;
	width:222px;
}

ul.servicesList li {
	list-style-type: none;
	margin:3px 0px;
}

ul.servicesList li a {
	/*color: #6699ff;*/
	font-weight:bold;
	list-style-type: none;
	text-decoration:none;
	cursor:pointer;
	
}

ul.servicesList li a:hover {
	color: #000000;
	text-decoration:underline;
}

a.selected {
	color: #000000;

	font-weight:bold;
	text-decoration:underline;
}

ul.servicesList li a.selected:hover {
	color: #000000;
	cursor: text;
	text-decoration:none;
}

ul.servicesList li.servicesCategory {
	color:#FF9900;
	font-size:16px;
	font-weight:bold;
	margin:0px;
	text-transform:uppercase;
}

.servicesSlider {
	height:160px;
	width:893px;
}

.arrowLeft a {
	background-image: url(../images/arrow_LeftOver.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
	height: 50px;
	margin: 55px 0px 0px -55px;
	text-indent: -10000px;
	width:50px;
}

.arrowLeft a:hover {
	background-image: url(../images/arrow_Left.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
	height: 50px;
	margin: 55px 0px 0px -55px;
	text-indent: -10000px;
	width:50px;
}

.arrowRight a {
	background-image: url(../images/arrow_RightOver.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	height: 50px;
	margin: 55px -55px 0px 0px;
	text-indent: -10000px;
	width:50px;
}

.arrowRight a:hover {
	background-image: url(../images/arrow_Right.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	height: 50px;
	margin: 55px -55px 0px 0px;
	text-indent: -10000px;
	width:50px;
}

.arrowLeftSM a{
	background-image: url(../images/arrowSM_Left.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
	height: 25px;
	margin: 125px 0px 0px -32px;
	text-indent: -10000px;
	width:25px;
}

.arrowLeftSM a:hover{
	background-image: url(../images/arrowSM_LeftOver.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
	height: 25px;
	margin: 125px 0px 0px -32px;
	text-indent: -10000px;
	width:25px;
}

.arrowRightSM a{
	background-image: url(../images/arrowSM_Right.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: right;
	height: 25px;
	margin: 125px -12px 0px 0px;
	text-indent: -10000px;
	width:25px;
}

.arrowRightSM a:hover{
	background-image: url(../images/arrowSM_RightOver.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: right;
	height: 25px;
	margin: 125px -12px 0px 0px;
	text-indent: -10000px;
	width:25px;
}

.quoteLeft {
	background-image: url(../images/quote.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color:#ff9900;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	*height:1%;
	margin:20px 20px 20px 0px;
	padding:20px 0px 0px 40px;
	width: 250px;
}

.quoteRight {
	background-image: url(../images/quote.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color:#ff9900;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	*height:1%;
	margin:20px 0px 20px 20px;
	padding:20px 0px 0px 40px;
	width: 250px;
}

ul.contact {
	margin-top:20px;
	width:520px;
}

ul.contact li {
	float:left;
	font-size: 16px;
	list-style-type: none;
	margin-bottom:8px;
	width: 360px;
}

ul.contact li input {
	width: 360px;
	font-size: 16px;
}

ul.contact li textarea {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height:150px;
	width: 360px;
}
ul.contact li select {
	font-size: 16px;
}

ul.contact li.title {
	color:#6699ff;
	width:160px;
}

ul.contact li.submit {
	margin-left:160px;
	width:360px;
}

input#button {
	width:120px;
}

.indexServicesRotator {
	height:auto;
	*height:1%;
	margin-top:10px;
}

.indexServicesRotator h1 {
	margin-bottom: 5px;
}

.indexServicesRotator h1 a{
	color:#FF9900;
	text-decoration:none;
}
.marginLeft {
	margin-left:20px;
}

div#rotator ul {
	margin:0px;
}

div#rotator ul li {
	list-style: none;
	position:absolute;
	width: 555px;
}

div#rotator ul li.show {
	z-index:500
}