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

body {
	background:#FFFFFF;
	color:#333333;
	font-family:arial;
	font-size:12px;
	text-align:center;
}

a {
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
}

#wrapper {
	margin:0pt auto;
	width:950px;
	overflow:hidden;
	/*border:solid 1px black;*/
}

img {
	border:0pt none;
}

#content {
	clear:both;
	/* margin-top:50px; 
	margin-left:150px;
	margin-right:150px;*/
	text-align:left;
	padding:0;
	padding-top:0px;
	width:950px;
}

#navi {
	clear:both;
	/*
	margin-left:150px;
	margin-right:150px;*/
	text-align:left;
	padding:0;
	width:950px;
	
}

ul#contact {
	float:left;
	font-size:13px;
	font-weight:bold;
	width:950px;
	/*border:solid 1px;*/
	padding-bottom:0px;
}

form.contactform input {
 	background-color:#DADADA !important;
	padding-left:15px;
	padding-right:15px;
	font-weight:bold;
	font-size:12px;
	border-style:none;
	padding-top:3px;
}

form.contactform textarea {
	background-color:#DADADA !important;
	padding-left:15px;
	padding-right:15px;
	font-weight:bold;
	font-size:15px;
	border-style:none;
	padding-top:5px;
}

ul#contact li {
	display:inline;
	margin:0px;
	padding:0px;
}

ul#contact li.lable {
	float:left;
	display:block;
	margin:0px;
	padding:0px;
}


ul#sites {
	float:left;
	font-size:14px;
	font-weight:bold;
	width:950px;
	/*border:solid 1px;*/
	padding-bottom:0px;
}

ul#prev-next{
	float:left;
	font-size:14px;
	font-weight:bold;
	width:950px;
	/*border:solid 1px;*/
	padding-bottom:90px;
	margin-top:90px;
	float:right;
	margin-left:0px;

}

ul#prev-next li {
	display:inline;
	margin:0px;
	padding:0px;

}

ul#prev-next li.nav div.divider{
	margin-left:10px;
	color:#FFFFFF;
	float:right;
}


ul#prev-next li.nav a:hover {
	color:#000000;
	margin:0px;
	margin-left:10px;
	text-decoration:none;
}


ul#prev-next li.nav img {
	float:right;
}

ul#prev-next li.nav a:link, ul#prev-next li.nav a:visited{
	border-bottom:0px solid #999999;
	float:right;
	margin-left:10px;
	font-size:12px;
}



ul#prev-next li.nav a{
	font-size:1px;
	height:20px;
	text-indent:-10000px;
	background-repeat: no-repeat;
}

ul#prev-next li.nav a.prev {
	background-image:url(../images/assets/nav_51_p.gif);
	width:100px;
}

ul#prev-next li.nav a.next {
	background-image:url(../images/assets/nav_41_n.gif);
	width:100px;
}

ul#prev-next li.nav a.prev:hover {
	background-image:url(../images/assets/nav_52_p.gif);
	width:100px;
}

ul#prev-next li.nav a.next:hover {
	background-image:url(../images/assets/nav_42_n.gif);
	width:100px;
}

ul#prev-next li.nav a.back:hover {
	background-image:url(../images/assets/nav_62_p.gif);
	width:100px;
}

ul#prev-next li.nav a.back {
	background-image:url(../images/assets/nav_61_p.gif);
	width:100px;
}

ul#prev-next li.nav a.cancel {
	background-image:url(../images/assets/nav_81_c.gif);
	width:100px;
}

ul#prev-next li.nav a.send {
	background-image:url(../images/assets/nav_71_s.gif);
	width:100px;
}

ul#prev-next li.nav a.cancel:hover {
	background-image:url(../images/assets/nav_82_c.gif);
	width:100px;
}

ul#prev-next li.nav a.send:hover {
	background-image:url(../images/assets/nav_72_s.gif);
	width:100px;
}

ul#sites li {
	display:inline;
	margin:0px;
	padding:0px;
}

ul#sites li a:link, ul#sites li a:visited {
	color:#666666;
	display:block;
	float:left;
	height:20px;
	margin:0px;
	padding:0px;
	text-decoration:none;
}


ul#sites li.menu a:hover {
	color:#000000;
	margin:0px;
	margin-left:5px;
	text-decoration:none;
}

ul#sites li.menu a:link, ul#sites li.menu a:visited {
	border-bottom:0px solid #999999;
	float:right;
	margin-left:5px;
	font-size:12px;
}

ul#sites li.menu a{
	font-size:1px;
	height:20px;
	text-indent:-10000px;
	background-repeat: no-repeat;
}

ul#sites li.menu a.portofolio{
	background-image:url(../images/assets/nav_12_p.gif);
	width:100px;
}
/*
ul#sites li.menu a.portofolio:hover{
	background-image:url(../images/assets/nav_11_p.gif);
	width:100px;
}
*/

ul#sites li.menu a.portofolio-rev{
	background-image:url(../images/assets/nav_11_p.gif);
	width:100px;
}


ul#sites li.menu a.portofolio-rev:hover{
	background-image:url(../images/assets/nav_12_p.gif);
	width:100px;
}


ul#sites li.menu a.info{
	background-image:url(../images/assets/nav_22_i.gif);
	width:100px;
}
/*
ul#sites li.menu a.info:hover{
	background-image:url(../images/assets/nav_21_i.gif);
	width:100px;
}
*/
ul#sites li.menu a.info-rev{
	background-image:url(../images/assets/nav_21_i.gif);
	width:100px;
}

ul#sites li.menu a.info-rev:hover{
	background-image:url(../images/assets/nav_22_i.gif);
	width:100px;
}

ul#sites li.menu a.contact{
	background-image:url(../images/assets/nav_32_i.gif);
	width:100px;
}
/*
ul#sites li.menu a.contact:hover{
	background-image:url(../images/assets/nav_31_i.gif);
	width:100px;
}
*/
ul#sites li.menu a.contact-rev{
	background-image:url(../images/assets/nav_31_i.gif);
	width:100px;
}

ul#sites li.menu a.contact-rev:hover{
	background-image:url(../images/assets/nav_32_i.gif);
	width:100px;
}


ul#sites li.menu a.more{
	background-image:url(../images/assets/cta_seemore_1.gif);
	width:110px;
}

ul#sites li.menu a.launch{
	background-image:url(../images/assets/cta_lauchsite_1.gif);
	width:110px;
}


ul#sites li.menu a.more:hover{
	background-image:url(../images/assets/cta_seemore_2.gif);
	width:110px;
}

ul#sites li.menu a.launch:hover{
	background-image:url(../images/assets/cta_lauchsite_2.gif);
	width:110px;
}

ul#sites li.menu a.back{
	background-image:url(../images/assets/nav_62_p.gif);
	width:100px;
}

ul#sites li.menu a.back:hover{
	background-image:url(../images/assets/nav_61_p.gif);
	width:100px;
}


div#section-contact {
	clear:both;
	float:left;
	font-size:12px;
	padding-top:0px;
	width:950px;
	margin-top:60px;
	padding-bottom:100px;
}



div#sections-info {
	float:left;
	font-size:12px;
	padding-top:0px;
	width:475px;
	margin-top:50px;
	padding-bottom:100px;

}

div#sections-info p{
	margin-top:20px;
	color:#a3a3a3;
}

div#sections-info h1{
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}


ul#sections {
	clear:both;
	float:left;
	font-size:12px;
	font-weight:bold;
	padding-top:0px;
	width:950px;
	margin-top:0px;
	
	/*border:solid 1px;*/
}

ul#sections li {
	display:inline;
	padding-right:3px;
}


ul#sections li a:link, ul#sections li a:visited {
	border-bottom:0pt none;
	color:#666666;
	text-decoration:none;
}

ul#sections li.divider{
	background-image:url(../images/assets/divider.gif);
	background-repeat: no-repeat;
	background-position:center;
	height:10px;
	width:1px;
	text-indent:-10000px;
	color:#FFFFFF;
	margin-right:5px;
}


ul#sections li.info {
	color:#CCCCCC;
}
.spacer {
clear:both;
}

#my-gal {
	margin:0px 0px 15px;
	width:950px;
}

#footer {
	float:right;
	margin-bottom:10px;
	width:950px;
	height:12px;
}

#footer img{
	float:right;
}


.imageLoader {
	background: url(../images/assets/nav_32_i.gif);
	visibility: hidden;
}