/* @import url('/templates/css/reset.css'); */
html, body
{
/*     background: url(/templates/images/body_background.jpg) repeat-x; */
font-size: 12px;
font-family: Verdana, Arial, san-serif;
color:#333333;
}

/* ################################# */
/*          Standard Styles          */
/* ################################# */

a
{
text-decoration: none;
color: inherit;
}

h1, p.h1like
{
font-size:16px;
color:#14619e;
/* text-transform: uppercase; */
font-family: Verdana;
padding-bottom:20px;
line-height: 25px;
font-weight: bold;
padding:0px;
margin: 0px;
height:60px;
}

td
{
vertical-align: top;
}

#background_gradient_holder
{
background: url('/templates/images/background_gradient.jpg') top center no-repeat;
/*     background-attachment: fixed; */
}

#pageframe_back
{
margin: 0px auto;
/*     background: url('/templates/images/pageframe_back.jpg') center repeat-y ; */
}

#pageframe_back #pageframe
{
background-repeat: repeat-y;
width: 1003px;
margin: 0px auto;
}

#pageframe_back #pageframe #menu_bar
{

vertical-align: middle;
}


ul#main_menu li
{
font-family: Arial;
display: inline;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
background: url('/templates/images/menu-divider.jpg') repeat-y;
padding: 0px 10px;
margin: 0px;
}

ul#main_menu li a
{
color:#333;
}

#homepage_top
{
color: #fff;
padding: 0px 0px 20px 80px;
border-top:1px solid #FFF;
width:923px;
background: #437B9C;
padding:0px 0px 40px 0px;
margin:0px;
width:1003px;
}


#home_top_left
{
float: left;
width: 515px;
padding-left:83px;
}

#home_top_right
{
float: right;
width: 270px;
padding-right: 80.5px;
}

#homepage_top p, #homepage_top h3, #homepage_top ol
{
line-height: 16px;
/*     text-align: justify; */
}

#homepage_top ol
{
padding-left:5px
}

#main_content a
{
text-decoration: underline;
}

#homepage_top
{
/* padding-top: 280px; */
}

#homepage_top h2, #homepage_top h1
{
padding-bottom:15px;
font-size: 13px;
text-transform: none;
color: #FFF;
}

#homepage_top h3
{
padding-bottom: 5px;
padding-top: 10px;
}

#homepage_top p
{
padding-bottom: 10px;
line-height: 16px;
}

#homepage_top ol
{
list-style: decimal;
margin-left: 20px;
}

#homepage_top li
{
padding-bottom: 10px;
}

#homepage_middle
{
color: #ffffff;
background: url('/templates/images/home_page_middle_background.jpg')  left top #17639f no-repeat;
/*     height: 145px; */
padding: 41px 0px 30px 0px;
}

#homepage_middle a
{
color: #ffffff;
}

#homepage_middle .home_page_service
{
float: left;
width: 170px;
margin-right:27px;
padding-left:85px;
}

#homepage_middle .home_page_service.last
{
margin-right:0px;
}



#homepage_middle .home_page_service h2
{
font-size: 14.5px;
font-family: Verdana;
padding-bottom: 10px;

}

#homepage_middle .home_page_service p
{
font-size: 12px;
width: 160px;
line-height: 16px;
}

#homepage_middle .home_page_service p.more
{
padding-top: 10px;
}

#homepage_middle .home_page_service p.more a:hover
{
text-decoration: underline;
color: #feff6d;
}

#homepage_bottom
{
/*     height: 273px; */
background: url('/templates/images/home_page_newsletter_background.jpg') no-repeat ;
width:1003px;
}


#homepage_bottom_contact
{
float: left;
padding-left:80px;
padding-top:45px;
}

#homepage_bottom_contact h2, #homepage_news h2, #homepage_newsletter h2
{
font-size:16px;
padding-bottom:20px;
}

#homepage_bottom_contact p
{
line-height:18px;
}

#homepage_bottom_right
{
float: right;
width: 666px;
/*     height: 100px; */
}

#homepage_news
{
background: url('/templates/images/home_page_news_background.jpg') no-repeat;
padding-top:45px;
padding-left:30px;
/*     padding-bottom: 20px; */
/* border:1px solid transparent; */
height:185px;
/*     display:none; */
/*     height:160px; */
}

#homepage_news li
{
float:left;
padding-bottom:20px;
width:400px;
line-height: 16px;
}

#homepage_newsletter
{

padding-top:30px;
padding-left:30px;
padding-bottom:10px;
}

#creative_services_top
{
/*     background: url('/templates/images/creative_services_banner_back.jpg') repeat-x left top #f4fbfd; */
background: url('/templates/images/creative_services_top_temp.jpg') repeat-x left top #f4fbfd;
/*     height:293px; */
padding-left:175px;
padding-bottom: 40px;

}

#creative_services_top .cs_box
{
float: left;
margin-right:0px;
/*     margin-top:200px; */
margin-top:110px;
padding-bottom:10px;
}

#creative_services_top .first
{
width:320px;
}

#creative_services_top .middle
{
width:315px;
}

#creative_services_top .last
{
width:170px;
}

#creative_services_top .cs_box h2, #creative_services_top .cs_box a
{
color:#14619E;
}

#creative_services_top .cs_box li
{
padding-top: 10px;
}


#creative_services_divide
{
background: url('/templates/images/creative_services_banner_divide.jpg') repeat-x center top #f4fbfd;
height:6px;
}

#creative_services_divide_bottom
{
background: url('/templates/images/creative_services_banner_divide.jpg') repeat-x center top #f4fbfd;
height:5px;
}


#pageframe #main_content #creative_services_main
{
/* background: url('/templates/images/creative_services_main_back.jpg') repeat-x center bottom #FFFFFF; */
padding: 40px 80.5px 40px 80.5px;
background: #F3FBFD;
}

#creative_services_main h2
{
padding:10px 0px 5px 0px;
font-size: 14px;
}

#creative_services_main p
{
line-height:18px;
padding-bottom:10px;
/*     text-align: justify; */
}

#creative_services_main ul#projects, #creative_services_main ul#projects li
{
padding:0px;
}

#creative_services_main ol li
{
padding-left:10px;
margin-left:30px;
padding-bottom:10px;
}

#creative_services_main li
{
padding:10px 0px 0px 0px;
line-height:18px;
list-style:disc;

}

#creative_services_main ol
{
margin:0px 0px 10px 0px;
}

#testimonial_top
{
/* height:186px; */
}

#creative_services_main #projects
{
margin-top:40px;
}

#creative_services_main #projects li, #testimonial_top #projects li
{
display:inline;
padding-right:7px;
}

#creative_services_main #projects li.last, #testimonial_top #projects li.last
{
padding-left:0px;
}

#creative_services_bottom
{
background-image: url('/templates/images/creative-services.jpg');
padding:20px 0 0 80px;
}

#creative_services_bottom_left
{
float: left;
width:432px;
}

#creative_services_bottom_right
{
float: left;
margin-left:50px;
}

#creative_services_bottom_right input[type="text"], #homepage_news input[type="text"]
{
width:220px;
}

#homepage_newsletter input[type="text"]
{
margin-bottom:20px;
width:220px;
}

#homepage_newsletter td
{
padding-right:40px;
}

#creative_services_bottom #quick_enquiry textarea
{
width:240px;
height:100px;

}

#creative_services_bottom .blue_heading
{
color:#14619e;
font-weight: bold;
text-transform: uppercase;
}

#creative_services_bottom form
{
padding-top: 16px;
}

#creative_services_bottom td
{
padding-right:10px;
}

#creative_services_bottom input[type="text"]
{
margin-bottom:16px;
height:25px;
margin-right:15px;
}


#creative_services_bottom p
{
/*     width:540px; */
/*     text-align: justify; */
padding-bottom:12px;
}


#testimonial_top #projects
{
padding: 20px 80.5px 0px 80.5px;
background: url("/templates/img/testimonial_top.jpg") repeat-x bottom #FFFFFF;
display: none;
}

#testimonial_main
{
background: url("/templates/img/testimonial_main.jpg") repeat-x bottom #FFFFFF;
padding: 10px 80.5px 0px 80.5px;
}

#testimonial_main #monitor
{
background: url("/templates/img/monitor.png") no-repeat;
width:400px;
/*     height:433px; */
}

#testimonial_main #testimonial 
{
padding-top:30px;
/* text-align: justify; */
padding-bottom:10px;
color:#14619E;
line-height: 20px;
}

#testimonial_main #testimonial p
{
padding-bottom: 10px;
}

#testimonial_main #monitor p#thumbnail
{
padding-left:19px;
padding-top: 50px;
padding-bottom: 50px;
}

#url
{
text-align: center;
/* padding-top: 5px; */
}

#creative_services_main .summary_points
{
/*     padding-top:40px; */
}
.summary_points ul
{
padding-top: 0px;
list-style: none;
}

#creative_services_main .summary_points ul li
{
padding-bottom: 16px;
padding-top: 0px;

color:#14619e;
line-height: 16px;
list-style: none;
}

#creative_services_main .summary_points p
{
width:200px;
/* text-align: center; */
padding-bottom: 20px;
}

#testimonial_caption
{
font-family: "Times New Roman";
padding:130px 0px 0px 0px;
font-size:20px;
line-height:50px;
text-align:left;
color:#666;
padding-left:30px;
/* text-align: justify; */
}

#testimonial_caption span
{
font-size: 30px;
font-weight: bold;
width:40px;
}

#slideshow {
position:relative;
width:361px;
height:192px;
margin-left:19px;
margin-top:49px;
margin-bottom: 50px;
}

#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
}

#slideshow IMG.active {
z-index:10;
}

#slideshow IMG.last-active {
z-index:9;
}


#pageframe_back, #background_gradient_holder, #pageframe, #main_content
{
}



/*
#services li span
{
height:21px;
padding:0px 0px 0px 11px;
background: url(/templates/images/left_bullet.gif) no-repeat #cfdfff; 
display:block;
}

#services li span span
{
height:21px;
display:block;
padding:0px 11px 0px 0px;
background: url(/templates/images/right_bullet.gif) no-repeat right;
}
*/



/* Cieran  - Contact Form */
#creative_services_main form table
{
margin-top: 30px;
}

#creative_services_main form table tbody tr td
{
padding-bottom: 10px;
}

#creative_services_main form table tbody tr td input[type="text"],
#creative_services_main form table tbody tr td textarea
{
width:	230px;
}

#creative_services_main form table tbody tr td select
{
width:235px;
}


/* New CSS */

#logo_search
{
height:135px;
background: url(/templates/images/logo.jpg) no-repeat 0px 0px #FFF;
}

ul#main_menu
{
background: url(/templates/images/menu_back.jpg);
padding:15px 0px 15px 80px;
}


/* ################################# */
/*           Project Thumbs          */
/* ################################# */

div#project_thumbs_holder
{
height:230px;
background: url('/templates/images/homepage_content_back.jpg') no-repeat #FFF top;

}

div#project_thumbs_holder ul#project_thumbs_text
{
padding-top: 35px;
margin-left:83px;
width:920px;

}

div#project_thumbs_holder ul#project_thumbs_text li
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
margin-right:35px;
}

div#project_thumbs_holder ul#project_thumbs_text li.text_5 a
{
/* padding-right:0px; */
/* border:1px solid red; */
}


div#project_thumbs_holder ul#project_thumbs_text li a
{
color: #003366;
text-decoration: none;
display: block;
float:left;
padding: 0 40px 0 0;
background: url(/templates/img/resultset_next.png) center right no-repeat;
width:102px;
}

div#project_thumbs_holder ul#project_thumbs
{
height:75px;
padding-top: 8px;
padding-left:80px;
}

div#project_thumbs_holder ul#project_thumbs li
{
float:left;
}

div#project_thumbs_holder ul#project_thumbs li a img
{
text-decoration: none;
display: block;
width:138px;
margin: 0px 40px 0 0;
padding: 0 0 0 0;
}

/* ################################# */
/*            Search Page            */
/* ################################# */

.search_term
{
/* color:#00233f; */
font-weight: bold;
}


#creative_services_main h3
{
font-weight:normal;
padding:0px 0px 5px 0px;
line-height: 16px;
}

#creative_services_main p.search_result
{
padding:0px 0px 25px 0px;
}

#services
{
font-size:10px;
}

#search
{
float:right;
width: 450px;
margin-top: 57px;
}

#search input[type=text]
{
float: left;
width:180px;
height:20px;
border:1px solid grey;
color:#333;
}

#search input[type=submit]
{
background: none;
border: 0px solid #006;
margin-top: 3px;
}

.quote
{
font-style:italic;
}

div#featured_project
{
width:1003px;
margin:0px;
padding:0px 0px 0px 0px;
background: url(/templates/images/featured_project.jpg);
height: 424px;

}


#featured_project #featured_project_image
{
background-repeat: repeat;
position:relative;
left:92px;
padding:43px 0px 0px 0px;
top:10px;
float:left;
width:511px;
height:281px;
background:url(/templates/images/loading.gif) center 175px no-repeat;
}


#featured_project #featured_project_text
{
float: left;
margin-left: 60px;
width:275px;
position:relative;
left:83px;
padding:0px 0px 0px 0px;
margin: 43px 0px 40px 60px;
}

#featured_project #featured_project_text #services p
{
font-weight: bold;
padding:20px 0px 5px 0px;
}

#featured_project #featured_project_text p
{
line-height: 18px;
font-size: 11px;
color: #333;
padding-bottom: 0px;
}

#featured_project #featured_project_text p a
{
text-decoration: underline;
}

#featured_project #featured_project_text p.project_name
{
font-weight: bold;
/* line-height: 5px; */
padding-bottom: 10px;
}


#featured_project_text #services
{
/* position: absolute; */
/* bottom: 0px; */
}

#featured_project_text #services ul
{
padding: 0px 0px 0px 0px;
margin:0px;
}

#featured_project_text #services ul li
{
float: left;
list-style: disc;
margin-right: 20px;
white-space:nowrap;
line-height:25px;
padding:0 0 0 10px;
line-height:27px;
list-style-type:none;
background:url(/templates/images/bullet_point.jpg) 0px 12px no-repeat;
}

#creative_services_main form table tbody tr td input[type="text"].contact_field,
#creative_services_main form table tbody tr td textarea.contact_field,
#creative_services_main form table tbody tr td select.contact_field
{
width:180px;
margin-right:30px;
}

/* ################################################################# */
/*     Cieran Additonal Homepage     Updated/Created - 2 June 2009   */
/* ################################################################# */

/* Appearing Div Items as List */
#services_container{padding: 0px 0px 0px 0px; margin:0px; }
.services_item{ float: left; margin-right: 20px; white-space:nowrap; line-height:25px;
padding:0 0 0 10px; line-height:27px; background:url(/templates/images/bullet_point.jpg) 0px 12px no-repeat;}

/* Thumbnail and Text Match */
.text_1{color: #003366;text-decoration: none; display: block; float:left;
padding: 0 40px 0 0; background: url(/templates/img/resultset_next.png) center right no-repeat; width:102px;}

.text_2{color: #003366; text-decoration: none; display: block; float:left; padding: 0 40px 0 40px;
background: url(/templates/img/resultset_next.png) center right no-repeat; width:102px;}

.text_3{color: #003366; text-decoration: none; display: block; float:left; padding: 0 40px 0 30px;
background: url(/templates/img/resultset_next.png) center right no-repeat; width:102px;}

.text_4{color: #003366; text-decoration: none; display: block; float:left; padding: 0 40px 0 35px;
background: url(/templates/img/resultset_next.png) center right no-repeat;width:102px;}

.text_5{color: #003366; text-decoration: none; display: block; float:left; padding: 0 40px 0 35px;
background: url(/templates/img/resultset_next.png) center right no-repeat; width:102px;}

/* Images Float Like List */
a#project_1 img, a#project_2 img, a#project_3 img, a#project_4 img, a#project_5 img
{text-decoration: none; display: block; width:138px; margin: 0px 40px 0 0; padding: 0 0 0 0; float:left;}