@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,600);

*:focus{outline:none;}
::-moz-selection {background-color: #f07128; color: #fff;}
::selection {background-color: #f07128; color: #fff;} /* Works in Safari */ 

html, body{width:100%; height:100%; margin:0px; padding:0px;}
body{font-family: 'Titillium Web', sans-serif; color:#878787; font-size:14px; line-height:20px;}

h1, h2, h3, p, ul{ margin:0px; padding:0px;}
h1{color:#9e904f; font-size:18px;  font-weight:700; margin-bottom:10px; }
h2{color:#9e904f; font-size:19px; padding-bottom:10px;  font-weight:400;}
h2 span{ display:block; color:#878787; font-size:16px;}
p{ padding:0px 0px 20px 0px; text-align:left;}


._txtF, ._txtA{font-family: 'Titillium Web', sans-serif; border:0px; color:#878787; padding:8px 8px 8px 12px; width:100%; font-size:12px; border:1px solid #e1e1e1; border-radius:20px; float:left; margin:0px 10px 10px 0px; width:250px;}
._txtA{ width:530px; height:150px; padding-top:10px;}
._txtF:focus, ._txtA:focus{ background-color:#f9f9f9; border:1px solid #f0f0f0;}

._cta{ font-size:11px; font-weight:700; color:#878787; text-decoration:none; text-transform:uppercase; display:block; border:1px solid #e1e1e1; float:left; padding:8px 30px 8px 30px; border-radius:20px;}
._cta:hover{color:#9e904f}

#main{width:100%; height:100%;}
.container{ width:980px; padding:0px 10px 0px 10px; margin:0 auto;}


#topbar{ width:100%; height:86px; overflow:hidden;}
#logo{ width:104px; height:73px; margin:6px 0px 0px 0px; float:left;}


#navigation{float:right; margin:34px 0px 0px 0px;}
#navigation a{color:#848688; text-decoration:none; margin-left:50px; font-size:12px; text-transform:uppercase; font-weight:600;}
#navigation a:hover,
#navigation a.current{color:#9e904f;}


#header, #header_inner{min-height:500px; overflow:hidden; border-bottom:4px solid #9e904f;}
#header_inner{min-height:280px; position:relative;}
#header_inner img{ position:absolute; left:50%; top:0px; margin-left:-960px; z-index:-1;}

#header, #header_inner_contact{min-height:500px; overflow:hidden; border-bottom:4px solid #9e904f;}
#header_inner_contact{min-height:280px; position:relative;}

#tagline{ padding:30px 0px 20px 0px; border-bottom:1px solid #e1e1e1; text-align:center;}

#content{ margin:40px 0px 40px 0px;}
#content_left{ float:left; width:570px; min-height:250px;}
#content_right{ float:right; width:230px;}
#content_left ul{margin:0px 0px 0px 18px;}
#content_left ul li{ padding-bottom:10px;}


#footer{padding:10px 5px 10px 5px; border-top:1px solid #e1e1e1;}
#footer_left{float:left; font-size:12px; padding-top:6px;}
#footer_right{float:right;}

.clear{ clear:both;}
.hide{ display:none; }


.dubaifreelancedesigner{ background:url(../images/dubaifreelancedesigner.png) no-repeat; background-position:right top; width:55px; height:21px;  display:block; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s; font-size:11px !important; text-align:left; margin:5px 0px; text-decoration:none; font-weight:700; color:#878787}
.dubaifreelancedesigner:hover{ background-position:right bottom; text-decoration:none !important;}





@media screen and (min-width:768px) and (max-width:960px){}
/*smart tablets devices*/
@media screen and (min-width:481px) and (max-width:768px){}
/*smart phone devices*/
@media screen and (min-width:320px) and (max-width:480px){}