@charset "UTF-8";
/* CSS Document */

body {
color: #fff;
font:12px/1.3em Arial, Helvetica, sans-serif normal;
background-color:#222222;
margin:0;
padding:0;
}

body li {
list-style:none;	
}

a {
color:#777777;
text-decoration:none;
}

img {
border:none;
}

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

h1 {
font:32px Arial, Helvetica, sans-serif lighter;
text-align:right;

}

h2 {
font:28px/.9em Arial, Helvetica, sans-serif lighter;
}

h3 {
font:20px/.9em Arial, Helvetica, sans-serif normal;
font-weight:normal;
}

h4 {
font:15px/.9em Arial, Helvetica, sans-serif normal;
font-weight:normal;
color:#eb008a;
margin:15px 0 3px 0;
}

#wrapper {
	width:900px;
	margin:0 auto 35px auto;	
	padding:15px 0 20px 0;
}

#container {
	margin:0 auto;	
	padding:20px 0px;
}
	
#branding {
	padding:10px 10px 10px 0;
	margin-bottom:10px;
}

#main-nav li {
font:10px Arial, Helvetica, sans-serif normal;
display: inline;
text-align:right;
}

#main-nav li a strong {
font:10px Arial, Helvetica, sans-serif normal;
padding:6px 6px 6px 6px;
background:#eb008a;
}

#main-nav li a {
color:#FFFFFF;
font:10px Arial, Helvetica, sans-serif normal;
margin-left:13px;
padding:6px 6px 6px 6px;
text-decoration:none;
}

#main-nav li a:hover {
font:10px Arial, Helvetica, sans-serif normal;;
padding:6px;
color:#00d4b9;
}

#main-nav li a:selected {
font:10px Arial, Helvetica, sans-serif normal;
padding:6px 6px 13px 6px;
background:#eb008a;
}

.pinkTxt {
color:#eb008a;
}

.container {
	background:url(../img/131.png) left top;
	padding:10px;
}

.container li {
	padding:0 0 10px 0;
}

.module1-main {
	width:600px; 
	height:320px;
	background:url(../img/131.png) left top; 
	float:right; 
	border:1px solid #333333;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#about .module1-main {
	background:url(../img/131.png) left top; 
	float:right; 
	border:1px solid #333333;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin:0 0 40px 0;
	padding:30px;
	
}

 Coda Slider Styles 
body {
	background:black;
	color:black;
}

#slider {
  width: 500px;
  margin: 0 auto;
  position: relative;
}

.navigation {
	text-align:right;
}

.navigation li {
	display: inline;
	text-align:right;
	margin-left:2px;
}

.navigation li a {
	color:#eb008a;
	text-decoration:none;
	padding:11px 7px 7px 7px;
	border-left:1px solid #eb008a;
	border-right:1px solid #eb008a;
	border-bottom:1px solid #eb008a;
}

.navigation li a:hover {
	color:#fff;
	text-decoration:none;
	padding:11px 7px 7px 7px;
	border-left:1px solid #eb008a;
	border-right:1px solid #eb008a;
	border-bottom:1px solid #eb008a;
}

.navigation li a.selected {
	color:#fff;
	text-decoration:none;
	padding:11px 7px 7px 7px;
	background:#eb008a;
}

.scroll {
  height: 250px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 210px;
  width: 460px; /* change to 560px if not using JS to remove rh.scroll */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.scrollContainer div.panel li {
list-style:none;
}

.scrollContainer p {
text-align:left;
font:12px/1.1em Arial, Helvetica, sans-serif normal;
}

.scrollContainer #welcome img {
padding:0 0 0 10px;
float:right;
}

.scrollButtons {
  position: absolute;
  top: 130px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -25px;
}

.scrollButtons.right {
  right: -25px;
}

#welcome {
background:url(../img/gfxWelcome1.png) top left no-repeat;
text-align:right;
text-decoration:none;
}

#welcome li, #container li {
text-align:right;
margin-bottom:10px;
}

#welcome li a, #container li a {
color:#000;
background:#00d4b9;
padding:3px 6px;
}

#welcome li a:hover, #container li a:hover {
color:#fff;
background:#eb008a;
padding:3px 6px;
}

#portfolio {
margin:10px 0;
padding:10px 0;
clear:both;
text-align:center;
}

#portfolio li {
margin-bottom:10px;
display:inline;
}

#portfolio li a {
color:#000;
background:#00d4b9;
padding:3px 6px;
}

#portfolio li a:hover {
color:#fff;
background:#eb008a;
padding:3px 6px;
}

.section-head {
font-size:24px;
margin:15px 0;
}

#portfolio-block {
padding:10px 0;
clear:both;
border-top:1px solid #EB008A;
overflow:scroll;
height:180px;
}

#portfolio-block .module1 {
width:auto;
background:url(../img/131.png) repeat 0 0;
float:left;
margin:0 2px 2px 0;
border:1px #000 solid;
}

#portfolio-block .module1 img {
width:215px;
}

#portfolio-block .title1 {
width:210px;
float:left;
margin:0 11px 7px 0;
text-align:left;
}

#portfolio-block .title1 p {
font:19px/1.1em Arial, Helvetica, sans-serif normal;
margin-top:0;
margin-bottom:5px;
}

#portfolio-block .module1 ul {
padding:2px 10px 5px 10px;
text-align:right;
}

#portfolio-block .module1 img {
border:1px #FFF solid;
}

#portfolio-block1 {
padding:10px 0;
border-top:1px #333333 solid;
width:440px;
float:left;
margin-right:10px;
font-size:10px;
}

#portfolio-block1 .module1 {
width:auto;
background:url(../img/131.png) repeat 0 0;
float:left;
margin:0 1px 1px 0;
border:1px #000 solid;
}

#portfolio-block1 .module1 img {
width:140px;
}

#portfolio-block1 .title1 {
float:left;
margin:0 0 0 10px;
text-align:left;
width:440px;
height:45px;
}

#portfolio-block1 .title1 p {
font:15px/1.1em Arial, Helvetica, sans-serif normal;
margin-top:0;
margin-bottom:5px;
}

#portfolio-block1 .module1 ul {
padding:2px 10px 5px 10px;
text-align:right;
}

#portfolio-block1 .module1 img {
border:1px #FFF solid;
}


/* footer */

#footer {
font-size: 10px;
clear:right;
border-top:1px solid #777777;
background-color:#000000;
padding:5px 20px 20px 20px;
margin:0 auto;
text-align:right;
height:200px;
clear:both;
}

#footer .nav {
text-align:right;
}

#lastest-work {
text-align:center;
font-size:12px;
line-height:1.3em;
}

#lastest-work li {
	display: inline-block;
	margin:0 12px;
	width:125px;
	text-align:left;
}

#lastest-work li a {
color:#000;
background:#00d4b9;
padding:1px 4px;
font-size:9px;
}

#lastest-work li a:hover {
color:#fff;
background:#eb008a;
padding:1px 4px;
}

#lastest-work li img {
border:1px ridge #444;
margin-bottom:6px;
}

#twitter li {
margin:0 0 10px 55px;
list-style: circle;
}

#twitter li a {
color:#000;
background:#00d4b9;
padding:0 4px;
font-size:10px;
}

#twitter li a:hover {
color:#fff;
background:#eb008a;
padding:1px 4px;
}

#blog li {
margin:0 0 10px 0;
line-height:1.2em;
}

#blog li a {
color:#000;
background:#00d4b9;
padding:3px 6px;
font-size:12px;
}

#blog li a:hover {
color:#fff;
background:#eb008a;
padding:3px 6px;
}.img {
}