@import url("common.css");
body
{
	background-color: #2888c3;
	background-image: url("/img/silver_tile.jpg");
	background-repeat: repeat-x;
}

#pageContainer
{
	margin: 10px auto;
	width: 970px;
	-webkit-border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	background-color: #FFFFFF;
}

#headerContainer
{
	padding: 10px;
}

#globalNavContainer
{
	float: left;
	background: #666666;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 940px;
	height: 36px;
	background-image: url("../img/nav_bg.jpg");
	background-repeat: repeat-x;
}

#pageContent
{
	clear: left;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#pageFooter
{
	text-align: center;
	margin-left: 0px;
	padding-left: 0px;
}

/* header elements */

div.topNav div.logo
{
	width: 350px;
	float: left;
}

div.topNav div.strapline
{
	width: 210px;
	padding-left: 90px;
	margin-top: 70px;
	float: left;
}

div.topNav div.strapline h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;	
}

div.topNav div.remainder
{
	width: 300px;
	float: left;
}

div.topNav div.quick_nav, div.topNav div.quick_search
{
	text-align: right;
}

div.quick_search
{
	margin-top: 10px;
}

input.gsc-search-button
{
	width: 48px;
	height: 48px;
	text-indent: -9999px;
	background-color: #ffffff;
	background-image: url(../img/search_icon.png);
	background-repeat: no-repeat;
	background-position: left;
	border-style: none;
}

input.gsc-search-button:hover
{
	background-position: right;
}

.gsc-clear-button
{
	display: none;
}

.gsc-branding
{
	/*display: none;*/
}

.gsc-tabsArea
{
	display: none;
}

.gsc-adBlock
{
	display: none;
}

input.gsc-input
{
	font-size: 11px;
	height: 20px;
	line-height: 20px;
}

div.topNav div.quote
{
	width: 600px;
	text-align: center;
}

div.topNav div.quote p
{
	color: #999999;
	font-weight: bold;
}

a.header_icon
{
	display: inline-block;
	width: 48px;
	height: 48px;
}

a.padlock
{
	background-image: url("/img/padlock_icon.png");
}

a.padlock:hover
{
	background-position: right;
}

a.home
{
	background-image: url("/img/home_icon.png");
}

a.home:hover
{
	background-position: right;
}

a.edit
{
	background-image: url("/img/edit_icon.png");
}

a.edit:hover
{
	background-position: right;
}

a.mail
{
	background-image: url("/img/mail_icon.png");
}

a.mail:hover
{
	background-position: right;
}

/* footer elements */

div.disclaimer
{
	padding: 5px;
	background-image: url("../img/footer_bg.jpg");
	color: #FFFFFF;
}

div.disclaimer p
{
	margin: 0px;
}

/* page elements */
#breadCrumb
{
	margin-bottom: 10px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #2888c3;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #2888c3;	
	padding: 5px;
	height: 15px;
}

#breadCrumb p
{
	font-size: 11px;
	margin-bottom: 0px;
}

#breadCrumb p a
{
	font-weight: bold;
}

#breadCrumb p span
{
	color: #999999;
}

#breadCrumb div.crumbs
{
	float: left;
}

#breadCrumb div.social
{
	float: right;
	width: 200px;
}

div.social_bookmarks p
{
	float: left;
	margin-right: 5px;
	color: #999999;
}

/* links */
div.link_container
{
	border-bottom-style: solid;
	border-bottom-color: #2888c3;
	border-bottom-width: 1px;
	margin-bottom: 10px;
}

div.link_image
{
	float: right;
	margin-left: 20px;
}

p.link_name
{
	font-weight: bold;
	color: #2888c3;
	margin-bottom: 0px;
}

p.link_synopsis
{
	color:#999999;
	font-weight: bold;
}

/* portfolio */

div.portfolio_details
{
	float: left;
	width: 500px;
}

div.portfolio_images 
{
	float: right;
	margin-left: 20px;
	width: 400px;
	height: 255px;
}

div.portfolio_details p
{
	color: #2888c3;
	font-weight: bold;
}

div.portfolio_body
{
	margin-top: 10px;	
}

div.portfolio_details .portfolio_body p
{
	color: #666;
	font-weight: normal;
	line-height: 16px;	
}

div.portfolio_details p label
{
	width: 50px;
	color: #999999;
	font-weight: bold;
	text-align: left;
}

div p.portfolio_testimonial
{
	color: #333333;
	font-weight: normal;
}

div.testimonialWrapperTop {
	background: url(../img/quote-open.gif) no-repeat left top;
}

div.testimonialWrapperBottom {
	background: url(../img/quote-close.gif) no-repeat right bottom;
	padding-right: 30px;
	padding-left: 30px;
	margin-bottom: 10px;
}

/* portfolio list */
div.portfolio_col_container
{
		
}

div.portfolio_list_item
{
	float: left;
	width: 280px;
	margin-left: 20px;
}

div.portfolio_list_image
{
	text-align: center;	
}

div.portfolio_list_image img
{
	width: 280px;
	height: 215px;
	margin-bottom: 5px;	
	padding-bottom: 20px;
}

div.portfolio_list_image img:hover
{
	border-bottom-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: #2888C3;
	padding-bottom: 15px;
}

div.portfolio_list_item p
{
	margin-bottom: 0px;
}

div.portfolio_list_item p.client
{
	color:#666666;
	letter-spacing: 2px;
}

div.portfolio_list_item p.posted_on
{
	color: #999999;
	margin-bottom: 10px;
}

/* blog */
div.blog_archive
{
	float: left;
	width: 200px;
	margin-left: 25px;
	vertical-align: top;
}

div.blog_archive h4
{
	color: #666666;
}

div.blog_archive h5
{
	color: #999999;
}

div.blog_container
{
	width: 700px;
	float: left;
}

div.blog_container p.title
{
	font-size: 18px;
}

div.blog_header
{
	background-color: #2888c3;
	color: #FFFFFF;
	padding: 10px;
	-webkit-border-radius: 0px 15px 15px 0px;
	-moz-border-radius: 0px 15px 15px 0px;
	border-radius: 0px 15px 15px 0px;
}

div.blog_header p
{
	margin-bottom: 0px;
}

div.blog_container p.created
{
	margin-top: 5px;
	color: #666666;
	float: left;
}
div.blog_container p.updated
{
	margin-top: 5px;
	color: #666666;
	float: right;
}

div.blog_image
{
	float: right;
	margin-left: 10px;
}

/* gallery */
div.gallery_list_item
{
	width: 275px;
	float: left;
}

div.gallery_list_item a img
{
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
}

div.gallery_list_item a img:hover
{
	border-width: 1px;
	border-color: #2888c3;
	border-style: solid;
}

div.gallery_list_item p.title
{
	margin-bottom: 0px;
}

div.gallery_list_item p.created
{
	color: #666666;
	margin-bottom: 0px;
}

div.gallery_list_item p.updated
{
	color: #666666;
	margin-bottom: 0px;
}

div.gallery_list_item p label
{
	width: 80px;
	text-align: left;
}

div.gallery_detail h5
{
	margin-bottom: 0px;
}

div.gallery_detail p.synopsis
{	
	font-weight: bold;
}

div.gallery_detail p.created
{
	margin-top: 5px;
	color: #666666;
	float: left;
}
div.gallery_detail p.updated
{
	margin-top: 5px;
	color: #666666;
	float: right;
}

/* enquiry form */
div.enquiry_form_container label
{
	width: 75px;
}

div.enquiry_form_container input[type=text]:focus
{
	border-style: solid;
	border-color: #00CC00;
	border-width: 2px;
}

div.enquiry_form_container input[type=button]
{
}

/* home */

div.intro
{
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-style: solid;
	border-top-color: #2888c3;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2888c3;
	border-bottom-width: 1px;
	padding: 10px;
	text-align: justify;
}

div.intro p
{
	margin-bottom: 0px;
}

div.intro p strong
{
	color: #666666;
	font-weight: bold;
}

div.home_column_1
{
	width: 700px;
	float: left;
}

div.homepage_adverts h3
{
	border-bottom: 0px none;
	text-indent: 10px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;	
	color: #FFFFFF;
}

div.homepage_adverts p, div.homepage_adverts ul,  div.homepage_adverts a
{
	color: #FFFFFF;
}

div.homepage_adverts a
{
	font-weight: bold;	
}

div.home_column_3
{
	width: 225px;
	min-height: 400px;
	float: left;
	margin-top: 10px;
}

div.home_column_2
{
	border-right-style: solid;
	border-right-color: #2888c3;
	border-right-width: 1px;
	border-left-style: solid;
	border-left-color: #2888c3;
	border-left-width: 1px;
}

div.home_image_container
{
	float: left;
	width: 400px;
}

div.text
{
	float: left;
	width: 290px;
	height: 266px;
	padding: 5px;
	background-color: #2888C3;	
	-webkit-border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}

div.web_problems h5, div.web_problems p, div.homepage_adverts p, div.recent_activity h5, div.recent_activity p
{
	margin-left: 10px;
	margin-right: 10px;
}

div.web_problems img, div.homepage_adverts img
{
	width: 400px;
	height: 276px;
}

#controls
{
	text-align: center;
	position: absolute;
	width: 394px;
	top: 565px;
	z-index: 9999;
	background-image: url("../img/tint-000-50.png");
	padding: 3px;
}

#slideshow_nav
{
	width: 370px;
	float: left;
}

#slideshow_nav a
{
	font-size: 10px;
	line-height:16px;
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}

#prev
{
	font-size: 10px;
	line-height:16px;
	width: 10px;
	float: left;
	display: block;
}

#next
{
	font-size: 10px;
	line-height: 16px;
	width: 10px;
	float: left;
	display: block;
}

#controls a
{
	color: #FFFFFF;
}

#controls a.activeSlide
{
	background-color: #2888C3;
}

#controls a:hover
{
	color: #2888C3;
	text-decoration: none;
}

#controls a.activeSlide:hover
{
	color: #000000;
}

.home_body
{
	float: left;
	width: 700px;	
	margin-top: 10px;
}

.home_body h3
{
	font-size: 14px;
}

div.we_love
{
	margin-top: 15px;
	border-top-style: solid;
	border-top-color: #2888c3;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2888c3;
	border-bottom-width: 1px;
	padding-top: 10px;
}

div.we_love ul img
{
	width: 125px;
}

div.we_love p
{
	margin-top: 25px;
	float: left;
	font-weight: bold;
	color: #666666;
}

div.recent_activity ul
{
	list-style: none;
	margin-left: 10px;
}

div.recent_activity li
{
	margin-bottom: 10px;
	text-indent: 25px;
}

div.recent_activity span.updated
{
	color: #999999;
}

div.recent_activity li.blog
{
	background: url(../img/sinfo_16x16.gif) no-repeat 0px 0px;
}

div.recent_activity li.gallery
{
	background: url(../img/sgallery_16x16.gif) no-repeat 0px 0px;
}

div.recent_activity li.portfolio
{
	background: url(../img/sportfolio_16x16.gif) no-repeat 0px 0px;
}

/* comments */
.comments
{
	display: none;
}

.comments_link
{
	text-align: right;
	display: block;
}

.comments_box
{
	width: 400px;
	height: 75px;	
}

.comments_label
{
	width: 75px;
}

div#relatedComments {
	margin-top: 10px;
}

h4.comments_header {
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	padding: 10px 10px 10px 35px;
	margin: 0 0 10px;
	background: #999 url(../img/sinfo_wht_16x16.gif) no-repeat 10px 10px;
	border-bottom-style: none;
}

p.commentTitle {
	font-weight: bold;
	margin-bottom: 0;
}

p.commentTitle span {
	font-weight: normal;
	font-style: normal;
	color: #666;
}

hr {
	height: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	color: #2888c3;
	background-color: #2888c3;
	border-color: #2888c3;
}

div.commentItem {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #2888c3;
}

div.commentPosterDetails {
	float: left;
	width: 150px;
	margin-left: 10px;
}

div.commentPosterDetails p {
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	color: #999;
}

div.commentPosterDetails p.commentPosterName {
	font-weight: bold;
	color: #000;
}

div.commentContent {
	float: left;
	width: 460px;
}

div.commentContent p {
	margin-left: 0;
	margin-right: 0;
}

a.commentButtonSubmit {
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	background: url(../img/sinfo_wht_16x16.gif) no-repeat 5px 5px;
	padding: 5px 5px 5px 25px;
	background-color: #2888c3;
	color: #fff;
}

a.commentButtonSubmit:hover {
	text-decoration: none;
	background-color: #333333;
}

.comment_legend
{
	margin-left: 5px;
	color: #2888c3;
}

/* formatting */
.silver_text
{
	font-weight: bold;
	color: #666666;
}

a.enquiryButtonSubmit {
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	background: url(../img/sinfo_wht_16x16.gif) no-repeat 5px 5px;
	padding: 5px 5px 5px 25px;
	border: 1px solid #09f;
	background-color: #09f;
	color: #fff;
}

a.enquiryButtonSubmit:hover {
	text-decoration: none;
	background-image: url(../img/sinfo_16x16.gif);
	background-color: #FFFFFF;
	color: #666666;
	border-color: #333333;
} 

/* @group Social Bookmarks */

.social_bookmarks{
	height: 16px;
}
.social_bookmarks ul, 
.social_bookmarks li{
	padding: 0 !important;
	margin: 0;
	list-style-type: none;
	display: inline;
	background: 0 !important;
	border: 0 !important;
}
.social_bookmarks ul{
	display: block;
}
.social_bookmarks a{
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9000px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	opacity:0.75;
	background: url("../img/social_bookmarks.png") 0 0 no-repeat;
}

.social_bookmarks a:hover{
	opacity: 1;
}
.social_bookmarks .stumble_upon a{
	background-position: -16px 0;
}
.social_bookmarks .digg a{
	background-position: -32px 0;
}
.social_bookmarks .design_float a{
	background-position: -48px 0;
}
.social_bookmarks .technorati a{
	background-position: -64px 0;
}
.social_bookmarks .twitter a{
	background-position: -80px 0;
}
.social_bookmarks .newsvine a{
	background-position: -96px 0;
}
.social_bookmarks .yahoo_buzz a{
	background-position: -160px 0;
}
.social_bookmarks .reddit a{
	background-position: -128px 0;
}
.social_bookmarks .facebook a{
	background-position: -144px 0;
}
.social_bookmarks .rss a{
	background-position: -112px 0;
}
.social_bookmarks .design_moo a{
	background-position: -176px 0;
}

/* @end */