/*
-----------------------------------------------
Byte Art stylesheet
Version: 2006.04.18
----------------------------------------------- */
@import url(base.css);

/* Layout
----------------------------------------------------------------------*/
.clearer { clear: both; }

.hd_logo { width: 730px; height: 50px; float: left; position: relative; left: 10px; top: 10px; }
.hd_logo img { float: left; }

.hd_offices { float: left; position: relative; top: 24px; left: 5px; }
.header_addr { font-size: 0.95em; }
.hd_offices a:link, .hd_offices a:active, .hd_offices a:hover, .hd_offices a:visited { color: #666; }

#hd_icons { float: right; width: 100px; height: 20px; margin: 23px 0 0; }
#hd_icons img { float: right; margin-left: 7px; }

.textcolumn { margin-left: 10px; overflow: hidden; }
.textcolumn, .box { width: 230px; }
.box { float: left; }

.corners { float: left; }
.cornerright { float: right; margin-top: -2px; }
.hd_menu_nav { width: 745px; color: #FFF; margin-left: 14px; margin-top: 2px; }
.hd_menu_nav ul { margin: 0; }
.hd_menu_nav ul li { list-style-type: none; display: inline; float: left; margin-right: 3px; font-size: 1.1em; }
.hd_menu_nav a:link, .hd_menu_nav a:visited, .hd_menu_nav a:active { color: #FFF; }
.hd_menu_nav a:hover { color: #D7F4B3; text-decoration: none; }
.hd_menu_arrow { margin-right: 2px; position: relative; top: 1px; }
.hd_menu_nav fieldset { border: 0; }
input.searchform_header { float: left; width: 95px; height: 16px; border: 0; margin: 1px 10px 0 10px; padding: 2px 0; text-indent: 5px; font-size: 1.1em; }

#ftr_menu { height: 26px; background-color: #033; float: left; margin-bottom: 5px; }
ul.ftr_legal { font-size: 0.9em; padding: 0 15px; }
ul.ftr_legal li, ul.ftr_legal li p { display: inline; float: left; }
ul.ftr_legal li a, ul.ftr_legal li p { color: #666; }
ul.ftr_legal li a:hover { color: #73BE1E; }
ul.ftr_legal li p { color: #033; }
ul.ftr_legal li.privacy { float: right; }

#technologies_leftcol { width: 260px; float: left; }
.tech { line-height: 1.7; }
.hidden { display: none; }
.scriptNeeded { display: none; }

/* Icons & buttons
----------------------------------------------------------------------*/
.icon { height: 66px; width: 66px; margin-bottom: 5px; }
.icon, .iconw, .iconw_internal { float: left; margin-right: 10px; }
.iconw { height: 66px; width: 66px; }
.iconw_internal { height: 75px; width: 65px; }
.title { float: left; width: 230px; margin-bottom: 15px; }
.iconandtitle { float: left; width: 220px; margin-bottom: 10px; border: 0 solid red; margin-right: 10px; overflow: hidden; }

#awards { text-align: center; padding-top: 20px; }
#awards img { padding-top: 10px; }

.casestudy_box { float: left; width: 480px; margin-bottom: 5px; }
.casestudy_image { float: left; width: 135px; margin-right: 10px; }
.casestudy_text { float: left; width: 330px; }

/* Misc / rullers
----------------------------------------------------------------------*/
.hr { float: left; width: 250px; border-top: 1px solid #E0E0E0; margin: 10px 0 15px 0; }
.hr_long { float: left; width: 490px; font-size: 2px; border-top: 0 solid #F0F0F0; margin: 10px 0; }
#hr_green { float: left; width: 750px; height: 8px; background-color: #D7F4B3; margin-bottom: 15px; }

.bg_greengradient_home { float: left; width: 750px; height: 50px; background: url(../../graphics/bg_greengradient.jpg) no-repeat; }
.bg_greengradient { float: left; width: 750px; height: 50px; background: url(../../graphics/bg_greengradient_internal.jpg) no-repeat; }

.hr_vempty { border: 0 solid red; float: left; width: 10px; height: 10px; }
.hr_empty_internal { float: left; width: 200px; height: 40px; }

/* Internal Pages
--------------------------------------------------------------------- */
#hd_image_internal { width: 500px; height: 117px; float: left; background: #FFF url(../../graphics/bg_header_greengradient_internal.jpg) repeat-x; }
#hd_image_competition { width: 500px; height: 330px; background: #FFF url(../../graphics/competition_dubai.jpg) no-repeat; }

.competition_rules { padding: 5px 0 0 0; list-style-type: decimal; }
.competition_rules li { margin-bottom: 10px; border-bottom: 1px solid #EEE; }
.competition_rules li:hover { background-color: #E7F8D1; }
.rwspan { font-size: 14px; line-height: 25px; margin-left: 15px; color: #FFFFFF; }

#bg_container_internal { background: url(../../graphics/bg_content_internal.gif) repeat-y; float: left; width: 750px; position: relative; left: 10px; }

.container_internal { width: 470px; margin-left: 10px; }
.container_internal p a { font-size: 1.0em; color: #73BE1E; text-decoration: underline; }
.container_internal p a:hover { color: #666; text-decoration: none; }
.container_internal ul { margin-left: 0; font-size: 1.2em; }
.container_internal li, .iwantto li { display: block; }

#left_container_internal { float: left; width: 500px; overflow: hidden; }
#bg_greengradient_internal { float: left; width: 750px; height: 50px; background: url(../../graphics/bg_greengradient_internal.jpg) no-repeat; }
#icon_internal { border: none; float: left; position: relative; left: 10px; width: 130px; height: 117px; }
#title_internal { position: relative; left: 25px; top: 25px; width: 450px; border: 0 black solid; }
#title_internal h5 { line-height: 1; }

.download_casestudy { border: 0 solid red; float: left; position: relative; left: 0; top: 10px; width: 320px; margin: 0 0 5px; padding: 0; background-color: transparent; }
.download_casestudy_icon { float: left; margin: 0 5px 0 0; padding: 0; }
#get_acrobat_reader { float: left; position: relative; left: 145px; }

/* Pop up Pages
--------------------------------------------------------------------- */
.popup_box1, .popup_box { float: left; width: 490px; margin: 0; padding: 5px; }
.popup_box { background: url(../../graphics/bg_greengradient_popupwindow.jpg) repeat-x bottom left; }

.hr_popup { float: left; width: 490px; font-size: 2px; border-top: 1px solid #F0F0F0; margin: 10px 0 10px 0; padding: 0; }
.reference_box { border: 0 solid red; float: left; width: 190px; margin: 0; padding: 0; background-color: transparent; }

.reference_image { border: 0 solid red; float: left; width: 45px; height: 110px; margin: 10px 0 0 0; padding: 0; background-color: transparent; }

.clientlist_client { z-index: 1; margin-top: 15px; }
.clientlist_client a { cursor: pointer; }
.clientlist_client img { margin: 10px 10px 0 0; }
.clientlist_client h2 { margin-top: 20px; }

#services_menu { margin-bottom: 15px; }

/* site map */
ul.sitemap { padding-right: 10px; font-size: 7px; }
ul.sitemap a { font-weight: bold; font-size: 10pt; }
ul.sitemap ul { margin-left: 10px; }
ul.sitemap ul ul a { font-weight: normal; }
ul.sitemap li ul li { margin-bottom: 10px; }
ul.sitemap li a, ul.sitemap li ul a { color: #060; }
ul.sitemap li ul li ul a { color: #73BE1E; }
/* end site map */

ul.form { margin: 10px 0 20px 0; width: 464px; font-size: 1.3em; }
ul.form li { list-style-type: none; list-style-image: none; padding: 0 0; margin-bottom: 5px; display: block; overflow: hidden; }
ul.form li label { width: 180px; padding-right: 10px; float: left; }
ul.form li a { font-size: 1.0em; }
ul.form .checkbox { margin-left: 10px; margin-right: 10px; border: 0; }
ul.form input.fields, ul.form textarea.fields_large, ul.form input.fields_small, select, select_small { width: 270px; border: 1px solid #eee; border-bottom: 1px solid #CCC; }
ul.form textarea { width: 260px !important; padding: 5px; float: right; }
ul.form input.fields_small { width: 120px; }
select_small { width: 150px; }
ul.form textarea.fields_large { height: 200px; }
ul.form input { background-color: #FAFCF6; text-indent: 5px; padding: 2px 0; }
.marginbottom { margin-bottom: 25px; }
ul.form li.height_check { height: 155px; width: 180px; border: 0 solid red; float: left; }
ul.form li .code { margin: 0 0 0 10px; vertical-align: middle; }
ul.form li label.file { width: 176px; float: left; }
ul.form .left { float: left; width: 180px; color: #060; }
ul.form .right { width: 180px; }

/* enewsletter signup */
.signup { width: 230px; }
.signup ul.form { font-size: 1.3em; }
.signup ul.form li label { width: 85px; padding-right: 10px; float: left; }
.signup ul.form input { background-color: #FAFCF6; text-indent: 5px; padding: 2px 0; width: 132px; }

ul.vacancies, ul.vacancies li { margin: 0; padding: 0; line-height: 1.5; }
ul.vacancies ul, ul.vacancies p { font-size: 13px; margin: 10px 0; }
ul.vacancies li.normal { font-weight: normal; }

.button { height: 30px; width: 105px; margin: 5px 0; background-image: url(../../graphics/button.gif); background-repeat: no-repeat; border: 0; cursor: pointer; }
.button a.text { text-align: right; position: relative; top: 3px; padding: 3px 0 0 10px; color: #666; }
.button a.text:hover { color: #033; }

.button2 { height: 24px; width: 105px; margin: 5px 0; background-image: url(../../graphics/button3.gif); background-repeat: no-repeat; border: 0; cursor: pointer; margin-right: 5px; }
.button2 a.text { text-align: right; position: relative; top: 3px; padding: 3px 0 0 10px; color: #666; }
.button2 a.text:hover { color: #033; }

input.button { height: 24px; text-align: left; color: #666; }

.button_text { line-height: 1.5; text-align: left; padding: 2px 0 0 10px; }
.button_text a, .button_text a:visited, .button_text a:active { color: #666; }
.button_text a:hover, input.button:hover { text-decoration: none; color: #033; }

.news a { font-size: 1.1em; }
h2.news { margin-top: 20px; margin-bottom: 2px; }

#searchform { margin: 5px 0 10px 0; }
#searchform select { font-size: 1.2em; width: 230px; height: 20px; }

textarea { border: 1px solid #eee; border-bottom: 1px solid #CCC; }
fieldset { border: 0; }

hr, hr.column { width: 490px; height: 1px; border: 0; border-top: 1px solid #EEE; position: relative; left: -10px; margin: 10px 0; }
hr.column { width: 240px; }

.errorMsg { color: Red; }
.notification { margin-top: 20px; font-weight: normal; color: #006600; }
.nomargin { margin-top: 0; }

/* free review */
#hd_image_review { height: 250px; }
#hd_image_review h1, #hd_image_review img, #hd_image_review P { position: absolute; }
#hd_image_review h1 { color: #063; top: 30px; left: 10px; width: 270px; font-weight: bold; font-size: 2.8em; line-height: 1.1; }
#hd_image_review p { top: 130px; left: 10px; width: 300px; }
.review li label { }
.extra { font-size: 1.2em; line-height: 1.8; }
/* end review*/

/* JavaScript Client Side CSS
--------------------------------------------------------------------- */
ul.form input.validation-failed { border: #006600 solid 1px; background-color: #F4FAEE; }
ul.form textarea.validation-failed { border: #006600 solid 1px; background-color: #F4FAEE; }
div#ClientValidationSummary { background-color: #E6F3D7; padding: 5px; width: 452px; color: red; font-size: 1.4em; font-weight: bold; display: none; }
div#ClientValidationSummary a { font-size: 0.8em; font-weight: normal; text-decoration: underline; }
div.validation-inline-error-message { display: block; float: left; padding-left: 3px; color: #006600; }

/* Blog Styles
----------------------------------------------------------------------*/
.blogger { float: left; width: 200px; margin-right: 10px; }
.blogreadmore { float: left; margin-right: 5px; }
.blogrss { position: relative; top: 2px; left: 5px; }
.newsrss { position: relative; top: 3px; margin-right: 2px; }

.blogPostContent { font-size: 1em; margin: 20px 0; }
.blogPostContent a { font-size: 1.0em; }
.blogComment { margin: 5px 0 20px 0; }

.blogreadmorebox { font-size: 0.85em; margin-top: 5px; color: #999; }
.blogCommentbox { padding: 0 10px; width: 445px; background-color: #E7F8D1; }
.blogfooter { margin-top: 30px; color: #999; }

#hd_image_blog { width: 500px; height: 290px; background: #FFF url(../../graphics/img_blog.jpg) no-repeat; margin-bottom: 30px; }
.blogger_copy { position: relative; }
.blogger_copy_position { width: 260px; position: absolute; left: 210px; top: -185px; color: #006600; }
.blogtitle { font-size: 1em; }
.blogCommentMeta a { font-size: 1.08em; }
h2.mynameincaps { text-transform: none; }

/* Seminars
--------------------------------------------------------------------- */
.seminar { clear: both; }
.seminar span { display: block; font-size: 1.2em; font-weight: bold; }
.seminar ul { margin: 15px 0; }
.seminar p { margin: 0 0 10px 0; }

/* Fixes
--------------------------------------------------------------------- */
.search_resultstext { font-size: 1.25em; }
.search_resultstext a { font-size: 1em; }
.textcolumn a { font-size: 13px; }

.iwantto a { font-size: 14px; }

.newstext p{margin:0 0 1em;}