/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix {display: inline-block;}*/


/* Accessibility MARIE
-------------------------------------------------------------- */
#accessibility {
    position: absolute;
    top: -10000px;
}

:focus {
outline: 0;
}

body {
	background:#ff2e88; /*  ff2e88 b1d249;   f9fcf3 	#38291A; */
	color:#fff;
	text-align:center;
	font:14px/20px georgia, times, "Times New Roman", serif;
	}

#skip {
	display:none;
	}

#wrapper {
	width:960px;
	margin:0 auto;
	text-align:left;
	}

#header {
	margin: 0 auto;
	padding-top: 20PX;
	width: 100%;
	height: 120px; /* 70 */
	text-align: center;
	background-color: #ff2e88;
	border-bottom: 0px solid #f3eef1; 
}

	
	
/*   ------------ me from mari ----------*/
	
/* -------------------------------- nava by me -------------^*/

#navigation {
	margin: 0 auto;
	margin-bottom: 30px;
	width: 960px;
	height: 70px;
	text-align: right;
	background-color: transparent;
}

#navigationB {
	margin: 0 auto;
	margin-bottom: 80px;
	width: 840px;
	height: 30px;
	text-align: right;
	background-color: transparent;
}

.smdlogo {
	float: left;
	width: 210px;
	height: 101px;
	padding-left: 30px;
	margin: 0;
	/* background: url(/assets/images/logo.gif) no-repeat; */
	/*background-color: #01449b; */
}

.gdascipt {
	float: right;
	width: 622px;
	height: 55px;
	padding-left: 0px;
	margin: 0;
	background: url(/assets/images/gdascript.png) no-repeat;  
	/*background-color: #01449b; */
}

 

/* NAVIGATION */
/* NAVIGATION */
#nav {
float: right;
width: 410px; 
height: 30px;             /*The top,  right,  bottom, and  left*/
margin: 10px -20px 0 270px;    /*    15px  0       0            70px;*/
padding: 0;
list-style: none;
}
#nav ul {
list-style: none;
margin: 0;
padding: 0;
display: inline;
}
#nav li {
float: right;
margin: 0;
padding: 0;
font: normal 125%/200% 'Lucida Grande', 'Lucida Sans Unicode', Georgia, Times, Arial, Helvetica, Verdana, sans-serif;
letter-spacing: 0em;
display: inline;
}
#nav a {
float: left;
display: block;
margin: 2px 2em 2px 0;
padding: 6px 0px;
color: #fff9f1; /*fff; 6b6bcd */
display: inline;
}
#nav a:link {
color: #fff9f1; /*fff; 6b6bcd */
text-decoration: none;
}
#nav a:visited {
color: #fff;
text-decoration: none;
}
#nav a:hover {
color: #f90;
text-decoration: none;
border-bottom: 1px solid #999;
}
/*--------------------end -------------------------------------*/

/* ------          end frm mairei --------*//*--------------------end -------------------------------------*/


		
		
#gallery {
	clear:left;
	width:960px;
	overflow:hidden;
	position:relative;
	padding:305px 0 0 0;
	margin:13px 0 0 0;
	}
#gallery ul {
	position:absolute;
	top:0;
	left:0;
	height:305px;
	}
#gallery .elements li {
	border-left:10px solid #ff2e88; /* f9fcf3 	#38291A; */
	border-right:10px solid #ff2e88; /* f9fcf3 	#38291A; */
	float:left;
	width:300px;
	height:305px;
	background:#f9fcf3; /*#38291a;*/
	position:relative;
	}

#gallery .elements .rollover {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:280px;
	height:285px;
	background:transparent;
	border:10px solid #82dc00;  /* 00bbf2;7674bf;  ff2e88;  B8BE1C; */
	}


#galleryNavigation {
	padding:0 0 0 0;
	}
#galleryNavigation #slider {
	width:850px;
	margin-left:10px;
	display:inline;
	float:left;
	height:50px;
	position:relative;
	/* background:#38291a url('../images/sliderBg.gif') repeat-x; */
	background:#ff2e88;  /* f9fcf3 	#38291A; */
	}
#galleryNavigation #slider #progress {
	width:0;
	height:4px;
	position:absolute;
	top:18px;
	background:url('../images/progress.jpg') 0 0 repeat-x;
	left:0;
	}
#galleryNavigation ul {
	width:91px;
	float:right;
	}
#galleryNavigation li {
	height:50px;
	float:left;
	}
#galleryNavigation li.prev {
	width:47px;
	}
#galleryNavigation li.next {
	width:44px;
	}
#galleryNavigation li a {
	color:#fff;
	display:block;
	position:relative;
	height:50px;
	overflow:hidden;
	cursor:pointer !important;
	}
#galleryNavigation li.prev a {
	width:47px;
	}
#galleryNavigation li.next a {
	width:44px;
	}
#galleryNavigation li a span {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	z-index:300;
	cursor:pointer !important;
	}
#galleryNavigation li a:hover span {
	cursor:pointer !important;
	}
#galleryNavigation li.next a span {
	background:url('../images/galleryNav.gif') -47px 0 no-repeat;
	}
#galleryNavigation li.next a.inactive span {
	background-position:-47px -50px;
	}
#galleryNavigation li.prev a span {
	background:url('../images/galleryNav.gif') 0px 0 no-repeat;
	}
#galleryNavigation li.prev a.inactive span {
	background-position:0px -50px;
	}
	
		
/*	
#content {
	clear:left;
	width:960px;
	}
	*/
		                                          /*2effa4 82dc00     */
	h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #4D0E29; }

h1 { font-size: 3em; line-height: 2em; margin: 0.5em 0; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.75em; line-height: 1.5em; margin-bottom: 0.25em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

	
h1 {
	color:#ffe500;
	font-family: Helvetica, Verdana, sans-serif;
	font-size:24px !important;
	line-height:32px;
	display:block;
	width:800px;
	padding:0 0 0 10px;
	margin:40px 0 0 0;
	}
	
	
#container-wrapper {
	padding-top: 60PX;
	padding-bottom: 120px;
	margin: 0 auto;
	width: 100%;
		background: #ff2e88;
		font:18px/24px georgia, times, "Times New Roman", serif;

}
.container {
  width: 960px;
  margin: 0 auto;
}

.container2 {
  width: 680px;
  margin: 0 auto;
}

 

	

			/* me footer --- ---------------------------------------------------------*/

#bodyfooter {
line-height:1.5;
font-size:125%;
color:#F0F2F6;
background:#ff2e88; 
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}

#footer {clear:both; margin:0 auto 0 0; width:940px; border-top:1px solid #ddd; padding-top:0;}

#footer-wrapper {
	height: 120px;
	background: #ff2e88;/* #F0F2F6; */
	border-top: 1px solid #616272;
}

#footer-left {
	margin: 0 auto;
	width: 100%;
	text-align: left;
	border-right: 1px solid #616272;
}

.footer, .footer-center {
	float: left;
	width: 36%;  
	height: 20px;
	text-align: center;
	color: #616272;
	font: normal 80%/180% Georgia, 'Lucida Grande', 'Lucida Sans Unicode', Times, Arial, Helvetica, Verdana, sans-serif;
	
	margin-top: 18px;
	margin-bottom: 18px;	
	padding-bottom: 45px;
	padding-top: 15px;
	border-right: 1px solid #616272; 

}

#footer .footer-center .joyent {
	margin-right: 31px;
}

#footer .footer-center .footerLogo { padding-top: 15px; }


/* for front links */
.footer-center a:link, .footer-center a:visited, .footer a:link, .footer a:visited {
	text-decoration: none;
	color: #616272;
}

.footer-center a:hover {
	color: #af5246; }



.footer, .footer-right {
	float: left;
	width: 30%; /*40*/
	height: 20px;
	text-align: left;
	color: #color: #616272;
	font: normal 80%/180% Georgia, 'Lucida Grande', 'Lucida Sans Unicode', Times, Arial, Helvetica, Verdana, sans-serif;
	
	margin-top: 18px;
	margin-bottom: 18px;	
	padding-bottom: 45px;
	padding-top: 15px;

}

.footer-right {
	width: 30%; /* 60*/
	float: right;
	text-align: right;
	color: #333;
	padding-right: 20px;
}

.footer-right a:link, .footer-right a:visited, .footer a:link, .footer a:visited {
	text-decoration: none;
	color: #616272;
}

.footer-right a:hover {
	color: #af5246;
}

.client_area {
	background: #999;
	padding: 4px;
}
 
#footer-content {
	margin: 0 auto;
	padding-top: 10px;
	width: 960px;
	text-align: left;
	background-color: transparent;
}
 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:140%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix {display: inline-block;} 
 



 
/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 10px;
}
/* --------style the  big images  do for each of the various spans-------*/
.span-16 img {margin:0 0 20px 0; padding:4px; border:1px solid #ddd;}


/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1 {width: 30px;}

.span-2 {width: 70px;}
.span-3 {width: 110px;}
.span-4 {width: 150px;}
.span-5 {width: 190px;}
.span-6 {width: 230px;}
.span-7 {width: 270px;}

.span-8 {width: 310px;   margin:0px 0 30px 0; }
.work {height:325px;}

.span-9 {width: 350px;}
.span-10 {width: 390px;}
.span-11 {width: 430px;}
.span-12 {width: 470px;}
.span-13 {width: 510px;}
.span-14 {width: 550px;}
.span-15 {width: 600px;} /*590*/
.span-16 {width: 630px;}
.span-17 {width: 670px;}
.span-18 {width: 710px;}
.span-19 {width: 750px;}
.span-20 {width: 790px;}
.span-21 {width: 830px;}
.span-22 {width: 870px;}
.span-23 {width: 910px;}
.span-24, div.span-24 { width:960px; margin:0 0 30px 0;  }



/* Add these to a column to append empty cols. */

.append-1 { padding-right: 40px;} /*40*/
.append-2 { padding-right: 80px;}
.append-3 { padding-right: 120px;}
.append-4 { padding-right: 160px;}
.append-5 { padding-right: 200px;}
.append-6 { padding-right: 240px;}
.append-7 { padding-right: 280px;}
.append-8 { padding-right: 320px;}
.append-9 { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}