/* CORE HTML Items, resets, etc etc */
BODY{
	background-color: #304148;
	background-image:url(../../images/layout/bg_element.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
DIV{ margin: 0; padding: 0; }
IMG{ border:none; }
H1{
	font-size: 24px;
	font-family:"Trebuchet MS",Trebuchet,Tahoma,Arial, Helvetica, sans-serif;
	font-weight:normal;
}
H2{
	font-size: 20px;
	font-family:"Trebuchet MS",Trebuchet,Tahoma,Arial, Helvetica, sans-serif;
	font-weight:normal;
}
A{ color: #CFFF51; outline: none; }
A:hover{ text-decoration:none; }
EM{ font-style:normal; color: #CFFF51; }
.clearboth{ clear:both;}

/* Top Bar */
#top_bar{
	display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:34px;
	background-color:#628B26;
	background-image:url(../../images/layout/top_bar_repeat.png);
	background-repeat:repeat-x;
	background-position:left top;
}
#top_bar_wrapper{ width: 960px; height: 34px; line-height: 30px; text-align:right; margin: 0 auto; }
#top_bar_wrapper A{ color:#FFFFFF; }

/* Layout Items */
#wrapper{ width:960px; margin: 0 auto; margin-top:34px; }
#logo{ width: 295px; height: 98px; float:left; }

#large_col{float: right; width: 665px;}
#small_col{float:left; width:285px; margin-right: 10px;}

#footer{
	width: 665px;
	margin: 15px 0 0 295px;
	background-image:url(../../images/layout/footer_bg.gif);
	background-repeat:repeat-x;
	background-position:left top;
	padding-top:8px;
	padding-bottom:18px;
}
#left_footer{float:left; height:18px; line-height:18px;}
#right_footer{float:right; height:18px; line-height:18px; font-size:11px; color:#C1C6C8;}
#right_footer A{color:#C1C6C8;}

/* Menu */
#menu{ width: 665px; float:left; }
#menu UL{ list-style:none; margin: 0; padding: 0; }
#menu UL LI{
	display:block;
	height: 98px;
	background-repeat:no-repeat;
	background-position:left top;
	float: left;
	margin: 0;
	padding: 0;
}
#menu UL LI A{text-indent: -9000px; display:block; height: 98px;}
#menu_home A{width: 89px; background-image:url(../../images/menu/home.png)}
#menu_about A{width: 106px; background-image:url(../../images/menu/about.png)}
#menu_portfolio A{width: 131px; background-image:url(../../images/menu/portfolio.png)}
#menu_services A{width: 141px; background-image:url(../../images/menu/services.png)}
#menu_contact A{width: 122px; background-image:url(../../images/menu/contact.png)}
#menu_login A{width: 76px; background-image:url(../../images/menu/login.png)}


/* Generic Items */
#view_more{ text-align:right}

.full_width_img{width: 665px; background-color:#97A2A7;}
.full_width_img IMG{margin: 5px;}
.loading{
	background-image:url(../../images/icons/loading_icon_2.gif);
	background-position: 50% 50%;
	background-repeat:no-repeat;
}	

/* Homepage Items */
#projects_preview{
	clear:both;
	width: 960px;
	background-image:url(../../images/homepage/projects_bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height: 263px;
}
#projects_box{width: 665px; float: right;}
#projects_text{width: 285px; float:left; font-size:15px; text-align:right; padding-top: 50px; margin-right:10px;}
#projects_box H2{
	width: 665px;
	height: 24px;
	display: block;
	padding: 0;
	margin: 0;
	text-indent: -9000px;
	background-image:url(../../images/homepage/recent_projects.png);
	background-repeat:no-repeat;
	background-position:left top;
}
#projects_thumb_holder DIV{ background-color:#97A2A7; height: 100px; float: left; }
#projects_thumb_holder DIV IMG{ margin: 5px;}
#projects_thumb_holder .large{ margin: 0 10px 10px 0; width: 395px; }
#projects_thumb_holder .medium{ margin: 0 0 10px 0; width: 260px; }
#projects_thumb_holder .small{ margin: 0 10px 0 0; width: 125px; }
#projects_thumb_holder .last{ margin: 0; }


#specialise_boxes DIV{width: 215px; height: 140px; background-color:#97A2A7; float: left; margin-right: 10px;}
#specialise_boxes DIV.last{margin-right: 0;}
#specialise_boxes DIV IMG{ margin: 5px; border:none; }


/* Testimonial */
#testimonial{text-align:center; width:250px; margin: 0 auto;}
#testimonial H2{font-size:18px;	margin:0; padding:0;}
#testimonial P{font-style:italic; padding:0; font-size:13px; margin-top:5px; margin-bottom:5px;}


/* Sidebar menu */
.sidebar_menu{
	margin-top: 125px;
}
.sidebar_menu UL{
	margin: 0;
	padding: 0;
	list-style:none;
}
.sidebar_menu UL LI{
	margin: 5px 0;
	padding: 0;
	line-height:20px;
	font-size:15px;
}
.sidebar_menu UL LI A{
	display:block;
	background-image:url(../../images/icons/bullet_small.png);
	background-position:270px 50%;
	background-repeat:no-repeat;
	padding-right:18px;
	text-align:right;
}

/* 5 Good Reasons */
#reasons_block DIV{width: 125px; height: 125px; background-color:#97A2A7; float: left; margin-right: 10px;}
#reasons_block DIV.last{margin-right: 0;}
#reasons_block DIV IMG{ margin: 5px; border:none; }
#text_blocks DIV{ font-size: 15px; margin:15px; font-style:italic;}

/* Portfolio switch icons */
#img_switch_icons UL{list-style: none; margin: 0; padding: 0;}
#img_switch_icons LI{margin: 0; padding: 0;}
#img_switch_icons A{
	display: block;
	width: 24px;
	height: 24px;
	font-family:"Trebuchet MS",Trebuchet,Tahoma,Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height: 24px;
	background-color: #97A2A7;
	margin: 5px 0 0 5px;
	text-decoration:none;
	color: #FFFFFF;
	float: right;
}
#img_switch_icons A:hover{background-color: #576368;}
#img_switch_icons A.selected{background-color: #7C9B26;}

/* News Items */
.news_item{clear:both; margin-bottom:15px;}
.news_date{padding:0 5px 5px 5px; float:left; text-align:center; width:60px; font-size:13px;}
.news_text{float:left; border-left:1px solid #B0C506; float:left; margin:0; padding:0 5px 5px 10px; width:550px;}


/* Portfolio page listings */
.client_info{float: left; margin-right: 10px; width: 320px; margin-top: 15px; clear:both}
.client_info H2{margin-top: 0;}
.client_image{float: left; width: 335px; background-color:#97A2A7; margin-top: 15px}
.client_image IMG{margin: 5px;}
.portfolio_teaser{float: left; margin: 10px 10px 0 0; background-color:#97A2A7; width: 215px;}
.portfolio_teaser IMG{margin: 5px;}


/* Form Styles */
FIELDSET{margin: 15px 0; padding: 8px;}
LEGEND{font-size: 20px; font-family:"Trebuchet MS",Trebuchet,Tahoma,Arial, Helvetica, sans-serif; font-weight:normal; color: #ffffff;}
BR{ clear:both }
LABEL{ width: 180px; display: block; float:left; padding: 2px; margin: 2px }
INPUT{ width: 220px; height:16px; padding: 2px; margin: 2px; float:left}
SELECT{ width: auto; height:auto; padding: 2px; margin: 2px; float:left}
INPUT.button{ width: auto; height:auto; padding: 6px;}
TEXTAREA{ width: 300px; height: 250px; padding: 5px; margin: 2px; font-size:13px; font-family:Verdana,Arial, Helvetica, sans-serif;}
#security_code{
	width: 100px;
	color:#000066;
	font-size: 20px;
	height:24px;
	font-weight: bold;
}
#captcha_img{margin: 2px; display: block; float: left;}
#generate_new_link{ display: block; line-height:30px; float:left}
.required{color:#FF3333; font-weight:bold;}
.error{background-color:#F9D9D9; border:1px solid #FF3333;}

DIV.warning_text{font-size: 11px; color:#F96B2F; margin-left:187px; font-weight:bold}
DIV.warning_text IMG{border: none; padding: 2px; padding-right: 5px; vertical-align:middle;}
SPAN.hidetext{color:#00CC00; visibility:hidden;}
IMG.mini_icon{border: none;}
SPAN.warning_title{font-size:16px; color:#666666; padding: 3px; font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;}
SPAN.required{color:#CC0000;}

/* Warning Messages */
.warning {
	background: 			#fff6bf url(../../images/icons/warning_22.png) center no-repeat;
	background-position: 	15px 50%; /* x-pos y-pos */
	border-top: 			2px solid #ffd324;
	border-bottom: 			2px solid #ffd324;
	color:					#000000;
	
	padding: 				5px 20px 5px 52px;
}
.information {
	background:  			#C5BFFF url(../../images/icons/information_22.png) center no-repeat;
	background-position: 	15px 50%; /* x-pos y-pos */
	border-top: 			2px solid #2F24FF;
	border-bottom: 			2px solid #2F24FF;
	color:					#000000;
	
	padding: 				5px 20px 5px 52px;
}
.success {
	background:  			#E4FAB8 url(../../images/icons/tick_22.png) center no-repeat;
	background-position: 	15px 50%; /* x-pos y-pos */
	border-top: 			2px solid #93D110;
	border-bottom: 			2px solid #93D110;
	color:					#000000;
	
	padding: 				5px 20px 5px 52px;
}
.fail {
	background: 			#FFBFBF url(../../images/icons/warning_22.png) center no-repeat;
	background-position: 	15px 50%; /* x-pos y-pos */
	border-top: 			2px solid #FF2424;
	border-bottom: 			2px solid #FF2424;
	color:					#000000;
	
	padding: 				5px 20px 5px 52px;
}





.tweet, .query {
  font-family: Georgia, serif;
  font-size: 120%;
  color: #FFFFFF; }
  .tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #5F6A70; }
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; }
    .tweet .tweet_list li, .query .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
      padding: .5em; }
      .tweet .tweet_list li a, .query .tweet_list li a {
        color: #CFFF51; }
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
      background-color: #75838A; }
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle; }