@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #565656;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-image: url(images/09/header-bg.gif);
	background-position: left top;
}
@font-face {  
	  font-family: "AvantGarde LT Medium";  
	  src: url( /ITCAvantGardeGothicLTMedium.ttf ) format("truetype");  
}  	 
#services a.more, #services a.more:link, #services a.more:visited {
	text-decoration: none;
	color: #450046;
	font-size: 16px;
	font-family: "AvantGarde LT Medium", Arial, Verdana;
	font-weight: normal;
}
a.more, a.more:link, a.more:visited {
	text-decoration: none;
	color: #ec8e1e !important;
	font-size: 16px;
	font-family: "AvantGarde LT Medium", Arial, Verdana;
	font-weight: normal;
}
a.more:hover {
	text-decoration: none;
	color: #450046;
}
a, a:link, a:visited {
	text-decoration: none;
	color: #EC8E1E;
}
a:hover {
	text-decoration: none;
	color: #222222;
}
/*
** HTML elements
*/
form {
	padding: 0;
	margin: 0;
}
img {
	border: 0;
}
h1 {
	letter-spacing: -2px;
	font-size:40px;
	font-weight: normal;
	color: #450046;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	font-family: "AvantGarde LT Medium", Arial, Verdana;
}
h2 {
	letter-spacing: -1px;
	font-size:24px;
	font-weight: normal;
	color: #450046;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
	font-family: "AvantGarde LT Medium", Arial, Verdana;
}
h2 a strong {
	font-weight: normal;
	color: #450046;
}
#social h3 {
	font-size:29px;
}
h3 {
	letter-spacing: -1px;
	font-size:22px;
	font-weight: normal;
	color: #f5b230;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
	font-family: "AvantGarde LT Medium", Arial, Verdana;
}
p {
	margin-top: 0px;
	margin-bottom: 14px;
}
/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear-block {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clear-block {
	height: 1%;
}
.clear-block {
	display: block;
}
.clear-block {
	margin: 0px;
	padding: 0px;
	clear: both;
}
.container {
	width: 975px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	height: 122px;
}
#logo {
	float: left;
	padding-top: 22px;
}


#header #nav {
	margin: 0px;
	float: right;
	list-style-type: none;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#header #nav td{
	display: block;
	float: left;
	color: #FFFFFF;
	margin-left: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 15px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	text-transform: uppercase;
}
#header #nav td:hover, #header  #nav td.current {
	color: #ec8e1e;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
	background-image: url(images/09/nav-over.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#main {
	padding-top: 20px;
	padding-bottom: 45px;
	min-height:300px;

 height:expression(  this.scrollHeight < 300? "300px" : "auto" );
}
#main #top{
	height: 410px;
        overflow: hidden;
}
#main #feature {
	float: left;
	width: 690px;
}
#main #intro {
	float: right;
	width: 260px;
	padding-right: 10px;
}
ul#main-feature, ul#sub-feature-1, ul#sub-feature-2, ul.design-portfolio{
	list-style-type:none;
	margin:0;
	padding:0;
}
#feature #main-feature {
	float: left;
	padding-right: 10px;
	height: 390px;
	width: 460px;
	overflow: hidden;
}
#feature #sub-features {
	float: left;
	height: 390px;
}
#feature #sub-features #sub-feature-1 {
	padding-bottom: 10px;
}
#feature #sub-features #sub-feature-1, #feature #sub-features #sub-feature-2 {
	overflow: hidden;
	height: 190px;
	width: 220px;
}
#main #subnav, ul#filter  {
	background-color: #000;
	width: 964px;
}
#subnav td {
	display: block;
	float: left;
	font-family: "AvantGarde LT Medium", Arial, Verdana;
	font-size: 17px;
	color: #FFFFFF;
	background-image: url(images/09/pointer.gif);
	background-repeat: no-repeat;
	padding-top: 9px;
	padding-right: 22px;
	padding-bottom: 9px;
	padding-left: 25px;
	background-position: 12px center;
}
ul#filter li {
	display: block;
	float: left;
	font-family: "AvantGarde LT Medium", Arial, Verdana;
	font-size: 17px;
	color: #FFFFFF;
}
#subnav td:hover, #subnav td.current, ul#filter li.current a, ul#filter li a:hover{
	color: #FFFFFF;
	background-image: url(images/09/pointer-ov.gif);
	background-repeat: no-repeat;
	background-color: #EC8E1E;
}
#main #quotes {
	padding-bottom: 22px;
}
#main #services .service {
	float: left;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
	width: 48%;
	padding-top: 15px;
	line-height: 19px;
}
#services img {
	float: left;
	margin-right: 15px;
	border: 5px solid #E5E5E5;
}
#services #serviclist {
	width: 240px;
	margin-left: 220px;
}
#social {
	background-image: url(images/09/footer-bg.gif);
	background-repeat: repeat-x;
	background-color: #240828;
	padding-top: 37px;
	padding-bottom: 20px;
	line-height: 19px;
	color: #FFFFFF;
}
#social #buzz .post-title a {
	font-size: 18px;
}
#social #buzz  a {
	color: #69546C;
}
#social #twitter {
	background-image: url(images/09/artshak-house.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 20px;
	min-height:280px;
	overflow:hidden;

 height:expression(  this.scrollHeight < 280? "280px" : "auto" );
}
#social #twitter a.more {
        margin-top: 25px;
        clear: all;
        display: block;

}
#tweets ul.tweetList {
	margin:0px;
	padding:0px;
}
#tweets li {
	font-size:13px;
	margin-left:0px;
	margin-top:8px;
	list-style-type:none;
}
#tweets .hash, #tweets .reply, #tweets a:link, #tweets a:active, #tweets a:visited { 
	color:#69546C; 
} 
#tweets a:hover { text-decoration:none; color:#ec8e1e;}

#social .clm {
	float: left;
	width: 48%;
}
#social #buzz h3 a.title, #social h3 a.title {
color:#EC8E1E !important;
}
#social h3 a.title:hover {
color:#EC8E1E !important;
}
#footer {
	background-color: #000;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #FFFFFF;
}
#mainfooter td{
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 0px;
	background-position: 12px center;
	text-transform: uppercase;
}
#mainfooter td:hover, #mainfooter td.current, #subfooter a:hover  {
	color: #919191 !important;
}
#subfooter a, #subfooter a:active, #subfooter a:link, #subfooter a:visited {
	color: #FFFFFF;
	padding-right: 12px;
}
#main #portfolio-intro {
	padding-top: 20px;
}
#portfolio-intro .portfolio-item {
	float: left;
	width: 305px;
	margin-right: 20px;
}
#portfolio-intro .portfolio-item-box:hover {
	background-color: #F9F9F9;
}

#portfolio-intro .portfolio-item-box img {
	padding-bottom: 8px;
}


#portfolio-intro .portfolio-item-box {
	border: 1px solid #E7E7E7;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 12px;
	padding-left: 8px;
}
pre{
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
}
#ezicontainer{
	margin:0;
	margin-top:10px !important;
	position:relative;
	text-align:left;
	width:942px;
	background:#fff;
        border: 1px solid #E5E5E5;
        padding: 10px;
}	
#ezicontent{
	position:relative;
}			

/* Easy Slider */

#slider{	
}	
#slider ul, #slider li, #slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider2 ul {
	padding-top: 10px;
}
#slider li{
	/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
	*/ 
        width:934px;
        height:410px;
	overflow:hidden;
}	
p#controls, p#controls2{
	margin:0;
	position:relative;
} 
#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
	display:block;
        margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:33px;
	height:77px;
	position:absolute;
	left:-39px;
	top:-240px;
}	
#nextBtn, #nextBtn2{ 
	left:948px;
}	
#nextBtn2, #prevBtn2{ 
		top:-190px;			
}											
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
	display:block;
	width:33px;
	height:55px;
	background:url(images/09/btn_prev.gif) no-repeat 0 0;	
}	
#nextBtn a, #nextBtn2 a{ 
	background:url(images/09/btn_next.gif) no-repeat 0 0;	
}												

/* // Easy Slider */


ul#filter { float: left; list-style: none; margin: 0; padding: 0; }
ul#filter li a { display: block;
	padding-top: 9px;
	padding-right: 22px;
	padding-bottom: 9px;
	padding-left: 25px; 
	background-image: url(images/09/pointer.gif);
	background-repeat: no-repeat;
	background-position: 12px center;
        color: #fff;
}

ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }

ul#portfolio { float: left; list-style: none; margin: 0; padding: 0; width: 100%; padding-top: 10px !important; }
ul#portfolio li { 
	border: 1px solid #dedede; 
	float: left ; 
        height: 175px;
	margin: 0 10px 25px 0; 
	padding: 9px;
	width: 213px;
}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: 1px solid #dedede; display: block; margin-bottom: 8px; }

#main .design-item {
	padding: 8px;
	border: 1px solid #dedede; 
        margin-top:10px;
        margin-bottom:10px;
	width: 946px;
}
#main .design-item .images {
	float: left;
	width: 407px;
	margin-right: 20px;
}
#main .design-item .description {
	float: right;
	width: 510px;
}
#main .design-item .description h3 {
	font-size: 18px;
}
#main .design-item .description h2 {
	margin: 0px;
}
#main .design-item .description strong {
	color: #450046;
}
#main .design-item .description ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
}
#main .profile {
        width: 47%;
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;
        height: 155px;
        overflow: hidden;
        padding: 4px;
	border: 1px solid #dedede; 
}
#main .profile strong.click {
        margin-top: 5px;
        display: block;
}
#main #contact {
        padding: 8px;
	border: 1px solid #dedede; 
}
#main #contact .cat_textbox, #main #contact .cat_listbox {
        padding: 4px;
	border: 1px solid #dedede; 
        width: 260px;
}
#main #contact #CaptchaV2 {
        padding: 4px;
	border: 1px solid #dedede; 
        width: 152px !important;
        margin-top: 3px;
}


#main #contact .cat_textbox:focus, #main #contact .cat_textbox:hover, #main #contact #CaptchaV2:hover, #main #contact #CaptchaV2:focus, #main #contact .cat_listbox:hover, #main #contact .cat_listbox:focus {
	background-color: #FAFAFA;
	border: 1px solid #450046; 
}
#blog #blognav ul {
        margin-top: 0px;
}
#blog #blognav h2{
        margin-bottom: 0px;
}