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

* {
	border:0 none;
	margin:0;
	padding:0;
}
body {
	background-attachment: fixed;
	background-color: transparent;
	background-image: url(../images/brick.jpg);
	background-repeat: repeat;
	background-position: left 0;

}
body {
	font-family:"Lucida Grande",Arial,Helvetica,sans-serif;
	font-size:14px;
	line-height:140%;
	background-color: #FFFFFF;
	color:#767676
}
a{
	color: #f76b22;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
p {
	padding:6px 0 12px;

}
hr {
	display:none;
}
h2{
	color:#141414;
	font-family:Arial,Helvetica,"Lucida Grande",Verdana,sans-serif;
	font-size:18px;
	font-weight:bold;
	margin:30px 0 15px;
	text-transform:uppercase;
}
#container {
	width:985px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: transparent;
	background-image: url(../images/ivy.png);
	background-repeat: no-repeat;
	background-position: right top;
}


* html #container{
	background-image: url(../images/ivy.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#header{
	float: left;
	height: 233px;
	width: 859px;
	background:transparent url(../images/header.png) no-repeat scroll left top;
	padding-left: 46px;
}
* html #header{
	background: url(../images/header.gif) no-repeat scroll left top;
}
#logo  {
	float:left;
	height:67px;
	width:403px;
	background-repeat: no-repeat;
	background-image: url(../images/logo.gif);
	margin-top: 29px;
	margin-bottom: 1px;
	text-indent:-9999px;
	display: block;
	background-position: left;

}
#mainNav{
	float: left;
}

#content{
	float: left;
	width: 859px;
	background:transparent url(../images/content.png) repeat-y;
	padding-bottom: 40px;
}
* html #content{
	background: url(../images/content.gif) repeat-y;
}

#wrapper{
	clear:both;
	width:100%;
	background-attachment: fixed;
	background-image: url(../images/brick_top.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
/* Icons************************************************************/
ol{
	margin-top: 14px;
}
.icons li{
	line-height:19px;
	padding:4px 0 9px 38px;
	margin:6px 0 0 0;
	border-bottom:1px solid #C6C6C5;
	display: block;
}

.flickr{
	background-image: url(../images/icons/flickr.gif);
	background-repeat: no-repeat;
}
.IMDB{
	background-image: url(../images/icons/imdb.gif);
	background-repeat: no-repeat;
}
.linkedIn{
	background-image: url(../images/icons/linkedin.gif);
	background-repeat: no-repeat;
}
.facebook{
	background-image: url(../images/icons/facebook.gif);
	background-repeat: no-repeat;
}
.ps{
	background-image: url(../images/icons/ps.gif);
	background-repeat: no-repeat;
}
.dw{
	background-image: url(../images/icons/dw.gif);
	background-repeat: no-repeat;
}
.fl{
	background-image: url(../images/icons/fl.gif);
	background-repeat: no-repeat;
}
.ai{
	background-image: url(../images/icons/ai.gif);
	background-repeat: no-repeat;
}
.br{
	background-image: url(../images/icons/br.gif);
	background-repeat: no-repeat;
}
.pr{
	background-image: url(../images/icons/pr.gif);
	background-repeat: no-repeat;
}
.ae{
	background-image: url(../images/icons/ae.gif);
	background-repeat: no-repeat;
}
.en{
	background-image: url(../images/icons/en.gif);
	background-repeat: no-repeat;
}
.fw{
	background-image: url(../images/icons/fw.gif);
	background-repeat: no-repeat;
}

.cerified{
	margin-top: 19px;
}
/* Icons End*/


/* Content Home************************************************************/
#mainContent{
	float: left;
	width: 784px;
	background-repeat: repeat-y;
	padding-left: 75px;
}

.column-one {
	float:left;
	margin-right:67px;
	width:410px;
}
.column-two {
	float:left;
	margin-left:0px;
	width:233px;
}
.clients li{
	line-height:16px;
	padding:4px 0 8px 25px;
	margin:6px 0 0 0;
	background:url(../images/list_btn.gif) no-repeat;
	border-bottom:1px solid #C6C6C5;
	display: block;
}


/* Content Home end */

/* Web Content ***********************************************************/

.webContent {
	display:inline;
	float:left;
	height:210px;
	width:710px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/web_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0px;
}
.webContent p {
	color:#7A6F6B;
	cursor:default;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:17px;
	width:90%;
	display: block;
	height: 70px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
.imageWrapper {
	float:left;
	margin:5px 0 0 5px;
}
.webDetails {
	float:right;
	padding-top:25px;
	width:275px;
}
.webDetails h3 {
	color:#FE8015;
	cursor:default;
	font-size:15px;
	font-weight:bold;
	text-transform: uppercase;
}
.web_view a{
	background-color: transparent;
	background-image: url(../images/view.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	float: left;
	height: 22px;
	width: 104px;
}

.web_view a:hover {
    background-position:0 -22px;  
}
.web_visit a{
	background-color: transparent;
	background-image: url(../images/visit.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	float: left;
	height: 22px;
	width: 104px;
	margin-left: 14px;
}

.web_visit a:hover {
    background-position:0 -22px;  
}	
.my_part{
	display: block;
	padding-top: 8px;
}

/* Web Content end ***********************************************************/

/* About***********************************************************/
.align_left{
	float:left;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0;
}



/* Artwork ***********************************************************/
ul.gallery {
	 list-style: none;
	 margin: 0 0 10px 0;
}

 ul.gallery li {
	display: block;
	float: left;
	margin-top: 0;
	margin-right: 14px;
	margin-bottom: 14px;
	margin-left: 0;
 }

 ul.gallery li a {
	background-image: url(../images/artwork.gif);
	background-repeat: no-repeat;
	height: 121px;
	width: 161px;
	display: block;
	border: 1px solid #b7b7b6;
	line-height: 0;
	padding-top: 4px;
	padding-left: 4px;
 }

 ul.gallery li a:hover {
	border: 1px solid #f76b22;	
 }
 
 /*Form ***********************************************************/
 
div.contact_form form,
div.contact_form table,
div.contact_form td,
div.contact_form th    { margin: 0px; padding: 0px; }

div.contact_form table { border-collapse: collapse; }
div.contact_form th    { padding: 0px 10px 6px 0px; vertical-align: top; text-align: left; }
div.contact_form td    { padding: 0px  0px 6px 0px; }

div.contact_form {
	font-family:"Lucida Grande",Arial,Helvetica,sans-serif;
	font-size:14px;
	line-height:120%;
	padding-top: 10px;
}

div.contact_form em
{
	font-style:  normal;
	color: #FF0000;
}

div.contact_form em.error, div.contact_form form em
{
  color: #FF0000;
}

div.contact_form div.error { margin-bottom: 15px; }


/* ***** Graphics *********************************************************** */

div.contact_form input, div.contact_form textarea
{
  border:     none;
  background: none;
  margin:  0px;
  padding: 0px;
}

div.contact_form input.submit
{
  width:  70px;
  height: 24px;
  background: white url(../images/form_button_submit.png);
}
div.contact_form input.submit a:hover {
	background-position:0 -22px;
}
div.contact_form div.input
{
	float: left;
	line-height: 1px;
	background-color: #999999;
    float: left;
    background: white no-repeat url(../images/form_input.png);
    line-height: 1px;
}

div.contact_form div.input input,
div.contact_form div.input textarea
{
	padding: 1px 1px 1px 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c0bebe;
	border-right-color: #dcdada;
	border-bottom-color: #dcdada;
	border-left-color: #c0bebe;
}

/* Form End ***********************************************************/


/* Footer ***********************************************************/
#footer {
	background:transparent url(../images/footer.png) no-repeat scroll left top;
	clear: both;
	height: 200px;
	width: 859px;
}
* html #footer{
	background: url(../images/footer.gif) no-repeat scroll left top;
}	
 div#footer div{
	 height:200px;
	 width:859px;
	 margin:0 auto;
	background:url(images/footer.jpg) 0 0 no-repeat;
 }

 div#footer div p#copy{
	float:left;
	display:inline;
	margin:74px 0 0 75px;
	font-size: 13px;
	color: #dbdada;
 }
 div#footer div p#valid{
	float:left;
	display:inline;
	margin:75px 0 0 346px;
 }
 div#footer div p#valid a{
	 border:0;
	 font-weight:bold;
 }
div#footer div p#valid a:hover{
	text-decoration:underline;
	color: #FFFFFF;
}
div#footer div p#valid a {
	border:0 none;
	font-weight:bold;
	text-decoration:none;
	
}
/* Footer end ***********************************************************/