/*
Connect
*/

* {
	margin: 0;
	padding: 0;
	border: 20px none #000000;
	outline: none;
	list-style-type: none;
}

body {
	font-size: medium; /* Resets 1em to 10px */
	font-family: Garamond;
	/*background: url('../background-1.jpg') repeat-x 0 0;*/
	color: #000000;
	background-color: #000000;
}

#content 

{
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	padding-bottom: 20px;
	background-color: #ffffff;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	width: 961px;
}

#page #content, #blog #content, #thank-you #content{
	font-size: medium;
	width: 950px;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#thank-you #content{ min-height: 350px;}
#page #content .ls, #page #content .rs { float: left; }
#page #content .ls {
	width: 942px;
	margin-right: 40px;
}
#page #content .rs { 
	width: 360px;
	background: #f7f7f7; 
	border: 1px dashed #ccc; 
	padding: 10px;
}
#page #content h3 {font-size: 1.8em; text-align: center; text-transform: uppercase; padding: 20px 0;}
#page #content h2.sub2 { padding-top: 10px; margin-top: 18px; border-top: 1px dashed #ddd; }
#page #content address{ padding: 0 0 10px 10px; border-bottom: 1px solid #ddd;}
#page #content address.last{ border: none;}
#page .cimg { margin: 10px 0; /*border: 4px solid #ececec;*/ }
#page .topimg-l {display: block; height: 134px; width: 480px; border: 4px solid #ccc; margin: 15px 0;}






#logobox {
width: 840px;
float:left;
}



h2 { font-size: 1.8em; }
h2 a, a {
	color: #000;
	text-decoration: none;
}
h2, h3 {
	color: #38476a;
	letter-spacing: -.01em;
	text-align: center;
}
h2#logo, h2#logo a {
	text-indent: -9999px;
	display: block;
	/*background: url(../lightmasque.png) no-repeat 0 0;*/
	width: 411px;
	height: 115px;
	/*float: left;*/
}

#logo1 {
	font-size: 10em;
	color:#4169E1;
	overflow: hidden;
	margin-top:0px;
	padding-left:23px;
	background-color: #ffffff;
	
}

#sub {
	font-size: 3.0em;
	/*color:#FF00FF;*/
	color:#4169E1;
	overflow: hidden;
	margin-top:-20px;
	padding-left:290px;
	

}

#nn{
color:#D02090;
font-style:italic;
}	
#and{
color:#D02090;
}	

	



h4 {font-size: 3em;	
    color: #fff;
}

h1 {

margin-bottom: 11px;

margin-left: -108px;

padding-top: 15px;

padding-right: 0pt;

padding-bottom: 21px;

padding-left: 108px;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #cccccc;

font-family: Georgia,serif;

font-style: normal;

font-variant: normal;

font-weight: normal;

font-size: 1.5em;

line-height: 18px;

font-size-adjust: none;

font-stretch: normal;

-x-system-font: none;

color: #663333;

}

/*h1 {font-size: 2.5em; font-weight: normal; display: block; padding: 0px; border-bottom: 1px solid #ddd; margin: 0 0 8px; letter-spacing: -.02em; }
em { font-size: 70%; }
p { padding: 5px 0; line-height: 20px; }
p.ifptop {margin-top: 29px;}
.purplecaps { text-transform: uppercase; color: #38476a;}
.left { float: left; padding: 7px 7px;}*/

/*#wrapper {background: url(../images/background-2-1.jpg) no-repeat 0 0; margin: 0 auto;}*/
*#wrapper {
	background-color:#ffffff;
}
#wrapper-2 {background: url(../images/wrapper-2-bg.png) no-repeat center 148px;padding-top:25px;}
#header {
	width: 1050px;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/*padding-top: 25px;*/
}
#header .connectbox {
	background: #f7a60a; 
	text-transform: uppercase; 
	color: #fff; 
	float: right;
	width: 265px;
	margin: -25px 45px 0 0;
	padding: 0 0 5px 0;
	font-size: 1.2em;
	overflow: auto;
}

#header .direct {
	font-size: x-large;
	color: #000000;
	margin: 0px 25px 0 0;
	overflow: hidden;
	text-align: left;
	background-color:#ffffff;
	padding-left:12px;
}

#header .direct a{
	color: #009;
}

#navigation { 

 width: 150px; 

} 

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #FFF000;

} 

#navigation li {
	border-bottom: 1px solid #333;
	background-color: #FFF000;

} 

#navigation li a:link, #navigation li a:visited  {
	display: block;
	padding: 0.4em 0 0.4em 0.5em;
	border-left: 12px solid #16A8A5;
	background-color: #FFF000;
	color: #000000;
	text-decoration: none;

}



#navigation li a:hover {
	/* background-color: #711515; */
background-color: #FFF000;
	color: #FFFFFF;

}
/*-------------------------------------------galbutton--------------------*/


/*-------------------------------------gallery code------------------------*/

.hoverbox

{
	cursor: default;
	list-style: none;
	background-color: #000000;

}



.hoverbox a

{
	cursor: default;
	background-color: #000000;

}



.hoverbox a .preview

{

	display: none;

}



.hoverbox a:hover .preview

{

	display: block;

	position: absolute;

	top: -33px;

	left: -45px;

	z-index: 1;

}



.hoverbox img

{
	border-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 150px;
	height: 150px;
	background-color: #000000;

}



.hoverbox li

{

	background: #eee;

	border-color: #ddd #bbb #aaa #ccc;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	display: inline;

	float: left;

	margin: 3px;

	padding: 5px;

	position: relative;

}



.hoverbox .preview

{
	border-color: #000;
	width: 200%;
	height: 200%;
	background-color: #000000;

}

#content-galprimary {    

 float: right;    

 margin: 12px 24px 60px 24px;    

 width: 528px;    

}    

#content-galprimary p {    

 padding-bottom: 18px;    

} 



/*--------------------------------------end gallery code-----------------------------*/



/*--------------------------------------main frame formatting-----------------------------*/

      

#content-primary {    

 float: right;    

 margin: 12px 24px 60px 24px;    

 width: 450px;    

}    

#content-primary p {    

 margin-bottom: 25px;    

}

}    

#content-primary h2 {    

 padding-bottom: 18px;    

}        

#content-primary img {    

 float: left;    

 margin: -6px 18px 0 -114px;    

 padding: 3px;    

 border: 3px solid #eee;    

 background: #fff;    

}  





/*----------------------------------------------side frame formatting--------------------------*/



#content-secondary {    

 float: right;    

 margin: 30px 216px 60px 24px;    

 width: 144px;    

 font-size: 11px;    

 color: #300;    

}    

#content-secondary p {    

 padding-bottom: 18px;    

}   




#footer {
	/*background: #fff url('http://www.elitesignsandgraphics.com/wp-content/themes/custom_theme/images/footer-bg.jpg') no-repeat center -2px;*/
	overflow: hidden;
	padding-bottom: 30px;
	clear: both;
}
#footer #foot-nav ul { width: 930px; margin: 20px auto; }
#footer #foot-nav ul li { 
	float: left; 
	margin-right: 10px;
	width: 150px;
	height: 150px;
	border-right: 1px solid #dedede; 
	font-size: 1.2em; 
	padding: 10px;
	}
#footer #foot-nav ul li.flogo {
	/*background: url('http://www.elitesignsandgraphics.com/wp-content/themes/custom_theme/images/elite-logo-footer.png') no-repeat center center;
	display: block;*/
}
#footer #foot-nav ul li.med {
	width: 260px;	
}
#footer #foot-nav ul li h3 {
	text-transform: uppercase;
	font-size: 2em;
}
#footer #foot-nav ul li.largest { width: 380px;}
#footer #foot-nav ul li input {
	border: 1px solid #bdbdbd;
	padding: 5px;
	background: #dfdfdf;
	margin-top: 10px;
	}
#footer #foot-nav ul li input.submit {
	background: #38476a;
	color: #fff;
	border: 1px solid #2e426f;
	text-transform: uppercase;
	font-size: .9em;
}
#footer #foot-nav ul.navigation { overflow: auto; width: 360px;}
#footer #foot-nav ul.navigation li { 
	border-right: none;	
	height: 18px;
	border-bottom: 1px solid #dedede; 
	float: left; 
	width: 160px;  
	padding: 0; 
	margin: 5px;
	}
#footer #foot-nav ul.navigation li.drop ul { display: none; }
#footer #foot-nav ul.navigation li a { 
	padding: 5px 0;
	margin-right: 5px;
	color: #8b8b8b;
	font-size: .9em;
	text-transform: uppercase;
	text-decoration: none;
	}
#footer #foot-nav ul.navigation li a:hover {
	color: #666;	
}
#footer .copy {
	font-size: .75em;
	color: #8b8b8b;
	clear: both;
	display: block;
	text-align: center;
	margin: 0 auto;
	padding: 30px 0 0 0;
}
#footer .copy p {
	color: #B9B9B9;
}

imgpg

{

position:absolute;

left:0px;

top:0px;

z-index:-1;

}

.top

{

width:100%;

height:100%;

margin:0px auto;

text-align: center;

}



.ex

{

width:900;

margin:0px auto;

text-align: left;

}



.mainbody

{

font: 10px Arial black;

width: 900;

margin: 0px auto;

text-align: left;

background: white; /*background of body (default state)*/

}



.mainnav{

font: 12px/18px "Lucida Grande", Verdana, sans-serif;

background-image:url('topbar.png'); /*background of menu bar (default state)*/

width: 900;

height: 102;

text-align: left;

}



.ddsmoothmenu{
	font: 12px/18px "Lucida Grande", Verdana, sans-serif;
	width: 950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #fff000;


}



.ddsmoothmenu ul{

z-index:100;

margin: 0;

padding: 0;

list-style-type: none;

}



/*Top level list items*/

.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	float: left;
	background-color: #fff000;

}



/*Top level menu link items style*/

.ddsmoothmenu ul li a{

display: block;

background: #fff000; /*background of menu items (default state)*/

color: white;

padding: 8px 10px;

border-right: 1px solid #778;

color: #2d2b2b;

text-decoration: none;

}



* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

display: inline-block;

}



.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{

color: white;

}



.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/

background: black; 

color: white;

}



.ddsmoothmenu ul li a:hover{

background: black; /*background of menu items during onmouseover (hover state)*/

color: white;

}

	

/*1st sub level menu*/

.ddsmoothmenu ul li ul{

position: absolute;

left: 0;

display: none; /*collapse all sub menus to begin with*/

visibility: hidden;

}



/*Sub level menu list items (undo style from Top level List Items)*/

.ddsmoothmenu ul li ul li{

display: list-item;

float: none;

}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.ddsmoothmenu ul li ul li ul{

top: 0;

}



/* Sub level menu links style */

.ddsmoothmenu ul li ul li a{

font: 12px/18px "Lucida Grande", Verdana, sans-serif;

width: 160px; /*width of sub menus*/

padding: 5px;

margin: 0;

border-top-width: 0;

border-bottom: 1px solid gray;

}



/* Holly Hack for IE \*/

* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/





/* ######### CSS classes applied to down and right arrow images  ######### */



.downarrowclass{

position: absolute;

top: 12px;

right: 7px;

}



.rightarrowclass{

position: absolute;

top: 6px;

right: 5px;

}



/* ######### CSS for shadow added to sub menus  ######### */



.ddshadow{

position: absolute;

left: 0;

top: 0;

width: 0;

height: 0;

/*background: white;*/

}



.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/

opacity: 0.8;

}






.ddsmoothmenu-v ul{

margin: 0;

padding: 0;

width: 170px; /* Main Menu Item widths */

list-style-type: none;

font: bold 12px Arial;



border-bottom: 1px solid #ccc;

}

 

.ddsmoothmenu-v ul li{

position: relative;

}



/* Top level menu links style */

.ddsmoothmenu-v ul li a{

display: block;

overflow: auto; /*force hasLayout in IE7 */

color: white;

text-decoration: none;

padding: 6px;

border-bottom: 1px solid #778;

border-right: 1px solid #778;

}



.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{

background: white; /*background of menu items (default state)*/

color: white;

}





.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/

background: white; 

color: white;

}



.ddsmoothmenu-v ul li a:hover{

background: white; /*background of menu items during onmouseover (hover state)*/

color: white;

}



/*Sub level menu items */

.ddsmoothmenu-v ul li ul{

position: absolute;

width: 170px; /*Sub Menu Items width */

top: 0;

font-weight: normal;

visibility: hidden;

}

* (line 1)

{

padding-top: 0pt;

padding-right: 0pt;

padding-bottom: 0pt;

padding-left: 0pt;

}

a:link, a:visited (line 14)

{

color: #663333;

}

a:hover (line 17)

{

color: #996666;

}

 

/* Holly Hack for IE \*/

* html .ddsmoothmenu-v ul li { float: left; height: 1%; }

* html .ddsmoothmenu-v ul li a { height: 1%; }

/* End */
#page #wrapper #wrapper-2 #smoothmenu1 p {
	font-size: x-large;
	font-weight: bold;
}
#page #wrapper #wrapper-2 #header #logobox #logo1 div {
	font-family: Garamond;
	font-size: 6px;
	font-style: italic;
}
#page #wrapper #wrapper-2 #header #logobox #logo1 div img {
	font-family: Arial Black, Gadget, sans-serif;
}