@charset "utf-8";
@import url("lightbox.css");
@import url("peach.css");
@import url("blue1.css");
@import url("designer.css");

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#000;
	color: #FFF;
}

#mainbox{
	background-image:url(../images/loop1.jpg);
	background-repeat:repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	margin:0 auto;
	width:966px;
	height:auto;
	
}
#upper{
	width:auto;
	height:16px;
	width:848px;
	background:url(../images/upper_pink.jpg);
	background-repeat:no-repeat;
	display:block;
	margin:0px 60px 0px 64px;
}
/*top starts here*/	
#top{
	width:auto;
	height:74px;
	display:block;
	padding:0px 0;
}
#graphics_logo{
	width:117px;
	height:58px;
	float:left;
	display:block;
}
#logo{
	position:absolute;
	width:117px;
	height:74px;
	float:left;
	top: 0px;
	z-index:2;
	
}
#btn_strip{
	width:740px;
	background-image:url(../images/btn_strip.jpg);
	background-repeat:no-repeat;
	height:58px;
	float:left;
	display:block;
}
#pro_pencil{
	position:absolute;
	width:52px;
	height:73px;
	padding:0px 0px 0px 67px;
	float:left;
	top: 0px;
}
#web_pencil{
	position:absolute;
	width:52px;
	height:73px;
	padding:0px 0px 0px 177px;
	float:left;
	top: 0px;
}
#contact_pencil{
	position:absolute;
	width:52px;
	height:73px;
	padding:0px 0px 0px 690px;
	float:left;
	top: 0px;
}
#logo_pencil{
	position:absolute;
	width:52px;
	height:73px;
	padding:0px 0px 0px 602px;
	float:left;
	top: 0px;
}
#animation_pencil{
	position:absolute;
	width:52px;
	height:73px;
	padding:0px 0px 0px 399px;
	float:left;
	top: 0px;
}
#wallpaper_pencil{
	position:absolute;
	width:52px;
	height:73px;
	padding:0px 0px 0px 499px;
	float:left;
	top: 0px;
}
#theme{
	width:46px;
	height:58px;
	float:left;
	display:block;
	padding:0px 0;
	line-height:24px;
	
	
}
#theme_pink{
	width:32px;
	height:8px;
	float:left;
	padding-left:6px;
	
}
#theme_peach{
	width:32px;
	height:8px;
	float:left;
	padding-left:6px;
	padding-top:4px;
}
#theme_blue{
	width:32px;
	height:8px;
	float:left;
	padding-left:6px;
	padding-top:4px;
}

/*color starts here*/

#colors{
	width:966px;	
	height:180px;
	display:block;	
	padding-top:15px;
}
#leftspace {
	width:140px;
	height:150px;
	float:left;
	display:block;
}
#webtab{
	width:400px;
	height:126px;
	display:block;
	float:left;
	
}
.frontbanner{
float: left;
padding:5px 5px 0px 0px;
}
#webaccord{
	width:282px;
	background-image:url(../images/webaccord.jpg);
	height:158px;
	margin-left:9px;
	border: 2px solid #ffe6ec;
	float:left;
	
}

/*mid starts here*/	
#mid{
	width:auto;
	height:356px;
	display:block;
	padding:0px 0;
}
#webleft{
	width:64px;
	height:356px;
	float:left;
}
#web{
	width:53px;
	background-image:url(../images/web.jpg);
	background-repeat:no-repeat;
	height:356px;
	float:left;
}
#center_block{
	width:786px;
	background-image:url(../images/center_website.jpg);
	background-repeat:no-repeat;
	height:356px;
	float:left;
}
#web_end{
	width:8px;
	background-image:url(../images/web_end.jpg);
	background-repeat:no-repeat;
	height:356px;
	float:left;
}
/*mid ends here*/	
/*brush_block starts here*/	
#brush_block{
	width:auto;
	height:170px;
	display:block;
	padding:0px 0;
}
#brushleft{
	width:64px;
	height:170px;
	float:left;
}
#brush{
	width:436px;
	background-image:url(../images/brushes.jpg);
	background-repeat:no-repeat;
	height:170px;
	float:left;
}
#other_brush{
	width:436px;
	background-image:url(../images/other_brushes.jpg);
	background-repeat:no-repeat;
	height:170px;
	float:left;
}
#brush1{
	width:403px;
	background-image:url(../images/brushes1.jpg);
	background-repeat:no-repeat;
	height:170px;
	float:left;
}
#brush_animation{
	width:403px;
	background-image:url(../images/brushes_animation.jpg);
	background-repeat:no-repeat;
	height:170px;
	float:left;
}
#brush_end{
	width:8px;
	background-image:url(../images/brushes_end.jpg);
	background-repeat:no-repeat;
	height:170px;
	float:left;
}
/*brush_block ends here*/
/*bottom_block starts here*/	
#bottom_block{
	width:auto;
	height:252px;
	display:block;
	padding:0px 0;
}
/*bottom_block ends here*/
/*footer starts here*/
#copyrights{
	width:966px;
	background-image:url(../images/copyrights.jpg);
	background-repeat:no-repeat;
	height:73px;
	float:left;
}
/*footer ends here*/
#toplinks {
	position:absolute;
	padding-top:32px;
	padding-left:38px;
	z-index:2;
	
}
.toplinks {	
	text-decoration:none;
	color:#5f5f5f;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding-top:11px;
	outline: none;
	
	
}
.toplinks:hover {
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding-top:11px;
	
}
.toplinks_break {
	padding-top:11px;
	padding-left:14px;
}
.toplinks_break1 {
	padding-top:11px;
	padding-left:14px;
}
.toplinks_break2 {
	padding-top:11px;
	padding-left:19px;
}
.toplinks_break3 {
	padding-top:11px;
	padding-left:15px;
}

#topspace {
	height:10px;		
}

#centercontent {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	margin-top:14px;
	margin-left:37px;
	margin-right:85px;
	color:#000000;
	text-align:justify;
}
#centercontent_1 {
	width:430px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	margin-top:5px;
	margin-left:37px;
	margin-right:45px;
	color:#000000;
	text-align:justify;
}

#centercontent_2 {
	width:445px;
	margin-top:12px;
	margin-left:37px;
	margin-right:30px;
	display:block;
	padding:0px 0;
	
}
#centercontent_pic{
	width:118px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
}

#centercont_txt {
	width:315px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	margin-top:19px;
	margin-left:8px;
	margin-right:0px;
	color:#000000;
	text-align:justify;
	float:left;
}

#heading{
	padding-top:7px;
	padding-left:4px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#97944c;
	height:14px;
	
}
.highlight{
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#000000;
	}
	
.highlight1{
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#436715;
}
.bottom_heading{
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#000000;
	line-height:20px;
}

.more{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#000000;
	line-height:20px;
}
.more:hover{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#f36d00;
	line-height:20px;
}

#copyright {
color:#436715;
	padding-top:0px;
	padding-right:38px;
	padding-bottom:10px;
}
.copyright {
	text-align:right;
	text-decoration:none;
	color:#436715;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#FFFFFF;
}
.copyright:hover {
	text-align:right;
	text-decoration:none;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#FFFFFF;
}

.partition {
	padding-top:0px;
	padding-bottom:10px;
	padding-left:20px;
}
/*-------------------------------------slider---------------------------------------------------------*/
.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 400px;
height: 136px; /* Set height to be able to contain height of largest content shown*/
border-top:2px solid #ffe6ec;
border-right:2px solid #ffe6ec;
border-left:2px solid #ffe6ec;
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 6px 12px 4px;
visibility: hidden;
width: 395px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 400px;
padding-bottom:5px;
border-bottom:2px solid #ffe6ec;
border-right:2px solid #ffe6ec;
border-left:2px solid #ffe6ec;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
/*display: -moz-inline-box;*/
display: inline-block;
border: 1px solid #fcdee4;
background:url(../images/togglerbg.jpg);
background-repeat:repeat-x;
color: #df5e79;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background:url(../images/togglerbg_hover.jpg);
background-repeat:repeat-x;
color: #616161;
}

.glidecontenttoggler a:hover{
background:url(../images/togglerbg.jpg);
background-repeat:repeat-x;
color: #616161;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background:url(../images/togglerbg_hover.jpg);
background-repeat:repeat-x;
color: #616161;
}
#slideimg1 {
	float: left;
	padding:5px 5px 0px 0px;
}
#slideimg2 {
	float: left;
	padding:5px 5px 0px 0px;
}
#slideimg3 {
	float: left;
	padding:5px 5px 0px 0px;
}
#slidetext {
	width:210px;
	float: left;
padding:6px 5px;
text-align:justify;
}
#slidetext2 {
	width:210px;
	float: left;
padding:6px 5px;
text-align:justify;
}
#slidetext3 {
	width:210px;
	float: left;
padding:6px 5px;
text-align:justify;
}
.heading{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#000000;
}
.head{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
line-height:22px;
text-decoration:none;
color:#000000;
}
.head:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:22px;
	color:#666;
	text-decoration:none;
}
/*----------------------------------------acoordian-------------------------------------------------------------*/

.Accordion {
	overflow: hidden;
}

.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

.AccordionPanelTab {
	background-color: #ffe6ec;
	color:#0F3558;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	border-top: solid 1px #fbb8cb;
	border-bottom: solid 1px #fff;
	margin: 0px;
	padding: 3px;
	cursor: pointer;
	/*-moz-user-select: none;
	-khtml-user-select: none;*/
}

.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 96px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background-color: #fbffff;
	
}
#Animation {
	padding: 4px 10px 4px 4px;
	text-align:justify;
}
#wallpaper {
	padding: 4px 10px 4px 4px;
	text-align:justify;
}
#ecards {
	padding: 4px 10px 4px 4px;
	text-align:justify;
}
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #fbb8cb;	
	
}

.AccordionPanelTabHover {
	background-color: #fbb8cb;
	color: #000000;
}
.AccordionPanelOpen .AccordionPanelTabHover {
			color:#000000;
}

.AccordionFocused .AccordionPanelTab {
		background-color: #ffe6ec;
		
	
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #fbb8cb;
	color:#df5e79;
}
object { outline:none; }