@charset "UTF-8";
/******************/
/***SANDPIXEL.AE***/
/*www.sandpixel.ae*/
/** CSS Document **/
/******************/

.yellow{color:#F8A916;}
.desc{font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color:#000000; color:#000000; line-height: 20px; font-style: italic;}
.centreyellow{color:#F8A916; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
.centreorange{color:#E1571D; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
.newstext {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#CCCCCC; line-height: 18px;}
.newsorange{color: #E1561C;}
.newsyellow{color:#F8A916;}
.bold{font-weight: bold;}
.h1{color: #F8A916; font-size: 16px; font-family:Arial, Helvetica, sans-serif; font-weight: bold;}
.arial{font-family:Arial, Helvetica, sans-serif; font-size: 11px;}

body{color: #CCCCCC; font-family: Arial, Helvetica, sans-serif;font-size: 12px;margin: 0px;background-color:#000000; background-image:url(../images/sandpixel_abu_dhabi.jpg);background-repeat: no-repeat;background-position: top center; }
a img{ border: none;}

#headercontainer{width: 890px; height: 250px;overflow: auto; margin: 0 auto; padding-top: 3px;}
#centrecontainer{width: 100%; overflow: auto; margin: 0 auto; padding-top: 3px; z-index: 1;}

/*HEADER*/
#header{width: 890px; margin: 0 auto;}
#header a, #header a:visited {color: #F8A916; text-decoration: none;}
#header a:hover{color: #F8A916; text-decoration: underline;}
#headerleft{padding-left: 70px; width: 200px; float: left; margin-top: 10px;}
#headerright{width: 420px; float: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; margin-top: 3px;}
#headerlist li{width: 350px;display: inline;list-style-type: none;padding-left: 10px;}
#headerrightbelow{margin-top: 20px;width: 385px; float: right;}

/*NEW NAV*/
#navcontainer ul{text-align: center;padding-bottom: 5px;padding-top: 5px;padding-left: 0;margin-top: 0;/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;color: white;width: 100%;font-family: Arial,Helvetica,sans-serif;line-height: 18px;/* fixes Firefox 0.9.3 */}
#navcontainer ul li{display: inline;padding-left: 0;padding-right: 0;padding-bottom: 5px;/* matches link padding except for left and right */padding-top: 5px;}
#navcontainer ul li a{padding-left: 20px;padding-right: 20px;font-size: 22px;font-family:Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 1px;padding-bottom: 5px;padding-top: 5px;color: white;text-decoration: none;}
#navcontainer ul li a:hover{color: #F8A916;}
#navcontainer #active { color:#F8A916; }

/*NEWS*/
#standardcontainer{width: 890px; border-top: 1px solid #65460E;margin: 0 auto; padding-top: 10px; overflow: auto; padding-bottom: 15px; border-bottom: 1px solid #65460E; overflow: auto;}
.newsarticle{width: 600px; padding-bottom: 10px;padding-top: 15px; color:#CCCCCC; padding-left: 25px; overflow:auto; border-bottom: 1px solid #996600; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; float: left;}
.newsarticle a, .newsarticle a:visited {color: #F8A916; text-decoration: none; font-weight: bold;}
.newsarticle a:hover{text-decoration: underline;}
.newsheading{font-size: 14px; color: #F8A916; font-weight: bold;}
.newsimg{clear:both;margin: 0px 15px 10px 0px; width: 150px; height: 110px;float: left;}

/*CENTRE*/
#centre{width: 890px; border-top: 1px solid #65460E; background-color: #1E1403; margin: 0 auto; padding-top: 10px; overflow: auto; padding-bottom: 15px; border-bottom: 1px solid #65460E;}
.print{width: 300px; float: left; margin-left: 10px; overflow: auto;}
.digital{width: 300px; float: left; margin-left: 10px; overflow: auto;}
#news{width: 270px; float: left; padding-left: 15px; color: #FFFFFF;}
#services{width: 890px; margin: 0 auto; padding-top: 15px; overflow: auto; padding-bottom: 10px; border-bottom: 1px solid #65460E;}
#services ul {list-style-image:url(../images/sandpixel_bullet.gif);}
#servicesone, #servicesthree{width: 28%; float: left;font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 24px;}
#servicestwo{width: 20%; float: left;font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 24px;}
#servicesfour{width: 24%; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 24px;}

/*WORK*/
#workcontainer{width: 955px; border-top: 1px solid #65460E; margin: 0 auto; padding-top: 10px; overflow: auto; padding-bottom: 15px; border-bottom: 1px solid #65460E;}
.workright {text-align: left;width: 476px; padding-bottom: 5px;padding-top: 10px; overflow: auto; color:#999999; overflow:auto;font-family: Arial, Helvetica, sans-serif; line-height: 19px; float: right;}
.workleft{text-align: right;width: 476px; padding-bottom: 5px;padding-top: 10px; overflow: auto; color:#999999; overflow:auto;font-family: Arial, Helvetica, sans-serif;  line-height: 19px; float: left;}
.workimgright{clear:both;margin: 0px 0px 0px 0px; width: 365px; overflow: auto;float: right;text-align: center;}
.workimgleft{clear:both;margin: 0px 0px 0px 0px; width: 365px; overflow: auto;float: left;text-align: center; }
.projectimgright{clear:both;margin: 0px 2px 0px 2px; width: 285px; height: 135px;overflow: auto;float: left;text-align: center;}
.projectimgleft{clear:both;margin: 0px 2px 0px 2px; width: 285px; height: 135px;overflow: auto;float: right;text-align: center; }

/*CONTACT*/
.contactleft{ padding-left: 20px; padding-right: 10px; width: 200px; line-height: 18px; float: left; }
.contactform{ padding-left: 25px; width: 600px; line-height: 18px; float: left;border-left: 1px solid #65460E;}

/*FOOTER*/
#footer{width: 890px; margin: 0 auto; overflow: auto; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; text-align: right;}
#standardcontainer a, #contactleft a, #contactleft a:visited, #centre a, #centre a:visited, .workleft a, .workleft a:visited, .workright a, .workright a:visited, #news a, #news a:visited, #footer a, #footer a:visited {color: #F8A916; text-decoration: none;}
#standardcontainer a:hover, #contactleft a:hover, #centre a:hover, #centre a:hover, .workleft a:hover, .workright a:hover, #news a:hover, #footer a:hover{text-decoration: underline;}
#footerlist li{width: 780px;display: inline;list-style-type: none;padding-right: 10px; }