* {margin:0; padding:0;}

body {
margin:0 auto 0px auto; 
padding:0; 
text-align: center; 
width:100%; 
font-family: Arial,Verdana, Geneva,  Helvetica, sans-serif; 
font-size:100%; 
color: #090806; 
background:#000 url(../images/bg.jpg) repeat-x ;
}


img {border:none;}

.r {float:right;}

.l {float:left;}

.clear {clear: both;}

ul {list-style: none; list-style-image: none;}

a:link, a:visited, a:active {color: #959595; text-decoration: none;}

a:hover {color: #959595;text-decoration: none;}

.mb10 {
	margin-bottom:10px;
}

.ml204 {
	margin: 0px 3px 0px 204px;
}

h1 {
	font-size: 26px;
	color: #42534b;
	font-family: Helvetica, Verdana, Geneva, Arial,  sans-serif; 
	font-weight:100;
	margin-bottom:10px;
}

p {
	font-size:12px;
	margin-bottom:20px;
	line-height:20px;
}

p.small {
	font-size:10px;
	margin-bottom:20px;
	line-height:20px;
	color:#787883;
}

p.small strong {
	color:#090806;
 }

#wrapper {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 984px;
	background: #fff;
	min-height: 540px;
	height:auto;
}

#wrapperinside {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 984px;
	background: #fff;
	min-height: 900px;
	height:auto;
}


#header {
	background:#3b4158 url(../images/headerbg.jpg) repeat-x;
	width: 984px;
	height:42px;
	float:left;
}

ul#udm {
	text-align:center;
	margin-left:120px;
}

ul#udm li {
	margin-bottom:none;
	padding: 0px 0px 0px 0px;
	height:42px;
/*	line-height:10px;*/
	float:left;
	display:inline;
	border:none;
}

#flash {
	background: #3b4158;
	/*height:42px;*/
	float:left;
}

#content {
	border-top:4px solid #3b4158;
	width: 984px;
	background: #fff url(../images/contentbg.jpg) 100% 0% no-repeat;
	float:left;
	/*height:500px;*/
}

#content-contact {
	border-top:4px solid #3b4158;
	width: 984px;
	background: #fff url(../images/contentbg1.jpg) 100% 0% no-repeat;
	float:left;
	height:600px;
}

#content-design {
	border-top:4px solid #3b4158;
	width: 984px;
	background: #fff url(../images/contentbg3.jpg) 100% 0% no-repeat;
	float:left;
	height:550px;
}

#content-left {
	margin-top:20px;
	margin-left:60px;
	width:450px;
	text-align:left;
	float:left;
}

#content-right {
	background: transparent url(../images/inside-col.png) repeat-y;
	padding-left:55px;
	margin-right:0px;
	width:269px;
	text-align:left;
	float:right;
	height:auto;
	min-height:350px;
	
}

#content-right-inside {
	background: transparent url(../images/inside-col.png) repeat-y;
	padding-left:55px;
	margin-right:0px;
	width:269px;
	text-align:left;
	float:right;
	height:100%;
	min-height:500px;
}

#content ul li.pdf {
	background: url(../images/pdf_icon.jpg) no-repeat;
	padding-left:30px;
	padding-bottom:15px;
	font-size:12px;
	color:#959595;
}

#content ul a {
	color:#090806;
}

#content ul a:hover {
	color:#090806;
	text-decoration: underline;
}

#content ul a:active {
	color:#959595;
	text-decoration: underline;
}

/* Spearmint tints > http://inspire.server101.com/bttdb/html/tables/ */

/* table */
table {
	margin: 0 0 1em;
	background: #FFF;
	border-collapse: collapse;
	/*border-top: 1px solid #363;
	border-bottom: 2px solid #363;*/
	font-size:13px;
	border:1px solid #F8F8F8;
}

/* caption = table title/heading */
caption {
	text-align: left;
	font: bold small-caps 120%/1.3 "trebuchet ms",Helvetica,Arial,Sans-Serif;
	color: #363;
	margin: .3em 0;
}

/* reduced font size to save space */
tr { font-size: 90%;}
/* prevent nested tables reducing font size further */
tr tr { font-size: 100%; }

/* tinted rows */
/* in CSS3 selectors: tbody tr:even or tbody tr:nth-child(2n) */
tr.odd {
	background: #E4EBF1;
}

/* table cells */
th, td {
	font-weight: normal;
	padding: .6em .7em;
	text-align: left;
	vertical-align: top;
}

/* borders to separate body sections */
tbody tr:first-child th,
tbody tr:first-child td,
tfoot tr:first-child th,
tfoot tr:first-child td {
/*	border-top: 1px solid #363;*/
}

/* tints for column headings */
thead {
	background: #9C9;
	white-space: nowrap;
}

/* tints for totals */
tfoot {
	background: #ADA;
}

/* bold text for totals */
tfoot th,
tfoot td {
	font-weight: bold;
}



#footer {
/*	margin: 20px auto 20px auto;*/
	padding-top:20px;
	width: 984px;
	background: #000;
	height: 100px;
	color: #494a49;
	font-size:10px;
}

#footer p {
	font-size:10px;
}

#footer-home {
	margin: 30px auto 20px auto;
	padding:0;
	width: 984px;
	background: #000;
	height: 100px;
	color: #494a49;
	font-size:10px;
}

#footer-home p {
	font-size:10px;
}


/******************************* CAROUSEL ******************************************/



.jcarousel-skin-tango .jcarousel-container {
   /* -moz-border-radius: 10px;*/
    background: #FFF;
    border-top: 2px solid #dadada;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
  /*  width: 245px;*/
  	 width: 904px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    /*width:  245px;*/
	 width: 904px;
    height: 107px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
  
    height: 107px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 140px;
    height: 107px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
	  margin-top:15px;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
	 margin-top:15px;
}