@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #3b3c3e;
	background-image:url(images/BG.jpg);
	background-repeat:repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this left aligns the container in IE 5* + browsers. The text is then set to the left aligned default in the #container selector */
}

/*Header */

/* colors
Orange - ff8125
Smoke - 353535
Purple - 45318d
lt white - f9f9f9
lt gray - d5d5d5*/

/*Body Container with Backgrounds */

.thrColFixHdr #containerMain { 
	width: 773px;
	background-image:url(images/BodyBG_Main.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	float: left;
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: left on the body element. */
	padding: 0 28px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.thrColFixHdr #containerPhoto { 
	width: 773px;
	background-image:url(images/PhotogBG.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	float: left;
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: left on the body element. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.thrColFixHdr #containerDesign { 
	width: 773px;
	background-image:url(images/DesignBG.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	float: left;
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: left on the body element. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.thrColFixHdr #containerWeb { 
	width: 773px;
	background-image:url(images/WebBG.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	float: left;
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: left on the body element. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.thrColFixHdr #containerWho { 
	width: 773px;
	background-image:url(images/WhoWeAre.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	float: left;
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: left on the body element. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.thrColFixHdr #containerMarketing { 
	width: 773px;
	background-image:url(images/BrandingMarketingBG.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	float: left;
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: left on the body element. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.thrColFixHdr #containerFlash { 
	width: 100%;
	background-image:url(images/BodyBG_Main.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	float: left;
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: left on the body element. */
	padding: 0 28px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.HeadlineText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#Fce599;
	line-height:1.2;
	text-decoration:underline;
}

.BodyText {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12.5px;
	color:#FFFFFF;
	line-height:1.2;
	text-shadow:#333333;	
	text-decoration:none;
}
.BodyTextLarge {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:35.5px;
	color:#FFFFFF;
	text-shadow:#333333;	
	text-decoration:none;
}
.BodyTextMedium {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20.5px;
	color:#FFFFFF;
	text-shadow:#333333;	
	text-decoration:none;
}

.BodyTextLargeBlack {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:35.5px;
	color:#000000;
	text-shadow:#333333;	
	text-decoration:none;
}
.BodyText a{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12.5px;
	color:#FFFFFF;
	line-height:1.5;
	text-shadow:#333333;
	text-decoration:none;	
}
.BodyText a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12.5px;
	color:#fe7b01;
	line-height:1.5;
	text-shadow:#333333;
	text-decoration:underline;
	
}

.BodyTextBlack {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#353535;
	line-height:1;
	text-shadow:#333333;
}
.BodyTextBlack a{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#353535;
	line-height:1;
	text-decoration:none;
}
.BodyTextBlack a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ff8125;
	line-height:1;
	text-decoration:none;
}
.GreenMarkText {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6b8514;
	line-height:1.2;
	text-decoration:none;
 }
.GreenMarkText a{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6b8514;
	line-height:1;
	text-decoration: none;
}
.GreenMarkText a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#45318d;
	line-height:1;
	text-decoration: none;
}

.OrangeHederText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#fe7b01;
	line-height:1;
	text-shadow:#333333;
}
.whiteHeaderSmall {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	line-height:1;
	text-indent:16px;
}


/* 3 Row Layout Containers*/

.thrColFixHdr #mainContent {
	width:745px;
	height: 500px;
	margin: 0 0px;
 /* the right and left margins on this div element can create two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
} 

.thrColFixHdr #bodyTop {
	height: 182px;
	vertical-align:text-top;
	margin: 0 0px; /* the right and left margins on this div element can create two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 


.thrColFixHdr #bodyMiddle {
	height: 146px;
	vertical-align:top;
	margin: 0 0px; /* the right and left margins on this div element can create two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image:url(images/Subheadmid1.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

.thrColFixHdr #bodyBottom {
	height: 174px;
	margin: 0 0 0 0; /* the right and left margins on this div element can create two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 0 0 0x; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image:url(images/Subheadbot1.jpg);
	background-repeat:no-repeat;
	background-position:top;
}


/* black background 2 column */

.thrColFixHdr #bodyMiddleb {
	height: 146px;
	vertical-align:top;
	margin: 0 0px; /* the right and left margins on this div element can create two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 182px 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.thrColFixHdr #bodyBottomb {
	height: 174px;
	margin: 0 0 0 0; /* the right and left margins on this div element can create two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 0 0 0x; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image:url(images/2RowBGblkh2.jpg);
	background-repeat:no-repeat;
	background-position:top;
} 
.thrColFixHdr #bodyBottomBlank {
	height: 174px;
	margin: 0 0 0 28px; /* the right and left margins on this div element can create two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */

} 

 
/* white background 2 column */

.thrColFixHdr #bodyMiddlew {
	height: 146px;
	vertical-align:top;
	margin: 0 0px; /* the right and left margins on this div element can create two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image:url(images/Whtpg1.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

.thrColFixHdr #bodyBottomw {
	height: 174px;
	width:745px;
	margin: 0 0 0 0; /* the right and left margins on this div element can create two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 0 0 0x; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image:url(images/Whtpg2.jpg);
	background-repeat:no-repeat;
	background-position:top;
} 


/* 3 COLUMN LAYOUT
INDEX PAGE Row 1 */

div#leftIndex {
	position:absolute;
	float: left;
	width: 210px;
	height: 130px;
	margin:10px 10px 10px 10px;
}
div#leftMarketing {
	position:absolute;
	float: right;
	width: 200px;
	height: 130px;
	margin:15px 20px 10px 20px;
	left: 520px;
	top: 300px;
}
div#RightMarketing {
	position:absolute;
	float: right;
	width: 200px;
	height: 141px;
	margin:15px 20px 10px 20px;
	left: 492px;
	top: 400px;
}
div#rightIndex {
	position:relative;
	float: right;
	width: 200px;
	height: 120px;
	margin:0px 20px 10px 20px; /* top right bottom left! (Adjust me to define absolute positon, don't forget to change the width/height as well!!*/
}
div#rightIndexfl {
	position:relative;
	float: right;
	width: 240px;
	height: 120px;
	margin:0px 15px 0px 0px; /* top right bottom left! (Adjust me to define absolute positon, don't forget to change the width/height as well!!*/
}

div#middleIndex {
	position:static;
	padding: 40px 0px 0px 245px; /* top right bottom left! (Adjust me to define absolute positon */
	width: 237px;
	height: 96px;
}


/* 2 COLUMN LAYOUT span INDEX PAGE Row 1 */

/* Branding Page Columns */

div#leftIndexsp {
	position:absolute;
	float: left;
	width: 417px;
	height: 114px;
	margin:80px 0px 0px 150px;
	left: -91px;
}

div#rightIndexsp {
	position:relative;
	float: right;
	width: 200px;
	height: 120px;
	margin:0px 20px 10px 20px; 
}
/* Graphic Design Page Columns */
div#leftIndexblk {
	position:absolute;
	float: left;
	width: 485px;
	height: 100px;
	margin:10px 0px 10px 170px;
	left: -3px;
	top: 293px;
}
div#leftWho {
	position:absolute;
	float: left;
	width: 386px;
	height: 211px;
	margin:10px 0px 10px 170px;
	left: -73px;
	top: 129px;
}
div#leftWeb {
	position:absolute;
	float: left;
	width: 330px;
	height: 100px;
	margin:10px 0px 10px 170px;
	left: -92px;
	top: 440px;
}

div#rightIndexblk {
	position:relative;
	float: right;
	width: 200px;
	height: 120px;
	margin:0px 20px 10px 20px; /* top right bottom left! (Adjust me to define absolute positon, don't forget to change the width/height as well!!*/
}

/* INDEX PAGE Row 2 */

div#leftIndex2 {
	position:absolute;
	float: left;
	width: 200px;
	height: 140px;
	margin:10px 10px 10px 10px;
	left: 24px;
	top: 390px;
}
div#leftIndexMain {
	position:absolute;
	float: left;
	width: 200px;
	height: 140px;
	margin:10px 10px 10px 10px;
	left: 24px;
	top: 430px;
}
div#leftDesign {
	position:absolute;
	float: left;
	width: 200px;
	height: 140px;
	margin:10px 10px 10px 10px;
	left: 45px;
	top: 455px;
}
div#CenterWho {
	position:absolute;
	float: center;
	width: 500px;
	height: 140px;
	margin:10px 10px 10px 10px;
	left: 140px;
	top: 410px;
}
div#leftMarketing {
	position:absolute;
	float: left;
	width: 200px;
	height: 140px;
	margin:10px 10px 10px 10px;
	left: 6px;
	top: 10px;
}

div#rightIndex2 {
	position:static;
	float: right;
	width: 200px;
	height: 80px;
	margin:80px 20px 10px 20px; /* top right bottom left! (Adjust me to define absolute positon, don't forget to change the width/height as well!!*/
}

div#middleIndex2 {
	position:absolute;
	padding: 0px 0px 10px 250px; /* top right bottom left! (Adjust me to define absolute positon */
	width: 230px;
	height: 159px;
	top: 452px;
	left: 60px;
}
div#middleIndexMain {
	position:absolute;
	padding: 0px 0px 10px 250px; /* top right bottom left! (Adjust me to define absolute positon */
	width: 230px;
	height: 159px;
	top: 500px;
	left: 30px;
}
/* Misc Row 2 layouts */

div#leftIndex4 {
	position:absolute;
	float: left;
	width: 240px;
	height: 140px;
	margin:20px 20px 10px 0px;
}

div#rightIndex4 {
	position:static;
	float: right;
	width: 240px;
	height: 150px;
	margin:20px 10px 10px 0px; /* top right bottom left! (Adjust me to define absolute positon, don't forget to change the width/height as well!!*/
}
div#rightWebEx {
	position:fixed;
	float: right;
	top:370px;
	left:520px;
	width: 240px;
	height: 275px;
	margin:0px 10px 10px 0px; /* top right bottom left! (Adjust me to define absolute positon, don't forget to change the width/height as well!!*/
}
div#middleIndex4 {
	position:absolute;
	padding: 110px 0px 20px 270px; /* top right bottom left! (Adjust me to define absolute positon */
	width: 215px;
	height: 47px;
	left: 25px;
	top: 357px;
}

/* 2 Row Layout Containers*/

.thrColFixHdr #mainContent2 {
	width:773px;
	height:527px;
	margin: 0 0px; /* the right and left margins on this div element can create two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
} 


.thrColFixHdr #bodyBottom2 {
	height: 320px;
	margin: 0 0 0 0; /* the right and left margins on this div element can create two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 0 0 0x; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:f9f9f9;
	background-image:url(images/2RowBG.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
} 

.thrColFixHdr #bodyBottom3 {
	height: 527px;
	margin: 0 0 0 0; /* the right and left margins on this div element can create two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 0 0 0x; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	
} 



/* 3 Column SINGLE ROW LAYOUT*/

div#left2Row {
	position:absolute;
	float: left;
	width: 200px;
	height: 300px;
	margin:10px 20px 10px 20px;
}

div#right2Row {
	position:static;
    float: right;
    width: 200px;
	height: 300px;
	margin:10px 20px 10px 20px; /* top right bottom left! (Adjust me to define absolute positon, don't forget to change the width/height as well!!*/


}

div#middle2Row {
	position:absolute;
	padding: 30px 0px 10px 250px; /* top right bottom left! (Adjust me to define absolute positon */
	
}








/*Additional CSS Tips */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}