/* CSS Document */
* { margin:0; padding:0;}

.clear { clear:both;}
						
html, body {
	height:100%;
}
body {
	font-size:11px;
	line-height:18px;
	text-align:center;
	background:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-left: 2px;
	color: #666666;
}
html, input, textarea
	{
	color:#666666;
	padding-left: 0px;
	}	

.fright { float:right;}
.frightgreen {
	float:right;
	color: #666666;
}
.contacts_box { padding-right:35px;}


/*============================================first page*/
.indent_logo_top{ margin:180px 0 0 254px}
.bottom{ height:46px; background:url(images/bg_bottom.jpg) top left no-repeat; color:#999999; font-size:10px; padding:0 0 0 50px}
.bottom a{ color:#696969; text-decoration:none}
.bottom a:hover{ text-decoration:underline}


/*--------------------------------------------TEGS*/
a img{ border:0px}
img{ vertical-align:top}
span{
	color:#666666;
	font-size: 12px;
} 
em{
	color: #FFF;
	font-size: 12px;
}


/*--------------------------------------------SKROL*/
.skrol{ overflow:auto; width:345px; height:145px; margin:14px 0 0 16px}
.div_skrol{ width:325px; height:500px; padding:12px 0 0 0px}

.skrol_1{ overflow:auto; width:689px; height:145px; margin:14px 0 0 15px;}
.div_skrol_1{ width:670px; height:500px}


/*--------------------------------------------LINE*/
.line_y{ background:url(images/bg_line_y.gif) top right repeat-y;}
.line_x{ background:url(images/line_x.gif) top left repeat-x}
.line_l{ background:url(images/bg_line_y.gif) top left repeat-y}
.line_full{ background:url(images/horiz_line.gif) top left repeat-x}
.line_half{ background:url(images/horiz_half_line.gif) bottom left repeat-x}


/*---------------------------------------------MORE*/
.more{background:url(images/bg_mor.gif)  center left no-repeat; background-position:0 5px; padding-left:12px; vertical-align:middle; color:#434343; font-weight:bold; text-decoration:none}
.more:hover{ text-decoration:underline}


/*----------------------------------------------UL*/
ul{
	margin:0;
	padding:0;
	line-height:18px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 30px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: circle;
}
ul li a:hover { text-decoration:none; }


/*===============================================HEADER*/
#header {height:285px; background:url(images/bg_header.jpg) top left no-repeat}
#header .text{ float:right; color:#553347; font:Arial, Helvetica, sans-serif; font-size:12px; text-align:right; padding:78px 90px 0 0}
#header .logo{ padding:0px 0 0 41px}
#header .indent_menu{ padding:0 0 0 41px}

/*===============================================GREENCARDS*/
#green {height:559px;}
#green p{ padding:0 40px 0 40px;}
#green .indent_con{
	height:559px;
	background:url(images/green_gc_web_04.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:0 40px 0 40px;
	color: #333;
	font-size: 12px;
}
#green .h6{
	color: #3B7C2A;
	line-height:26px;
	font-size: 22px;
	font-weight: bold;
}
#green .h7{
	color: #3B7C2A;
	font-size: 12px;
	font-weight: bold;
	padding-top:10px;
	padding-bottom:5px;
}
#green ul{
	margin:0;
	padding:0;
	line-height:24px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 30px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: circle;;
}

/*================================================CONTENT*/
#content{ width:100%; text-align:left}
#content .bg_cont{ width:100%}
#content .bg_cont_1{ padding:0 0 0 30px}
#content .indent_con{ padding:0 30px 0 30px}
#content { background:url(images/line.gif)}
#content .title{ margin:14px 0 0 0px}
#content .title_gallery{ margin:14px 0 10 30px}
#content p{ margin:0px 0px 0px 0px}
#content .pic_left{ float:left; margin:0px 23px 0px 0px}
#content .pic_left_1{
	float:left;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#content .pic_left_2{ float:left; margin:0px 25px 32px 0px}
#content .pic_left_3{ float:left; margin:0px 28px 0px 0px}
#content .pic_right{ float:right; margin:0px 0px 0px 0px}

#content .pic_indent{ margin:0 0 29px 0px; display:block}
#content .pic{ display:block; margin:0px 20px 16px 0px}
#content .pic_scribb{
	display:block;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 16px;
	margin-left: 145px;
}
#content .width_100{ width:100%}
#content .pic_who{
	display:block;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 16px;
	margin-left: 30px;
}

/*================================================PAGE 1*/

h1 {
 font-size: 18px;
 color:#553347;
 padding:10px 5px 10px 0;
}
h2 {
 font-size: 12px;
 color:#553347;
 padding:0 0 5px 5px;
}
a {
 color:#553347;
 text-decoration:none;
}
#page1 #content .indent_pic{ margin:0 22px 0 22px}
#page1 #content .indent_pic_bot{ margin:0 0 14px 0px}
#page1 #content .title{ margin:14px 0 0px 0px}
#page1 #content .col1 p{ margin:0 0 5px 0px}
#page1 #content .col1 .title{ margin:14px 0 0 0px}
#page1 #content .col1 .indent{ padding:0 0 0 0px}
#page1 #content .col1 .txtgreen{
	padding:10 0 0 5px;
	color: #666666;
	font-size: 12px;
}
#page1 #content .col1 .txtwhite{
	padding:0 0 0 5px;
	color: #666666;
	font-size: 11px;
	text-decoration: none;
}
#page1 #content .col1 .txtgrey{
	width:240px;
	padding:0 0 0 5px;
	color: #666666;
	font-size: 11px;
}
#page1 #content .col2 p{ margin:0 0 17px 0px}
#page1 #content .col2 .indent{ padding:0 0 0 17px}
#page1 #content .col2 .txt{
	padding:0 0 0 5px;
	color: #666666;
}
#page1 #content .col2 .title{ display:block; margin:14px 0 10 0px}

/*================================================PAGE 2*/

#page2 #content h1{
 font-size: 18px;
 color:#553347;
 padding:10px 5px 10px 30px;
}
#page2 #content .mark{
	color: #4db848;
}
#page2 #content .print{
	color: #f26522;
}
#page2 #content .creat{
	color: #2993d1;
}
#page2 #content .digital{
	color: #d01678;
}
#page2 #content .retail{
	color: #fdb813;
}
#page2 #content .events{
	color: #d2232a;
}
#page2 #content .gift{
	color: #792b86;
}
#page2 #content .soft{
	color: #752f18;
}

#page2 #content .title{ margin:14px 0 10 0px}
#page2 #content .title_1{ margin:18px 0 10 0px}
#page2 #content p{
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 30px;
}
#page2 #content .col1 p{ margin:0 0 17px 0px}
#page2 #content .col2 p{ margin:0 0 17px 0px}
#page2 #content .txt{
	color: #FFF;
}
#page2 #content .txtgrey{
	padding:0 0 0 0px;
	color: #666666;
	list-style-position: inside;
	list-style-type: circle;
	font-size: 14px;
	line-height: 20px;
}
#page2 #content .txtmark{
	padding:0 0 0 0px;
	color: #4db848;
	list-style-position: inside;
	list-style-type: circle;
	font-size: 14px;
	line-height: 20px;
}
#page2 #content .txtprint{
	padding:0 0 0 0px;
	color: #f26522;
	list-style-position: inside;
	list-style-type: circle;
	font-size: 14px;
	line-height: 20px;
}
#page2 #content .txtcreat{
	padding:0 0 0 0px;
	color: #2993d1;
	list-style-position: inside;
	list-style-type: circle;
	font-size: 14px;
	line-height: 20px;
}
#page2 #content .txtdigital{
	padding:0 0 0 0px;
	color: #d01678;
	list-style-position: inside;
	list-style-type: circle;
	font-size: 14px;
	line-height: 20px;
}
#page2 #content .txtretail{
	padding:0 0 0 0px;
	color: #fdb813;
	list-style-position: inside;
	list-style-type: circle;
	font-size: 14px;
	line-height: 20px;
}
#page2 #content .txtevents{
	padding:0 0 0 0px;
	color: #d2232a;
	list-style-position: inside;
	list-style-type: circle;
	font-size: 14px;
	line-height: 20px;
}
#page2 #content .txtgift{
	padding:0 0 0 0px;
	color: #792b86;
	list-style-position: inside;
	list-style-type: circle;
	font-size: 14px;
	line-height: 20px;
}
#page2 #content .txtsoft{
	padding:0 0 0 0px;
	color: #752f18;
	list-style-position: inside;
	list-style-type: circle;
	font-size: 14px;
	line-height: 20px;
}
#page2 #content .txtonlinecol{
	color: #d6c600;
	list-style-position: inside;
	list-style-type: circle;
	font-size: 12px;
	padding-top: 0;
	padding-right: 5;
	padding-bottom: 0;
	padding-left: 5px;
}
#page2 #content .txtcol{
	color: #666;
	list-style-position: inside;
	list-style-type: circle;
	font-size: 11px;
	padding-top: 0;
	padding-right: 5;
	padding-bottom: 0;
	padding-left: 5px;
}
#page2 #content .txtgreen{
	padding:10 0 0 5px;
	color: #666666;
	font-size: 12px;
}
/*================================================PAGE 3*/

#page3 #content .title{ margin:14px 0 9px 0px}
#page3 #content .link{
	margin:0 0 51px 0px;
	font-size: 10px;
}
#page3 #content a{ color:#8e8e8e; text-decoration:none}
#page3 #content a:hover{ text-decoration:underline}
#page3 #content span a{ color:#ffffff; text-decoration:none}
#page3 #content span a:hover{ text-decoration:underline}
#page3 #content .fleft{ float:left}

/*================================================PAGE 4*/


#page4 #content .title{ margin:14px 0 9px 0px}
#page4 #content p{ margin:15px 0 50px 0px}
#page4 #content .col1 .indent{ padding:0 0 0 16px}
#page4 #content .col1 p{ margin:17px 0 0px 0px}
#page4 #content .col1 span { color:#8e8e8e}
#page4 #content span a{ color:#666666; text-decoration:none}
#page4 #content span a:hover{ text-decoration:underline}
#page4 #content .indent{ padding:0 0 0 16px}
#page4 #content .txtgreen{
	color: #666666;
	font-size: 12px;
}

/*================================================PAGE 5*/

#page5 #content .title{ margin:14px 0 9px 0px}
#page5 #content p{ margin:15px 0 50px 0px}
#page5 #content .col1 .indent{ padding:0 0 0 16px}
#page5 #content .col1 p{ margin:17px 0 0px 0px}
#page5 #content .col1 span { color:#8e8e8e}
#page5 #content span a{ color:#bfd62f; text-decoration:none}
#page5 #content span a:hover{ text-decoration:underline}
#page5 #content .indent{ padding:0 0 0 16px}
#page5 #content .txtgreen{
	color: #333333;
	font-size: 12px;
}

/*=================================================FOOTER*/
#footer { height:46px; padding:18px 0 0 30px; color:#474747 }
#footer a{ color:#696969; text-decoration:none}
#footer a:hover{ text-decoration:underline}


/*=================================================FORM*/
.form{ padding:10px 0 0 171px}
.h_f{
	height:25px;
	padding-left:0px;
	padding-right: 5px;
}
.h{ height:19px; width:218px; margin:0px; padding:0px}

input{
	background:none;
	border:1px solid #666666;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}
textarea{
	background:none;
	border:1px solid #666666;
	width:235px;
	height:69px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	overflow:auto;
	font-size: 12px;
}
.form2{ padding:10px 0 0 10px}
.h_f2{
	height:35px;
	padding-left:0px;
	padding-right: 5px;
}
.h2{
	background-color:#fff;
	height:25px;
	width:600px;
	margin:0px;
	padding:0px
}
input{
	background:none;
	border:1px solid #666666;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}
.h3{
	background-color:#fff;
	height:25px;
	width:600px;
	margin:0px;
	padding:0px
}
.h4{
	background-color:#fff;
	height:25px;
	width:25px;
	margin:0px;
	padding:0px
}

/*=================================================NO BORDER ON IMAGES*/   
img a {
border: none;
}
img {
border: none;
}

a{
outline:none;
}
/*============================================gallery pages*/
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {
	width:506px;
	display:none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wrapper * {margin:0; padding:0}
#fullsize {
	position:relative;
	width:500px;
	height:300px;
	padding:2px;
	border:1px solid #666666;
	background:#fff
}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#fff}
#slideleft:hover {background-color:#999}
#slideright {float:right; width:20px; height:81px; background:#fff url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#999}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666666; padding:2px}