html, body, div, span, applet, object, iframe,  
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
	a, abbr, acronym, address, big, cite, code,  
	del, dfn, em, font, img, ins, kbd, q, s, samp,  
	small, strike, strong, sub, sup, tt, var,  
	b, u, i, center,  
	dl, dt, dd, ol, ul, li,  
fieldset, form, label, legend,  
table, caption, tbody, tfoot, thead, tr, th, td {  
margin: 0;  
padding: 0;  
border: 0;  
outline: 0;  `	
vertical-align: baselinebaseline;  
background: transparent;  
			}  
  
ol, ul {list-style: none;  }  
blockquote, q {quotes: none;  }  
blockquote:before, blockquote:after, q:before, q:after { content: '';  }    
:focus {outline: 0;}  
table {border-collapse: collapse;border-spacing: 0;}



body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif; background:url(../img/top-bg-non-home.jpg) no-repeat; background-color:#d6e9ed; 
}


h1,h2{ color:#00CCCC; font-size:22px; font-weight:200;}
h3{ color:#00CCCC; font-size:22px; font-weight:200; float:left;}
h4{ color:#FF33CC; font-size:18px;font-weight:200;}
h6{ color:#0099FF; font-size:16px; font-weight:300;}

.hr{ background:url(../img/hr1.jpg) no-repeat; padding:20px;}



#wrapper{ height:100%; padding-left:22px;*padding-left:26px; overflow:auto;*overflow:inherit;}


/* ----- ALL TOP AREA -------*/
#top-area{ height:180px; width:992px; margin:auto;}

#nav{ width:800px; height:100px; float:left;}

/* ----- NAV BAR -------*//* ----- NAV BAR -------*//* ----- NAV BAR -------*//* ----- NAV BAR -------*/
.jqueryslidemenu{
	margin: 30px 0 0 260px;
	font-size: 18px;
	text-transform: uppercase;
	padding: 0px;
	width: 800px;
	position:relative;
	height: 85px;
	display: block;
	float: left;
	z-index: 10;
	letter-spacing:2px;
}
.jqueryslidemenu ul{
	margin: 0;
	padding:0;
	list-style-type: none;
}
.jqueryslidemenu ul li{
	position: relative;
	display: inline;
	margin: 0px;
	padding-top: 33px;
	padding-right: 24px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	overflow: visible;
}
.jqueryslidemenu ul li a{
	color: #9A9A9A;
	text-decoration: none;
	text-transform:uppercase;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
}
.jqueryslidemenu ul li a.current{
	color:#FFFFFF;
	text-decoration: none;
}
.jqueryslidemenu ul li a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
.jqueryslidemenu ul li ul{
	display: block;
	z-index:100;
	width: 178px;
	left: 55px;
	float: none;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 12px;
	position: absolute;
	visibility: visible;
	background-image: url(../images/dropdown-top.png);
}
.jqueryslidemenu ul li ul li{
	display: block;
	list-style:none;
	margin: 0px;
	float: left;
	background-repeat: repeat-y;
	background-position: left top;
	padding: 0px;
}
.jqueryslidemenu ul li ul li a{
	margin: 0px;
	font-size: 11px;
	display: block;
	width: 130px;
	text-align: left;
	color: #FFFFFF;
	background-image: url(../images/dropdown-bg.png);
	background-repeat: repeat;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 7px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
.jqueryslidemenu ul li ul li a:hover{ 
	text-decoration: none;
	background-image: url(../images/dropdown-bg-hover.png);
	background-repeat: repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00A8CC;
}
/* ----- NAV BAR -------*//* ----- NAV BAR -------*//* ----- NAV BAR -------*//* ----- NAV BAR -------*/


/* ----- SLIDER NOT HOME -------*//* ----- SLIDER NOT HOME -------*//* ----- SLIDER NOT HOME -------*/
#page-wrap						{ background: white; width: 960px; margin: 0 auto; 
								  padding: 10px 0; }

#slider							{  height: 250px; overflow: hidden;
								  position: relative; margin: -5px 0; padding-bottom:20px; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 10px 30px; width: 900px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color:#999999; }
.slide p						{ color: #999; font-size: 14px; line-height: 22px; width: 400px; }
.slide img						{ position: absolute; top: 20px; left: 370px; }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background:#CCCCCC; color: white;
								  padding: 2px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
/* ----- SLIDER NOT HOME -------*//* ----- SLIDER NOT HOME -------*//* ----- SLIDER NOT HOME -------*/



/* ----- ALL TOP AREA -------*/



/* ----- ALL CONTAINER -------*/
#container{ width:992px; margin:auto; margin-top:135px;*margin-top:140px; padding-top:5px; position:relative; float:left; padding-left:125px;*padding-left:121px; }


#top-banner{width:988px; height:225px; margin-top:10px; padding-bottom:10px;}

#me{ margin-left:140px;}

/* ----- ALL LEFT AREA -------*/
#left-area-whole{  width:700px; padding:15px; float:left;}

.main-text {font-size:15px;line-height:20px;color:#8D8D8E;margin:10px 10px 0 10px;}
.main-text a {font-size:15px;line-height:20px;color:#8D8D8E;}
.main-text a:hover {font-size:15px;line-height:20px;color:#333333;}

.main-text-logo {font-size:15px;line-height:20px;color:#8D8D8E;margin:10px 10px 0 10px;}
.main-text-logo a {font-size:12px;line-height:20px;color:#525252; text-decoration:none;}
.main-text-logo a:hover {font-size:12px;line-height:20px;color:#333333; text-decoration:underline;}





/* home contact form */

#form{ width:100%; margin-top:-37px;}
#map_right { float:right;}




	#contact_form {
	float:left;
	width:460px;
	text-align: left;
	padding-left: 25px;
	margin-top: 40px;
	}
	
	.contactform {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
	width:600px;
	text-align: left;
}

.contactform textarea {
	padding:2px;
	border:1px solid #d2d1cf;
	width:350px;
	height:80px;
	font-size:14px;
	color:#333333;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #f0eee7;
}

.contactform label {
	min-width: 100px;
	float: left;
	padding: 5px;
	padding-left: 0px;
	margin-left: 25px;
}

.input-submit {
	margin-top:10px;
	margin-left: 130px;
	background-image: url(../img/blue_submit_small.gif);
	width: 94px;
	height: 27px;
	background-repeat:no-repeat;
    border: none;
	cursor: pointer;
	background-color: transparent;
}


.input-submit:hover {
	margin-top:10px;
	margin-left: 130px;
	background-image: url(../img/submit_small_over.gif);
	width: 94px;
	height: 27px;
	background-repeat:no-repeat;
    border: none;
	cursor: pointer;
	background-color: transparent;
}

.input-textarea {
	padding:2px;
	border:1px solid #d2d1cf;
	width:350px;
	height:18px;
	font-size:14px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #f0eee7;
}
.help{ width:350px;}

/* home contact form */




/* ----- PRICES PAGE -------*//* ----- PRICES PAGE -------*//* ----- PRICES PAGE -------*/
.main-text2 {font-size:12px;line-height:20px;color:#666666;margin:10px 10px 0 10px;}
.main-text2 a {font-size:12px;line-height:20px;color:#8D8D8E;margin:10px 10px 0 10px;}
.main-text2 a:hover {font-size:12px;line-height:20px;color:#333333;margin:10px 10px 0 10px;}

.coltext{
	color:#006600;
	background-color:#fff;
	padding:5px;
	font-weight:normal;
	text-align:center;
	vertical-align:top;
	border:1px #E2E2E2 solid;
}
 
  .coltexthead {
	color:#999999;
	padding:2px;
	text-align:center;
	vertical-align:top;
	font-size:12px;
}  
 
 .coltextheadleft {
	color: #556655;
	padding:2px;
	text-align:left;
	
	font-size:12px;
	margin-top:8px;
}  
  
 .coltextleft, .coltexthead, .coltextheadleft{
background-color:#E6E5D3;
padding:2px;
border:1px #F3F3E9 solid;
}
.coltext{
background-color:#F3F3E9;
text-align:center;
}

/* ----- PRICES PAGE -------*//* ----- PRICES PAGE -------*//* ----- PRICES PAGE -------*/









#sub-main{ height:170px; width:680px;padding:5px; margin-top:5px;}
.sub-main-text {
	font-size:15px;
	line-height:20px;	
	color:#8D8D8E;
}
#media{ float:left;}
#design{ float:right;}



/* ----- SERVICE PAGE -------*//* ----- SERVICE PAGE -------*//* ----- SERVICE PAGE -------*/
#left-area-whole-service{ padding:5px; float:left;}
#web-services-case{ max-width:950px; padding-bottom:25px;}
#leftcolumn {  width:430px; float:left; padding-right:50px; padding-left:30px;}
#rightcolumn {  max-width:450px; float:left;}
.text-service { font-size:12px; color:#999999;}
.text-service a{ color:#0099FF;text-decoration:none; float:right;}
.text-service a:hover{ color:#999999; }
.text-service h3 { color:#0099FF; font-size:14px; padding-bottom:5px;}

#website-design1{ float:left; padding-right:15px;}
#website-design{ float:left;}
/* ----- SERVICE PAGE -------*//* ----- SERVICE PAGE -------*//* ----- SERVICE PAGE -------*/


/* ----- PORTFOLIO PAGE -------*//* ----- PORTFOLIO PAGE -------*//* ----- PORTFOLIO PAGE -------*/
#left-area-whole-portfolio{ padding:5px; padding-left:60px; float:left;}

#port-1{ height:267px; width:860px; background:url(../img/port-strip.jpg) repeat-x; margin:auto; margin-top:20px; padding:20px;}

.port-text{font-size:15px;line-height:20px;color:#8D8D8E; width:360px; float:left;}
#flame-port{ float:right; margin-top:-30px;}
#learn{ margin-top:10px;}

#tab{ height:89px; width:899px; background:url(../img/tab-1.jpg) no-repeat;margin:auto;padding-top:30px; }
#tab2{ height:89px; width:899px; background:url(../img/tab-2.jpg) no-repeat;margin:auto;padding-top:30px; }
#tab3{ height:89px; width:899px; background:url(../img/tab-3.jpg) no-repeat;margin:auto;padding-top:30px; }

.tab-links{ font:Verdana, Arial, Helvetica, sans-serif; font-size:22px; margin-left:130px;}
.tab-links a{ font:Verdana, Arial, Helvetica, sans-serif; font-size:22px; text-decoration:none; padding-right:50px; color:#80B4D2}
.tab-links a:hover{ font:Verdana, Arial, Helvetica, sans-serif; font-size:22px; color:#000000}

















/***************************************************
			  PORTFOLIO TILES
***************************************************/
ul.portfolio-tiles {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: block;
	width: 950px;
	float: left;
}
ul.portfolio-tiles li {
	float: left;
	margin: 0px;
	width: 200px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	position: relative;
	overflow: hidden;
	*padding-right:0px;
	*margin-left:10px;
}
ul.portfolio-tiles li img {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
ul.portfolio-tiles li a.item {
	font-size: 13px;
	color: #aaa;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	border:#999999 1px solid;
	background-color:#CCCCCC;/* ----- Background tile colour -------*/
	display: block;
}
ul.portfolio-tiles li a.item:hover {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	color: #FFFFFF;
}
ul.portfolio-tiles li strong {
	font-size: 15px;
	font-weight: normal;
	display: block;
	width: 205px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	height: 25px;
	margin: 0px;
	padding-bottom: 0px;
	color:#6C6C6C; /* ----- text tile colour -------*/
}
ul.portfolio-tiles li p {
	padding-left: 10px;
	width: 205px;
	padding-right: 10px;
	display: block;
}
ul.portfolio-tiles li .text {
	display: block;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 100px;
}
ul.portfolio-tiles li .post_date {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
	display: block;
	color: #FFFFFF;
}
ul.portfolio-tiles li a.ext-link {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 92px;
    text-indent: -9999px;
	left: 87px;
	background-image: url(../images/external-link.png);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.portfolio-tiles li a.ext-link:hover {
	background-position: 0 bottom;
}
/***************************************************
			  PORTFOLIO TILES GALLERY
***************************************************/
ul.portfolio-tiles-gallery {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: block;
	width: 950px;
	float: left;
	z-index: 999;
}
ul.portfolio-tiles-gallery li {
	float: left;
	margin: 0px;
	width: 225px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
	text-decoration: none;
	overflow: hidden;
	position: relative;
}
ul.portfolio-tiles-gallery li h3 {
	margin: 0px;
	color:#FFF;
	font-size: 16px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 205px;
	display: block;
	padding: 10px;
}			
ul.portfolio-tiles-gallery li .boxgrid {
	margin:0px;
	float:left;
	background-color: #00768e;
	padding: 0px;
	width: 225px;
	height: 225px;
	cursor:pointer;
	overflow: hidden;
	position: relative;
}
ul.portfolio-tiles-gallery li .boxgrid img {
	top: 0;
	left: 0;
	background-color: #333333;
	float: left;
	padding: 10px;
	position: absolute;
}
ul.portfolio-tiles-gallery .boxgrid slideright a img {
	margin: 0px;
	padding: 0px;
}
ul.portfolio-tiles-gallery li .boxgrid p {
	color:#FFFFFF;
	width: 205px;
	float: left;
	padding: 10px;
}				
ul.portfolio-tiles-gallery  li a {
	font-size: 11px;
	font-weight: bold;
	color: #0A2E36;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: underline;
}
/***************************************************
		    PORTFOLIO FILTER
***************************************************/
#portfolio-filter {
	width: 912px;
	height: 18px;
	display: block;
	float: left;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	
}
#portfolio-filter .browse {
	color: #00768e;
	float: left;
	font-size: 16px;
}
#portfolio-filter ul {
	margin: 0px;
	padding: 0px;
	float: right;
}
#portfolio-filter li {
	background: none;
	display: inline;
	padding: 0px;
	margin: 0px;
}
#portfolio-filter li a {
	text-decoration: none;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: right;
	color: #8D8D8E;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#portfolio-filter li a.current, #portfolio-filter li a:hover {
	color: #00768e;
	text-decoration: none;
}
a.visit_back_a {
	color: #FFFFFF;
	margin-bottom: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	float: right;
	display: inline;
	background-color:#e2f0f3;
	padding: 5px;
}
/* ----- PORTFOLIO PAGE -------*//* ----- PORTFOLIO PAGE -------*//* ----- PORTFOLIO PAGE -------*/





/* ----- PORTFOLIO SINGLE PAGE -------*//* ----- PORTFOLIO SINGLE PAGE -------*//* ----- PORTFOLIO SINGLE PAGE -------*/

#flash{margin:auto; height:427px; width:633px;}


/* ----- PORTFOLIO SINGLE PAGE -------*//* ----- PORTFOLIO SINGLE PAGE -------*//* ----- PORTFOLIO SINGLE PAGE -------*/

/* ----- ALL LEFT AREA -------*/


/* ----- ALL RIGHT AREA -------*/
#right-area-whole{ width:220px; float:left; padding:15px; background-color:#e2f0f3;}

/* BLOCK -------*/
.block {
	padding: 0px;
	font-size:12px;
}
.block p {
	padding: 0px;
	margin: 0px;
}
.block ul {
	width:250px;
	top:0px;
	display: block;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin: 0px;
	float: left;
}
.block ul li {
	display:block;
	cursor:pointer;
	cursor:pointer;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
	float: left;
	width: 220px;
	background-image: url(../images/border.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0px;
}
.block ul li a {
	color:#00768e;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	display: block;
	background-image: url(../images/bullet_footer_ul.gif);
	margin: 0px;
}
.block ul li a:hover {
	color: #00768e;
	text-decoration: underline;
}
.block li span {
	font-family:georgia, arial;
	font-size:9px;
	color:#464646;
}
/* BLOCK -------*/


/*TESTimonials*//*TESTimonials*//*TESTimonials*//*TESTimonials*//*TESTimonials*//*TESTimonials*//*TESTimonials*/


.slider_holder {
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	
	background-repeat: no-repeat;
	background-position: 18px 15px;
	z-index: 999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.slider, .slider li {
	overflow:hidden;
	width:210px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0px;
	color: #999999;
	z-index: 1;
	height: 150px;
}
.nav{
	width: 250px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 20px;
	float: left;
}
.nav .counter {
letter-spacing:1px;
	color: #FFFFFF;
	float: left;
	width: 150px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.nav ul {
	margin: 0px;
	float: right;
	display: block;
	width: 60px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.nav ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}
.nav a{
	text-decoration: none;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	height: 17px;
	width: 20px;
	font-size: 1px;
	float: right;
}
.nav a.prev {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/toogle_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.nav a.next {
	margin: 0px;
	background-image: url(../images/toogle_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0px;
}
.testimonial {
	float:left;
	margin-top:1px;
	position:relative;
	font-size:12px;
}
.testimonial div {
	float:left;
	margin-left:1px;
	padding:20px 20px 40px;
	width:204px;
}
.testimonial a {
	text-align: right;
	display: block;
	color: #00768e;
}
.testimonial .author {
	font-weight: bold;
	color: #CCCCCC;
	text-align: right;
	display: block;
}
/*TESTimonials*//*TESTimonials*//*TESTimonials*//*TESTimonials*//*TESTimonials*//*TESTimonials*//*TESTimonials*/


#recent-work{ width:100px; height:390px; height:inherit;}


/*PRICES PAGE*//*PRICES PAGE*//*PRICES PAGE*//*PRICES PAGE*//*PRICES PAGE*//*PRICES PAGE*//*PRICES PAGE*/
#web-pack{ height:202px; width:650px; background:url(../img/pack.jpg) no-repeat; border-bottom:#999999 1px dotted;;border-top:#999999 1px dotted; margin-top:15px; }
.pack-service { font-size:14px; color:#FF0033; line-height:18px; padding-left:200px; padding-top:25px;}
.pack-service a{ color:#666666;text-decoration:none; }
.pack-service a:hover{ color:#999999; }
/*PRICES PAGE*//*PRICES PAGE*//*PRICES PAGE*//*PRICES PAGE*//*PRICES PAGE*//*PRICES PAGE*//*PRICES PAGE*/





/* ----- ALL RIGHT AREA -------*/

/* ----- ALL CONTAINER -------*/



/* ----- ALL FOOTER -------*/
#bott-foot{ background:url(../img/bottfoot9.jpg) no-repeat; height:480px; width:100%; position:relative;} 
#bott-foot2{ background:url(../img/bottfoot-port.jpg) no-repeat; height:480px; width:100%; position:relative; margin-top:-50px;}
#bott-foot3{ background:url(../img/bottfoot-port.jpg) no-repeat; height:480px; width:100%; position:relative; }



#bott-links{ height:200px; width:920px; padding-left:210px; padding-top:230px;}
#links-1{ height:200px; width:230px; float:left;}
#links-2{ height:200px; width:300px; float:left;}
#links-3{ height:200px; width:300px; float:left; padding-left:20px}

.footer-column{font-size:15px;color:#8D8D8E;text-align:center; letter-spacing:6px;}
.footer-column a{font-size:15px;color:#99FF33; text-decoration:none; text-align:center;}
.footer-column a:hover{font-size:15px;color:#CCFF00;text-decoration:underline;}


/* ----- VERY BOTTOM -------*/
#bottom2{ width:100%; height:20px; background-color:#0C0C0C; border-top:#333333 solid 1px;}
.copy { color:#666666; font-size:12px; margin:3px 0 0 490px; } 
/* ----- VERY BOTTOM -------*/

/* ----- ALL FOOTER -------*/




#box-1{ height:242px; width:274px; border:#9A9A9A 1px solid; background-color:#e8e8e8; margin-left:20px; margin-top:20px; float:left; padding:10px;}
 ul.c3 {position: relative;}
 li.c2 {position: absolute; top: 0px; left: 0px; display: none;}
 ul.c1 {display: none; visibility: visible;}