body {

background-image:url('Images/BG.gif');
background-repeat:repeat-x;
background-color:#9da2a4;

}


.Red-Arrow
{
background-repeat:no-repeat;
vertical-align:middle;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
padding-left:10px;
height:50px;
}


/* CSS for Logo-Pane*/
/*--------------------------------------------------*/

.Logo-Pane-Logo
{
height:92px;
width:597px;
background-image: url('Images/Logo_Pane.jpg');
}


.Logo-Pane-Tell-a-Friend
{
height:69px;
width:79px;
}


.Logo-Pane-Bookmark-us
{
height:69px;
width:89px;
}


.Logo-Pane-Follow-us-on-facebook
{
height:69px;
width:127px;
}


/* CSS for Banner pane*/
/*--------------------------------------------------*/

.Banner
{
height:242px;
width:900px;
}


.Banner-Custom_Design
{
height:242px;
width:900px;
background-image: url('Images/Custom_Design_Banner.jpg');
}


.Web-Redesign
{
height:242px;
width:900px;
background-image: url('Images/Web-Redesign.jpg');
}


.Banner-why-us
{
height:242px;
width:900px;
background-image: url('Images/Banner1.jpg');
}


.Banner-Aboutus
{
height:242px;
width:900px;
background-image: url('Images/Banner1.jpg');
}


.Banner_01
{
height:242px;
width:900px;
background-image: url('Images/Banner1.jpg');
}


.Banner_02
{
height:242px;
width:900px;
background-image: url('Images/Banner2.jpg');
}


.Banner_04
{
height:242px;
width:900px;
background-image: url('Images/Web_Package_Banner.jpg');
}


.Banner_05
{
height:242px;
width:900px;
background-image: url('Images/Get_A_Quote-Banner.jpg');
}


.Banner_06
{
height:242px;
width:900px;
background-image: url('Images/Contact-Us-Banner.jpg');
}


.Banner_SEO
{
height:242px;
width:900px;
background-image: url('Images/Banner_SEO.jpg');
}


.Banner_W3C
{
height:242px;
width:900px;
background-image: url('Images/Banner_W3C.jpg');
}


.Banner_Secret
{
height:242px;
width:900px;
background-image: url('Images/Banner_W3C.jpg');
}


.Dove
{
height:242px;
width:900px;
background-image: url('Images/Non-Profit.jpg');
}


.Banner-Left
{
height:242px;
width:432px;
vertical-align:middle;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#ffffff;
}

/* CSS for Below-Banner-Bar*/
/*--------------------------------------------------*/

.Below-Banner-Bar
{
width:900px;
height:16px;
background-image: url('Images/Below_Banner_Bar.jpg');
vertical-align:bottom;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
vertical-align:middle;
font-size:9px;
padding-right:15px;
padding-bottom:2px;
color:#000000;
}

.Below-Banner-Bar A:link 
{
text-decoration: none;
color:#ffffff;
text-decoration:underline;
}

.Below-Banner-Bar A:visited 
{
text-decoration: none;
color:#ffffff;
text-decoration:underline;
}

.Below-Banner-Bar A:active 
{
text-decoration: none;
color:#ffffff;
text-decoration:underline;
}

.Below-Banner-Bar A:hover 
{
text-decoration: none;
color:#ffffff;
}

/* CSS for Bread-Crumb*/
/*--------------------------------------------------*/

.Bread-Crumb
{
width:560px;
height:60px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
text-align:left;
padding-left:71px;
vertical-align:middle;
background-image: url('Images/Bread_Crumb_Pane.jpg');
}


/* CSS for Content_Pane */
/*--------------------------------------------------*/

.Content_Pane
{
width:605px;
height:500px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
vertical-align:top;
padding-left:30px;
padding-top:10px;
padding-bottom:10px;
padding-right:15px;
line-height: 16px;
background-image: url('Images/Content_Pane.jpg');
background-repeat:repeat-y;
}

.Content_Pane A:link 
{
text-decoration: none;
color:#003399;
text-decoration:underline;
}

.Content_Pane A:visited 
{
text-decoration: none;
color:#003399;
text-decoration:underline;
}

.Content_Pane A:active 
{
text-decoration: none;
color:#003399;
text-decoration:underline;
}

.Content_Pane A:hover 
{
text-decoration: none;
color:#505050;
}

.p
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
}


/* CSS for Right PANE */
/*--------------------------------------------------*/

.Right-Pane
{
width:250px;
background-image: url('Images/Right_Pane_Box.jpg');
}


.Right-Pane-Box-BG
{
width:190px;
background-image: url('Images/Left-Pane_Box_BG.jpg');
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
padding-left:20px;
padding-top:5px;
padding-right:40px;
background-repeat:repeat-y;
}


.Right-Pane-Box-BG A:link 
{
text-decoration: none;
color:#000000;
text-decoration:underline;
}


.Right-Pane-Box-BG A:visited 
{
text-decoration: none;
color:#000000;
text-decoration:underline;
}


.Right-Pane-Box-BG A:active 
{
text-decoration: none;
color:#000000;
text-decoration:underline;
}


.Right-Pane-Box-BG A:hover 
{
cursor: pointer; 
color: #ffffff;
background-color:#666666;
text-decoration: none;
}


.Right-Pane-Top-Box
{
width:250px;
height:43px;
background-image: url('Images/Left-Pane_Box_Top_Image.jpg');
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#000000;
font-variant:small-caps;
text-align:center;
vertical-align:middle;
}


.Right-Pane-Bottom-Box
{
width:250px;
height:14px;
background-image: url('Images/Left-Pane_Box_Below_Image.jpg');
}


.Right-Pane-Top-Box-New
{
width:223px;
height:50px;
background-image: url('Images/Left-Pane_Box_Top_Image_New.jpg');
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
vertical-align:middle;
}


.Right-Pane-Bottom-Box-New
{
width:233px;
height:50px;
background-image: url('Images/Left-Pane_Box_Below_Image_New.jpg');
}



.Right-Column A:link 
{
text-decoration: none;
color:#333333;
text-decoration:underline;
}


.Right-Column A:visited 
{
text-decoration: none;
color:#333333;
text-decoration:underline;
}


.Right-Column A:active 
{
text-decoration: none;
color:#333333;
text-decoration:underline;
}


.Right-Column A:hover 
{
text-decoration: none;
color:#999999;
}


/* CSS for FOOTER */
/*--------------------------------------------------*/

.Footer
{
height:173px;
width:900px;
vertical-align:middle;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
text-align:center;
background-image:url('Images/Footer.jpg');
}


.Footer A:link 
{
text-decoration: none;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:underline;
}


.Footer A:visited 
{
text-decoration: none;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:underline;
}

.Footer A:active 
{
text-decoration: none;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:underline;
}


.Footer A:hover 
{
text-decoration: none;
color:#505050;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}


.Footer-Bottom
{
height:66px;
width:900px;
background-image:url('Images/Footer-Bottom.jpg');
}


/* CSS for TEXTS */
/*--------------------------------------------------*/

.Title_Text

{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
font-weight:bold;
color:#102f36;
}


.Title_Text_RED

{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
font-weight:bold;
color:#990000;
}


H1

{
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
vertical-align:middle;
color:#000000;
}


.H2

{
width:579px;
height:60px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
text-align:left;
padding-left:71px;
vertical-align:middle;
background-image: url('Images/Bread_Crumb_Pane.jpg');
}


.Online-Form-Box

{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:left;
font-weight:normal;
color:#000000;
height:20px;
width:250px;
background-color:#CCCCCC;
}


.Online-Form-Box-Comment

{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:left;
font-weight:normal;
color:#000000;
height:80px;
width:250px;
background-color:#CCCCCC;
}


/* CSS for SLIDE SHOW */
/*--------------------------------------------------*/


* {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
div#show3 {
background-color:#efefef;
width:140px;
margin:0 auto;
border:1px solid #444444;
}
div#show3 table td, div#show4 table td {
height:24px;
background-image:url('38.gif');
}
div#show4 table td {
background-image:url('40.gif');
}
div#show3 table input,  div#show4 table input {
outline-style:none;
}


/* CSS for Right Menu */

/*--------------------------------------------------*/

#leftmenu
{
	line-height: 20px;
}


.leftmenu

{
	width:208px;
	padding-left:11px;
	padding-right:14px;
	background-repeat: repeat;
	overflow: hidden;
	color: #FFFFFF;
	text-align:left;
	text-indent: 15px;
	line-height: 22px;
	text-decoration: none;
	margin-right: 0px;
}


.leftmenu br {margin:0; padding:0; display:none;}


.leftmenu a

{
	color: #333333;
	text-decoration: none;
	display:block;
	height:24px;
	padding-left:0px;
	padding-top:1px;
	background-color:#FFFFFF;
	background-repeat: repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AEAEAE;
	line-height: 20px;
	padding-bottom: 1px;
}


.leftmenu a:hover

{
	display:block;
	color: #A40404;
	text-decoration: none;
	background-image: url('Images/menu-left-hover.gif');
	background-repeat: repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AEAEAE;
	padding-top: 1px;
	padding-bottom: 1px;
}

/* CSS for drop down contaoner */
/*--------------------------------------------------*/


.collpic 
{
	padding: 2px;
	border: 1px solid #cccccc;
	margin: 0px;
}

.Title
{
color:#FFFFFF;
}

.TitleBOLD
{
font-weight:bold;
color:#FFFFFF;
}


.CoreIndicator
{
background-color:#999999;
color:#FFFFFF;
}

.Red-BG
{
background-color:#CC0000;
color:#FFFFFF;
}

.Red-BG-Bold
{
background-color:#505050;
color:#FFFFFF;
font-weight:bold;
}


.Gray-BG
{
background-color:#505050;
color:#FFFFFF;
}

.Light-Gray-BG
{
background-color:#e0dfe3;
}

/* CSS for Drop Down Menu */

/*--------------------------------------------------*/

.Black-Arrow
{
	width:100%;
	height:15px;
	background-color:#CCCCCC;
}

/* CSS for Drop Down Menu */

/*--------------------------------------------------*/

.Ipad_Top
{
width:497px;
height:52px;
background-image: url('Images/Portfolio-Images/Ipad/IPAD-top.gif')	
}

.Ipad_bottom
{
width:497px;
height:51px;
background-image: url('Images/Portfolio-Images/Ipad/IPAD-bottom.gif')	
}

.Ipad_Left
{
width:291px;
height:54px;
background-image: url('Images/Portfolio-Images/Ipad/IPAD-Left.gif')		
}

.Ipad_Right
{
width:291px;
height:55px;
background-image: url('Images/Portfolio-Images/Ipad/IPAD-Right.gif')	
}

.Ipad_Pane
{
width:388px;
height:291px;	
}




/* CSS for Drop Down Menu */

/*--------------------------------------------------*/

a { text-decoration: underline; color: #000000; }
a:hover { text-decoration: underline; color: #4d77c3; }
#tree1 {width:235px;padding: 10px;float:left;}
#tree2 {width:235px;padding: 10px;float:left;}
#tree3 {width:235px;padding: 10px;float:left;}
#tree4 {width:235px;padding: 10px;float:left;}
#tree5 {width:190px;padding: 0px;float:left;}
#tree6 {width:190px;padding: 0px;float:left;}



/* Defaults */



.ygtvblankdepthcell { width:16px; height:22px; }o

.ygtvitem { }  

.ygtvchildren {  }  

* html .ygtvchildren { height:2%; }  

.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover { 

	margin-left:0px;

	text-decoration: underline;

}

.ygtvspacer { height: 10px; width: 10px; margin: 2px; }


