#rotator { position: relative; background: none;  }
#rotator a { 	height:276px; width: 522px; display: block; position: absolute;  background: none; margin-top:35px; }


/*#pager { margin: -30px 6px 0 0; float: right; display: block; }*/

#page_cnt { padding-right:70px!important; width:200px; float:right;}

#pager { margin: -10px 6px 0 0;  display: block; }
#pager a { color: #fff; padding: 4px 7px; text-decoration: none; font-size: 11px; background: #c85800; margin: 0 7px 0 0; }
#pager a:hover, #pager a.activeSlide  { background: #251d1b; color: white; }

			
#callout  {

width:1050px;

margin:0 auto;

	
}

.blurb {
display:inline;
float:left;

margin-right:10px;
width:345px;	
}





#callout_cnt {
	
	background-image:url(../images/callout.png);
	background-repeat:repeat-x;
	width:100%;
	height:348px;
	text-align:left;
	
}


.leadin1 {

}

.rotate_cnt {
	width:200px;
	height:276px;
	display:inline;float:left;margin-left:10px;margin-right:10px
}


.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}





.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}





.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .;{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}



.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}html body div.clear,html body span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}







#service {
	background-image:url(../images/f_header.png);
	width:584px;
	height:55px;

	
	
}



#main_index {

	margin:0 0 0 34px;
	
}

#main_index p {

color:#999;
margin:3px 0 14px 0;
padding:0;
font-size:16px;
	
}

#main_index span {
	font-size:27px;
	
}




#srv_grid {
display:inline;float:left;margin-left:10px;margin-right:10px	;
	width:320px;
		margin:7px 0 0 7px;
}


#srv_grid table {


margin:7px 10px 0 70px;
	width:520px;

}


#srv_grid h1 {
color:#cc6600;
margin:0;
padding:0;
font-size:17px;
}

#srv_grid p {
color:#999;
margin:0;
padding:0;
}



.statement_cnt {
	display:inline;float:left;margin-left:10px;margin-right:10px;width:400px;
}


#statement p {
	color:#999;
margin:10px 0 0 50px;
padding:0;
width:300px;
font-size:17px;
}

.social_tbl {
padding:7px 0 0 20px;	
}



/* rollover */

#rollover {
    width: 293px; height: 46px;
 background: transparent url(../images/started.png) 1px -47px no-repeat;
    margin: 10px auto; padding: 0;
    position: relative;}
  #rollover li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #rollover li, #rollover a {
    height: 46px; display: block;}
	
	
  #btn1 {left: 0; width: 293px;}
 



  #btn1 a:hover {
      background: transparent url(	../images/started.png) 0 0 no-repeat; }
  #btn2 a:hover {
    background: transparent url(	../images/started.png) -96px -200px no-repeat;}



/*portfolio page */

/*#portfolio {
		background-image:url(../images/head_portfolio.png);
		background-repeat:no-repeat;
		background-color:#EDDEC3;
	width:1307px;
	height:200px;
		text-align:center;
	margin:0 auto;
}

#portfolio_cnt {
margin:0;
	margin:0 auto;
	height:200px;
	text-align:center;
}*/



#main_cnt {
	width:920px;
	margin:17px auto 30px auto;
padding-bottom:30px;

	color:#666;
	overflow:visible;
}



#portfolio_cnt {

	margin:0 auto;
	height:200px;
background-color:#EDDEC3;


}

#portfolio {
	width:1100px;
	margin:0 auto;
}

#cases {
	margin:20px auto 70px auto;
	height:700px;
	text-align:center;
	width:970px;
	font-size:14px;
	color:#666;
}

.ov {
	overflow:overflow;
	min-height:auto;
	height:720px;
	padding-left:22px;

}

.ov2 {
	border:1px solid #999;
		overflow:visible;
height: 640px;

}




#cases p {
	padding:0 27px 4px 7px;
}



.case_sm {
	width:240px;
	height:360px;
	text-align:left;
	float:left;
	display:block;
	
}


.case_sm img {
margin:0 auto;
text-align:center;
}



.port_body  {
	height:77px;
margin-left:13px;

}

.port_meta  {
	text-align:center;
	padding-bottom:17px!important;

}





/*.img {
	text-align:center!important;
}*/

.st_name {
	padding:13px 27px 0 20px!important;

	font-size:18px;
	height:39px;
	color:#663300;
	font-weight:normal;	
			font-family:Georgia, "Times New Roman", Times, serif!important;
}

.container_12 .grid_3 {
	
}


/*
#portfolio {
font-size:140px;
color:#ddd0bb;

}

#portfolio span {
font-size:20px;
margin:0 -70px 0 0;
}*/


/* portfolio detial website.php page */

#port_detail h5 {
	color:#663300;
	font-size:36px;
		font-weight:normal;
		font-family:Georgia, "Times New Roman", Times, serif!important;
}


#port_detail h6 {
	color:#ccc;
	font-size:12px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	width:350px;
	line-height:27px;
	font-weight:normal;
margin:0 40px 7px 0;
}

#port_detail h2 {
	color:#663300;
	font-size:20px;
	
}



#port_detail p {
	color:#111;
	font-size:12px;
	margin:0;

		width:350px;
}

.web_pager {
		padding-left:22px;
}

.caption {
	float:right;
}



.url {
	color:#333;
}

.long_desc {
	padding:7px 0 17px 0!important;	
}


/* default forms */


#ContForm li {
	margin: 5px;
	list-style:none;
	list-style-image:none;
	list-style-type:none;
}

#ContForm label {
	float: left;
	width: 127px;
}

#ContForm select {
	border: 1px solid #cac9b9;
	width:137px;	
	font-size:85%;
	padding-left:3px;
}

#ContForm input {
	border: 1px solid #cac9b9;
	width:220px;
}

#ContForm .red {
	border: 1px solid red;
}

#ContForm label.red {
	border: none;
	color: red;
}

#ContForm .customRed {
	border: none;
	color: red;
}


#validationMessage {
	padding: 5px;
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 10px;
	color: red;
	font-weight: bold;
	display: none;
}

#ContForm .errorMessage {
	color: red;
	margin-left: 10px;
	font-size: 0.8em;
}

#ContForm legend {
font-weight:bold;
padding:17px 0 7px 0;
	font-size: 1em;
}





/*services page  */

#service_cnt {
	
	width:1000px;
	color:#666;
	font-size:12px;
	margin:17px auto 17px auto;
padding:17px 0 17px 0;

height:170px;	
	
}

.service_blurb {
	width:200px;
	float:left;
	padding:0 12px 0 12px;
	
	
	
}


#service_cnt h2 {
	font-size:37px;
	color:#cc6600;
	margin:0;
	padding:0;
	
	
}

#service_cnt p {
	
margin:3px 0 7px 14px;
	
	
}



#service_cnt ul {
	
list-style:disc;
	margin:0 0 0 27px;
	
}



.spacer {
	margin:17px auto 0 auto;
	text-align:center;
}




.wide-nav { position: absolute; top: 377px; }
.wide-nav a { height: 48px; width: 48px; display: block; text-indent: -9999px; }
.wide-nav a:hover { background-position:bottom;}


#prev { left: 0; }
#next { right: 0; }
#prev.wide-nav a  { background-image: url('http://dev.designstudio.com/skins/default/images/left.png');  }
#next.wide-nav a  { background-image: url('http://dev.designstudio.com/skins/default/images/right.png'); }







#scroller {
	width: 519px;
	float: left;
	background-color: rgba(0,0,0,0.1);
	padding: 9px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px rgba(0,0,0,0.03);
}

#scroller .screenshot {
	width: 100%;
	height: 500px;
	overflow: hidden;
	position: relative;
}

#scroller .screenshot img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#scroller img {
	padding: 0;
	border: 0;
}

#scroller .screenshot.active {
	overflow:hidden;
	xdisplay: block;
}

#scroller ul {
	margin-top: 10px;
}

#scroller .thumbnail {
	width: 95px;
	height: 70px;
	margin: 3px 3px 0 10px;
	float: left;
	overflow: hidden;
}

#scroller .thumbnail img {
	width: 100%;
	opacity: 0.8;
}

#scroller .thumbnail a:hover img {
	opacity: 0.9;
}

#scroller .thumbnail:first-child {
	margin-left: 0 !important;
}

#scroller .thumbnail.active {
	border: 3px solid #7e9d48;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #000;
	margin: 0 0 0 10px;
}

#scroller .thumbnail.active img {
	opacity: 1;
}


	
/*#project-screenshots {
	width: 519px;
	float: left;
	background-color: rgba(0,0,0,0.1);
	padding: 9px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px rgba(0,0,0,0.03);
}*/


#project-screenshots {
	width: 519px;
	float: left;
	border:10px solid #ccc;
	padding:17px;

}


#project-screenshots .screenshot {
	width: 100%;
	height: 500px;
	overflow: hidden;
	position: relative;
}

#project-screenshots .screenshot img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#project-screenshots img {
	padding: 0;
	border: 0;
}

#project-screenshots .screenshot.active {
	xdisplay: block;
}

#project-screenshots ul {
	margin-top: 10px;
}

#project-screenshots .thumbnail {
	width: 95px;
	height: 70px;
	margin: 3px 3px 0 10px;
	float: left;
	overflow: hidden;
}

#project-screenshots .thumbnail img {
	width: 100%;
	opacity: 0.8;
}

#project-screenshots .thumbnail a:hover img {
	opacity: 0.9;
}

#project-screenshots .thumbnail:first-child {
	margin-left: 0 !important;
}

#project-screenshots .thumbnail.active {
	border: 3px solid #7e9d48;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #000;
	margin: 0 0 0 10px;
}

#project-screenshots .thumbnail.active img {
	opacity: 1;
}




.services-provided {
	width: 100%;
	float: left;
	padding-top: 10px !important;
}

.services-provided li {
	padding: .2em 1em .3em 1em;
	font-size: 1.15em;
	font-weight: bold;
	color: rgba(0,0,0,0.5);
	background-color: rgba(0,0,0,0.1);
	-webkit-border-radius: .9em;
	-moz-border-radius: .9em;
	border-radius: .9em;
	float: left;
	margin-right: 10px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 20px !important;
	margin-bottom: 10px;
}

.services-provided li:last-child {
	margin-right: 0;
}



/*tempoarary drop down code for menyu.xml and test-menu.xml */