/*
------------ Colors ------------
blue = #3b6fc4
orange = #f97810
----------------------------------
*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.75em; color:#5f5f5f; margin:0; 
	background-image:url(images/BG.jpg); background-repeat:repeat-x; background-position:top; 
	background-color:#5e92e8;
}

img {
	border:0;
}

a:link, a:visited {
	color:#3b6fc4; text-decoration:none
}

a:hover, a:active {
	color:#f97810; text-decoration:none
}

:focus {
outline:none	
}

h1 {
margin:-15px 0 20px; font-size:1.1em; color:#f97810; border-bottom:1px #ddd dotted; line-height:32px;
} 

h2 {
margin:30px 0 14px; font-size:1em; color:#3b6fc4;
}

h3 {
margin:0 0 10px; font-size:12px; color:#3b6fc4; font-family:Verdana;
}

h4 {
margin:0 0 8px; font-size:13px; color:#3b6fc4; border-bottom:0px #ddd dotted; line-height:32px;font-family:Verdana, Arial; 
}

form {
margin:0; padding:0;	
}

#wrapper-home {
position:relative; margin:0 auto; /*width:789px*/ width:834px; height:784px; padding-top:36px; 
background-image:url(images/BG-wrapper-home.jpg); background-position:top; background-repeat:no-repeat
}

#wrapper {
position:relative; margin:0 auto; width:834px; padding-top:36px;  
	background-image:url(images/BG-wrapper.jpg); background-position:top; background-repeat:no-repeat
}

#LogoandTopNavC {
position:absolute; top:0; left:0; z-index:3; width:834px; height:36px; padding:0; font-family:Verdana, Arial; color:#dcdcdc; 
}

#LogoandTopNavSubsC {
position:absolute; top:0; left:0; width:834px; height:36px; padding:0; text-align:center
}

#designLogo {
	margin:27px auto 0; border:0; /*width:550px; height:400px;*/ width:800px; height:530px; padding:0; 
}

#ad-home-welcome {
width:760px; height:480px; margin:60px 37px 0 37px; background-image:url(images/BG-home-welcome.jpg); background-repeat:no-repeat;	
*margin:96px 37px 0 37px;
}

#ads-content {
position:absolute; z-index:2; top:96px; left:37px; width:250px; padding:102px 0 0 45px; font-size:17px; font-weight:bold; 
color:#1a1a1a; font-family:Arial, Helvetica, sans-serif;	
}

#ads-content p {
margin:0 0 20px 4px;	
}

#ads-content p.ads-button1 {
padding:24px 0 0; margin:0;
*padding:29px 0 0; /* IE adjustment */
}

#ads-content p.ads-button2 {
padding:12px 0 0; margin:0;
}

#ads-flash-web-design {
position:absolute; top:96px; left:37px; z-index:1; width:760px; height:480px;
}



#content {
width:730px; min-height:419px; padding:63px 52px 0; margin:0 auto;
}

#content p {
margin:0 0 16px;
}

#content ul {
margin:0 0 18px 10px; padding:0;
}

#content li {
background-image:url(images/li-dot-orange.jpg); background-position:left top; background-repeat:no-repeat;
list-style-type:none; padding:0 0 7px 15px;
}

.btn-requestAQuote {
float:right; margin:0 0 20px 20px;	
}

.confirmationMessage {
color:#3b6fc4;	
}

#pricing-template {
height:193px; overflow:auto;	background-color:#fff; padding:8px; border:1px #ececec solid;
}

#pricing-contact {
display:none;	
}

.pricing-gt {
width:75px; background-color:#fff; color:#f97810; font-family:"Arial Black", Gadget, sans-serif; font-size:12px;
border:1px #7f9db9 solid; text-align:center; 
}

.i-pricing {
width:50px; background-color:#fff; border:1px #7f9db9 solid; text-align:center
}

.i-quantity {
width:50px; background-color:#fff; border:1px #7f9db9 solid; text-align:center
}

#ecommerce_options {
display:none; background-color:#ececec;	
}

#formStyles {
width:675px; padding:25px 25px 0 30px; color:#444; margin-top:28px;  
background-image:url(images/BG-forms-top.jpg); background-position:top; background-repeat:no-repeat; 
}

#formStyles-bottom {
width:730px; height:25px; margin:0 -25px 0 -30px; 
background-image:url(images/BG-forms-bottom.jpg); background-position:bottom; background-repeat:no-repeat; 
}

.forms-requestAQuote-t {
margin:0px auto 0; width:100%; border-collapse:collapse; border:0; font-size:11px;	
*width:96%; /* needed in IE to avoid horizontal scroll bar at bottom of scrolling-enabled overflow divs */
}

.forms-requestAQuote-t td {
border:0; padding:10px 7px; vertical-align:top;	
}

#requestQuote-webSite-t {
display:none;	
}

#requestQuote-e-commerceSite-t {
display:none;	
}

#requestQuote-graphicDesign-t {
display:none;	
}

#requestQuote-facebook-t {
display:none;	
}

#requestQuote-other-t {
display:none;	
}

#requestQuote-ecommerceProvider-t {
display:none;	
}

.f-ta-styles {
margin:10px 0;	
}

#btn-requestConsultation {
display:none; margin:0 auto;	
}

#btn-clearForm {
margin:0 auto;	
}

.consultationConfirmation {
padding:7px; color:#f97810; background-color:#fff; font-weight:bold; text-align:center; border:1px #ececec solid;
}

#bottom {
width:834px; height:282px; background-image:url(images/BG-bottom.jpg); background-repeat:no-repeat;
background-position:bottom;
}

#LogoSamplesContent {
width:730px; padding:63px 52px; margin:0 auto; font-size:10pt; text-align:center
}

.topRightImage {
margin:7px 0 0
}

#portfolioWrapper {
	width:730px; text-align:left; margin:0 auto
}

#portfolioContentTop {
	width:730px; padding:0 0 12px
}

#portfolioContentLeft {
	float:left; width:285px; padding:15px 10px 15px 15px; font-size:12px; line-height:16px
}

.portfolioContentRight {
	float:left; width:396px; padding:15px 0; vertical-align:top; behavior:url('iepngfix/iepngfix.htc'); 
	text-align:center;
}

#portfolioContentLeftSamples {
	float:left; width:135px; padding:15px 10px 15px 15px; font-size:12px; line-height:16px
}

.portfolioContentRightSamples {
	float:left; width:546px; padding:15px 0; vertical-align:top; behavior:url('iepngfix/iepngfix.htc'); 
	text-align:center;
}

#portfolioWebStartLeft {
float:left; width:365px; text-align:center;
}

#portfolioWebStartRight {
float:left; width:365px; text-align:center;
}

.portfolioStartLinks {
font-size:13px; font-weight:bold; vertical-align:middle; display:inline
}

.clear {
	clear:both
}

.invisible {
	display:none; height:0; width:0
}

.blueText {
color:#3b6fc4
}

.resumeText {
margin:0 0 16px 14px;
}

.orangeDot {
color:#f97810; font-size:8px;
}

.pageTitleArrows {
font-size:10px; font-weight:normal; display:inline; elevation:level;
*vertical-align:middle; 
}

.downloadPDFResume {
float:right; margin:-5px 0 0; width:180px; height:12px; text-align:right; font-size:10px; font-style:normal; font-weight:normal
}

.topNavDivider {
	margin:0 28px;
}

.topNav {
	padding:26px 0 0; font-family:Verdana, Arial; text-align:center; color:#b6cff8; font-weight:bold; font-size:13px; text-align:center; 
	width:834px
}

.topNav a:link, .topNav a:visited {
	text-decoration:none; color:#e2ecfc
}

.topNav a:hover, .topNav a:active {
	text-decoration:none; color:#fff
}

.FTLogo {
	font-size:14px; font-family:"Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif;  
}

.dotCom {
	color:#f97810
}

#contactPageC {
	width:630px; padding:0 50px
}

#contactPageC form {
margin:0; padding:0; display:inline	
}

#contactPageC-left {
	float:left; width:365px
}

#contactPageC-right {
	float:left; width:265px
}

#contactForm {
	
}

#contactForm textarea {
margin:6px 0;	color:#4f4f4f; 
}

#contactForm input {
color:#4f4f4f; 
}

.contactFormConfirmation {
padding:7px; color:#f97810; background-color:#fff; font-weight:bold; text-align:center; border:1px #ececec solid;
}

.iBox-name {
	margin-left:10px
}

.iBox-email {
	margin-left:6px
}

.redText {
	color:#d00;
}

.webDesignSolutions-t {
border:0; border-collapse:collapse; width:98%; margin:5px auto 20px;	
}

.webDesignSolutions-t td {
border:0; text-align:center; vertical-align:top; padding:0; 	
}

.webDesignSolutions-t p {
margin:0 0 7px; 	
}

.btn-p {
/*font-size:.8em;*/ font-weight:bold; 
}

.btn-p a:link, .btn-p a:visited {
background-color:#fff; color:#f97810; text-decoration:none; padding:5px 9px;	
}

.btn-p a:hover, .btn-p a:active {
background-color:#fff; color:#3b6fc4; text-decoration:none; padding:5px 9px;	
}

.btn-p-blue {
font-size:.75em; font-weight:bold
}

.btn-p-blue a:link, .btn-p-blue a:visited {
background-color:#3b6fc4; color:#fff; text-decoration:none; padding:5px 9px;	
}

.btn-p-blue a:hover, .btn-p-blue a:active {
background-color:#4580e0; color:#fff; text-decoration:none; padding:5px 9px;	
}

.btn-p-orange {
font-size:.75em; font-weight:bold	
}

.btn-p-orange a:link, .btn-p-orange a:visited {
background-color:#f97810; color:#fff; text-decoration:none; padding:5px 9px;	
}

.btn-p-orange a:hover, .btn-p-orange a:active {
background-color:#fa8322; color:#fff; text-decoration:none; padding:5px 9px;	
}


.topNavDD-top {
background-image:url(images/BG-topNavDD-top1.jpg); background-position:top right; background-repeat:no-repeat
}

.topNavDD-bottom {
background-image:url(images/BG-topNavDD-bottom3.png); background-position:bottom right; 
background-repeat:no-repeat; height:14px; padding:0; border:0; width:150px;
*margin-top:-2px; 
_background-image:url(images/BG-topNavDD-bottom3.jpg);
}


/*  Dynamic Drive Drop Down Menu  */

.suckertreemenu {

}

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
/*background-color: #fff;  overall menu background color*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}

/*Top level menu link items style*/
.suckertreemenu ul  li a:link, .suckertreemenu ul li a:visited {
color:#e2ecfc;
display: block;
/*width: 130px; *//*Width of top level menu link items*/
padding:1px 8px 1px 67px;
/*border: 1px solid black;*/
border-left-width: 0;
text-decoration: none;
text-align:left;
_width:60px
}

.suckertreemenu ul li a:hover, .suckertreemenu ul li a:active {
color:#fff;
display: block;
/*width: 130px; *//*Width of top level menu link items*/
padding:1px 8px 1px 67px;
/*border: 1px solid black;*/
border-left-width: 0;
text-decoration: none;
text-align:left;
_width:60px
}

/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 27px;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
font-size:12px; /* font size of drop down links */
font-weight:normal;
top:8px; /* controls positioning of drop down links */
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
/*left: 121px;  no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul  li ul li a:link, .suckertreemenu ul li ul li a:visited {
display: block;
width: 130px; /*width of sub menu levels*/
color: #3b6fc4; /*color of drop down links */
text-decoration: none;
padding:10px 10px 4px;
text-align:left;
/*background-color:#fff;*/
height:11px;
background-image:url(images/BG-topNavDD-middle4.png);
background-repeat:repeat-y;
background-position:top right;
*margin-top:-1px;
_background-image:url(images/BG-topNavDD-middle4.jpg);
}

.suckertreemenu ul li ul li a:hover, .suckertreemenu ul li ul li a:active {
display: block;
width: 130px; /*width of sub menu levels*/
color: #f97810; /*color of drop down links */
text-decoration: none;
font-weight:normal;
padding:10px 10px 4px;
text-align:left;
height:11px;
background-image:url(images/BG-topNavDD-middle4.png);
background-repeat:repeat-y;
background-position:bottom right;
*margin-top:-1px;
_background-image:url(images/BG-topNavDD-middle4.jpg);
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{

}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #fff url(media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%;}
* html .suckertreemenu ul li a { height: 1%;}
* html .suckertreemenu ul li ul li { float: left;} /* This removes the 1 pixel gap between drop down list items in IE6 */

/* End Dynamic Drive Drop-down Menu */









/* Begin Dynamic Drive Image Hover Effect 
- original "dynamic drive image hover effect" code from http://www.dynamicdrive.com
- code modified by Forrest Thomas
*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
font-weight:bold;
font-size:11px;
left: -1000px;
visibility: hidden;
color:#3b6fc4;
text-decoration: none;
}

.cartoonBubble-top {
width:514px; height:17px; background-image:url(images/BG-cartoonBubble1-top.png); background-repeat:no-repeat;
background-position:top;
_background-image:url(images/BG-cartoonBubble1-top-IE6.gif);
}

.cartoonBubble-middle {
width:472px; padding:0 21px; background-image:url(images/BG-cartoonBubble1-middle.png); background-repeat:repeat-y;
_background-image:url(images/BG-cartoonBubble1-middle-IE6.gif);
}

.cartoonBubble-bottom {
width:514px; height:35px; background-image:url(images/BG-cartoonBubble1-bottom.png); background-repeat:no-repeat;
background-position:bottom;
_background-image:url(images/BG-cartoonBubble1-bottom-IE6.gif);
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
_display:none; /* pop-up boxes not working in IE 6 yet */
/*top:-98px;*/
bottom:14px;
left: 65px; /*position where enlarged image should offset horizontally */
}

/* End Dynamic Drive Image Hover Effect */





#subNav-customers {
float:right; width:140px; margin:0 0 10px 25px; padding:14px 16px 9px; border:0px #ccc dotted; background-color:#f0f6ff; font-weight:bold; font-size:11px;	
}

#subNav-customers p {
margin:0 0 7px;	
}

#login-logoutButton {
float:right; text-align:center; margin:-15px 0 0; font-weight:bold; font-size:11px	
}

#login-logoutButton a:link, #login-logoutButton a:visited {
color:#e2ecfc; text-decoration:none; background-color:#3b6fc4; width:100px; height:15px; padding:3px 0 3px; display:block;
border:1px #f0f6ff solid;
}

#login-logoutButton a:hover, #login-logoutButton a:active {
color:#fff; text-decoration:none; background-color:#3b6fc4; width:100px; height:15px; padding:3px 0 3px; display:block;
border:1px #3b6fc4 solid;
}

.customers-forms-t {
border:0; border-collapse:collapse; width:500px; margin:18px 0;	
}

.customers-forms-t td {
border:0; padding:5px 0; vertical-align:top	
}

.customers-forms-t-wide {
border:0; border-collapse:collapse; width:600px; margin:18px 0;	
}

.customers-forms-t-wide td {
border:0; padding:5px 0; vertical-align:top	
}

#customers-billingC {
width:730px; height:197px; overflow:auto; margin:0; border-top:0px #fff solid; padding:2px 0 0;	
}

.customers-billingHeadings-t {
border:0; border-collapse:collapse; width:710px; margin:21px auto 0; font-size:11px; color:#3b6fc4	
}

.customers-billingHeadings-t td {
padding:4px; vertical-align:top	; color:#3b6fc4; background-color:#fff; border:2px #fff solid; text-align:center; 
font-weight:bold	
}

.customers-billing-t {
border:0; border-collapse:collapse; width:710px; margin:0 auto; font-size:11px; color:#3b6fc4	
}

.customers-billing-t td {
border:2px #fff solid; padding:4px; vertical-align:top; background-color:#f0f6ff;	
}

#customers-billingTotalC {
padding:12px 0 0; text-align:center;	color:#3b6fc4
}

.customers-billingTotalAmount {
font-weight:bold; color:#f97810;	
}

.textOverTextarea {
margin:0 0 7px;	
}

#referralContactInfoBox {
display:none; padding:12px 0;	
}

.error {
color:#d00;	
}

#CAPTCHA_Number {
color:#f97810; font-weight:bold; font-size:14px	
}