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


/* NAVIGATION */
body#home #nav ul li#home a{background-position:0 30px;}
body#work #nav ul li#work a{background-position:0 30px;}
body#services #nav ul li#services a{background-position:0 30px;}
body#about #nav ul li#about a{background-position:0 30px;}
body#contact #nav ul li#contact a{background-position:0 30px;}


/* SITE MESSAGE ****/
#site-message{  width:860px; height:87px; margin-bottom:20px; background-color:#990033;}
body#home #site-message {background-image:url(../images/beautiful-and-simple2.png);}
body#work #site-message { background-image:url(../images/proud.png);}
body#services #site-message {background-image:url(../images/how-can-we-help-you.png);}
body#about #site-message {background-image:url(../images/about.png);}
body#contact #site-message { background-image:url(../images/contact-message.png);}



h1, h2, h3, h4, h5, h6 { color: #990000;}
h1{}
h2{ color:#900;
font-size:18px;
font-weight:bold;
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px dotted #CCC;
line-height:18px;
margin-bottom:15px;
}
h3{}
p{ margin-bottom: 20px; font-size:14px; line-height:1.67;}
a {text-decoration: none; color: #0f72b4; outline:none;}
a:hover { text-decoration:none; color:#900;}
a.more { font-weight: bold;}

p img{margin:0;}

ul, li{ margin:0; padding:0;}

body{ background-image: url(../images/bckgrnd.png); background-color:#142e53; background-repeat:repeat-x; text-align:left; color:#333333; font-size:14px; font-family: Helvetica, Verdana, Arial, sans-serif; padding:0; margin:0;}

#container{
	margin: 0 auto;
	width:900px;
}

/* HEADER -------------------------------------------------------------------------*/
#header{ width:900px; height:120px;}
#header #logo{ float:left; width: 333px; height:120px; background-image:url(../images/logo.png); background-position:left; background-repeat:no-repeat;}
#header #logo a{display:block; width:333px; height:120px; float:left;}

/* CONTENT -------------------------------------------------------------------------*/
#content{ float:left; margin-bottom:15px;}
#content #content-top{float: left; background-image:url(../images/content_top.png); background-position:left; background-repeat:no-repeat; height:20px; width:900px;}
#content #content-bottom{float:left; background-image:url(../images/content_bottom.png); background-position:left; background-repeat:no-repeat; height:20px; width:900px;}

#content #content-center{float: left; background-image: url(../images/content_center.png); background-repeat:repeat-y; padding:0; width:900px; }

#content-center-inner{ padding: 0 20px;}

#content-center #left{ width:540px; float:left; margin-right: 20px;}

/*RIGHT ********/
#content-center #right{ float:right; width:300px;}
body#home #right{text-align:left; font-size:20px;}
 
 #right,
 #right p{ font-size: 12px;}

#contact #content-center #right{ width:540px; float:right;}
#contact #content-center #left {  float:left; width:280px;}
 

.widget{
clear:both;
float:left;
margin-bottom:40px;
width:300px;
}

.widget h1{background-position:left; background-repeat:no-repeat; height:0; padding-top:18px; display:block; width:280px; font-size:1px; overflow:hidden; margin-bottom:15px;}

#w-work h1{background-image:url(../images/our-recent-work.png); }
#w-testimonials h1{background-image:url(../images/from-our-clients.png);}
#w-contact h1{background-image: url(../images/contact_us.png);}  


h2.client-title{font-size:18px; margin-bottom:5px; font-weight:bold; }
h3.involvement{color:#333333; font-weight:bold; font-size:14px; margin-bottom:5px;} 
.link{padding:8px 0; font-size:11px; text-align:center;}

.image-container{ width:282px; padding: 8px 8px 0; background-color:#F0F0F0; border:1px solid #ccc; margin-bottom:20px;

	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px; }

.image-container:hover{ background-color:#ddd;}
.image-container img{ border:1px solid #ddd; width: 280px; }

/* NAVIGATION -------------------------------------------------------------------------*/
#nav{  
	margin-top:77px;
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#nav a {
	display:block;
}
#nav ul{ 
	list-style-type:none; 
	height:30px; 
	float: left; 
	margin: 0;
	padding: 0;
}
#nav ul li { float: left; height:30px;  }
#nav ul li a {
	background-position:0 0;
	display:block;
	float:left;
	height:0;
	overflow:hidden;
	padding-top:30px;
	margin-right:10px;
}

#nav ul li#home a{ background-image:url(../images/nav_home.png); width: 72px;}
#nav ul li#services a{ background-image:url(../images/nav_services.png); width:96px;}
#nav ul li#work a{ background-image:url(../images/nav_work.png); width:66px;}
#nav ul li#about a{ background-image:url(../images/nav_about.png);  width: 74px;}
#nav ul li#contact a{ background-image:url(../images/nav_contact.png); width: 90px;}

#nav ul li a:hover{ background-position:0 30px;}



/* FOOTER  -------------------------------------------------------------------------*/
#footer {width:900px; text-align:center; color:#666666;} 
#footer ul{ list-style:none; width:400px;}
#footer li{float:left; padding:10px;}
#footer-nav{float:left; margin:auto;  width:880px;}
#copyright{font-size: 11px;}
#footer #footer-top{float: left; background-image:url(../images/content_top.png); background-position:left; background-repeat:no-repeat; height:20px; width:900px;}
#footer #footer-center{float: left; background-image: url(../images/content_center.png); background-repeat:repeat-y; padding:5px 20px; }




/* HOMEPAGE *********/

#h-site-msg{ }
#h-site-msg h1{ color:#003366; font-size:19px; line-height:1.67; margin-bottom:20px; }


#open-source{ margin-top: 40px;}
#open-source h1{ font-size:18px !important;
font-weight:bold;
margin-bottom:10px; text-align:left; border-bottom:1px dotted #CCCCCC;} 

#open-source ul{
	list-style:none;}

#open-source li{ float:left; height:50px; margin:0 0 10px 10px;  }

#mt,
#wp,
#magento,
#drupal{ 
	background-image:url(../images/os.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:44px;
	text-indent:-999em;
	width:202px;}
	
#magento{ background-position:0 -44px; height:49px;}	
#mt{ background-position:0 -93px; height:38px; margin-top:5px;}
#drupal{ background-position:0 -131px;}


/* CONTACT *********/
.contact-box { margin-bottom:20px;}
.contact-box h2.newyork{ background-image:url(../images/newyork.png); background-position:top left; background-repeat:no-repeat; height:0; padding-top:15px; font-size:1px; line-height:15px; overflow:hidden; margin-bottom:5px;}
.contact-box h2.istanbul{background-image:url(../images/istanbul.png); background-position:top left; background-repeat:no-repeat; height:0; padding-top:15px; font-size:1px; line-height:15px; overflow:hidden; margin-bottom:5px;}
.contact-box .mail{ background-image:url(../images/mail.png); background-position:left top; background-repeat:no-repeat; width:280px; height:20px; padding-left:40px; font-size:14px;}
.contact-box .phone{ background-image:url(../images/phone.png); background-position:left top; background-repeat:no-repeat; width:280px; height:20px; margin-bottom:5px; padding-left:40px;  font-size:14px;}


#inputArea
{
	width:539px;
}
#inputArea label
{
		font-size: 90%;
} 
#inputArea input, #inputArea textarea
{
	font-size:100%;
	margin-bottom: 10px;
	display: block;
	padding: 4px;
	width: 529px;
	margin-top:0;
}
#inputArea textarea { height:100px;}

.activeField
{
	background-image: none;
	background-color: #ffffff;
	border: solid 1px #33677F;
}

.idle
{
	border: solid 1px #85b1de;
	background-image: url(../images/blue_bg.png);
	background-repeat: repeat-x;
	background-position: top;
}

input#submit{background-image:url(../images/button_send.png); background-repeat:no-repeat; background-position:0 0; width:128px; height:38px; border:none;}


.msg { 
margin:0 0 10px;
width:539px;
}

.msg-error { 
background-color:#FFFF99;
background-image:url(../images/icon_error.png);
border:1px solid #FF9900;
}


.msg-info {
background-color:#FFFFFF;
background-image:url(../images/icon_info.gif);
}
.msg-alert {
background-color:#FFFF99;
background-image:url(../images/icon_alert.png);
border: 1px solid #FF9900;
}

.msg-success { 
background-color:#CCFFCC;
background-image:url(../images/icon_success.png);
background-position:20px 5px;
background-repeat:no-repeat;
border:1px solid #006600;
padding:8px 60px;
}


.testimonial-box p{font-style:italic;}
p.from-client{font-style:normal; font-weight:bold;}


/* SERVICES ****/
.testimonial-box{ border-bottom:1px dotted #CCCCCC;
margin-bottom:20px;
padding-bottom:0;}


#last-box{ border:none; margin:0; padding:0;}
.D_quot {
background-image: url(../images/quote1.gif);
/* color:#999999;
font-family:georgia,serif;
font-size:3em;
line-height:0.15em;
*/
height:0;
padding-top:18px;
width:18px;
vertical-align:bottom;
margin-right:5px;
float:left;
overflow:hidden;
background-position: 0 -5px;
}
span#quot2{ background-image:url(../images/quote2.gif); display:none;}
 


span.social-images{ display:block; text-align:center; float:right; width:140px; padding-left:10px; }


/* WORK ****/
.rc{
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px; }
	
.work-photo{width: 540px; float:left; }
.work-photo a{ text-align:center;}
.work-photo img{ 
	background-color:#EEEEEE;
	border-bottom:1px solid #DDDDDD;
	padding:5px;
	width:530px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
    -moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;  }
	
.work-photo .work-image{ margin-bottom:15px;}

.work-name{ display:none;}
 


#work #left{ position:relative;}

#prevnext{ position: absolute; top:0; right:0; width:40px;}

#next,
#prev{ float:left;}

#next {
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: transparent url(../images/next.png) no-repeat 0 0;
}
 
#prev {
	margin-right:4px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: transparent url(../images/prev.png) no-repeat 0 0;
}


#carousel-work{ 
border:1px solid #ddd; 
background-image:url(../images/featured-bottom.gif);
background-position:bottom left;
background-repeat:repeat-x;}

.work-info{float:left; padding:0 20px 15px;}
.work-row{ float:left; width:100%; margin-bottom:5px;}
.work-title{ border-right:1px dotted #CCCCCC;
display:inline;
float:left;
font-weight:bold;
width:134px; }
.work-desc{float:left;
margin-left:10px;
width:340px;} 



#fc-nav{
	float:left;
	display:none;
	clear:both;
	width:300px;
}

#fc-nav ul{
	list-style:none;
	width:300px;
	float:left;

}

#fc-nav li{
	cursor:pointer;
	position:relative;
	width:145px;
	margin-right:10px;
	margin-bottom:15px;
	display:block;
	float:left;
}

#fc-nav img{ 
	border:1px solid #ddd;
	background-color:#eee;
	width: 139px;
	padding:2px; }
	
#fc-nav a{
	background-color:#333333;
	background-color:rgba(0, 0, 0, 0.7);
	bottom:3px;
	color:#FFFFFF;
	font-size:10px;
	height:auto;
	left:3px;
	letter-spacing:1px;
	padding:5px;
	position:absolute; 
	width:139px;}


#header #logo { 
  background-image: url(../images/sprite.png);
  background-position: -10px -10px;
} 

#content #content-top { 
  background-image: url(../images/sprite.png);
  background-position: -10px -150px;
}

#footer #footer-top {
  background-image: url(../images/sprite.png);
  background-position: -10px -150px;
}
#content #content-bottom {
  background-image: url(../images/sprite.png);
  background-position: -10px -190px;
}
#w-testimonials h1 {
  background-image: url(../images/sprite.png);
  background-position: -10px -230px;
}