/* Main Styles */

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	margin: 0px;
	background-color: #999999;
	color:#656462;
	text-align:center;
}


h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#9b9b9b;
	font-weight:normal;
	margin:0px;
}

.blockH1_Home {
	padding: 10px 10px 10px 10px;
	float:left;
	margin-left:62px;
	margin-bottom:20px;
	width:539px;
	background-color:#ffb444;
}

.blockH1_Web {
	padding: 10px 10px 10px 10px;
	float:left;
	margin-left:62px;
	margin-bottom:20px;
	width:516px;
	background-color:#ffb444;
}

h2, h3 {
	font-size:17px;
	color:#000000;
	margin-top:15px;
	margin-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
}

h4, h5, h6 {
	font-size:21px;
	color:#6289d1;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
}

a:link, a:visited {
	font-size:11px;
	font-weight:bold;
	color:#ff9900;	
	text-decoration:underline;
}

a:hover {
	font-size:11px;
	font-weight:bold;
	color:#dd7612;	
	text-decoration:underline;
}

li {
	line-height: 17px;
	margin:0px;
}

ul {
	margin:0px;
}

img {
	border:0px;
}


/* CONTAINERS */

#container {
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	text-align:left;
}

#innerContainer {
	width: 1000px;
	float:left;
	background-color:#ffffff;
}

#topContainer {
	width:1000px;
	float:left;
	/* height:139px; */	
}

#footerContainer {
	width:1000px;
	float:left;
	background-color:#f98c0d;
	margin-top:20px;
}

.navBar {
	width:1000px;
	height:52px;
	background-image:url(images/navBar-gradient.jpg);
	background-repeat:repeat-x;
	float:left;
}

/* 
Primary Nav
----------------------------------------------------
*/

#primary-nav {
float:left;
padding-left:15px;
padding-top:12px;

}
#primary-nav li, 
#primary-nav li a {
float:left;
display:block;
margin:0px;
}
#primary-nav li a {
padding:0.5em 0.6em;
color:#fff;
border-right:1px dotted #f8c881;
background:url('../images/navGrad.jpg') left top repeat-x;
font-weight:bold;
font-size:13px;
text-decoration:none;
}

#primary-nav li a:hover,
#primary-nav li.current a {
background:#ffb444;
}

/* 
----------------------------------------------------
*/

.logoBar {
	width:1000px;
	float:left;
}

.logo {
	padding-left:55px;
	float:left;
}

.contact {
	padding-right:30px;
	float:right;
	margin-top:35px;
	text-align:right;
	line-height:19px;
}

a.orangeL:link, a.orangeL:visited {
	font-size:13px;
	font-weight:normal;
	color:#ff9900;	
	text-decoration:underline;
}

a.orangeL:hover {
	font-size:13px;
	font-weight:normal;
	color:#dd7612;	
	text-decoration:underline;
}

.headingHome {
	width: 791px;
	float:left;
}


.linktoPort {
	width:180px;
	float:left;
}

/* 
Links to Portfolio
----------------------------------------------------
*/

#portfolioLink {
float:left;
margin-top:70px;
padding-left:10px;

}
#portfolioLink li, 
#portfolioLink li a {
float:left;
display:block;
width:144px;
height:43px;

}

#portfolioLink li.portfolioHomeLink a { background-image:url(images/but-viewLatestWork.gif); background-repeat:no-repeat }
#portfolioLink li.portfolioHomeLink a:hover { background-image:url(images/but-viewLatestWorkO.gif); }

#portfolioLink li.portfolioWebLink a { background-image:url(images/but-WebPortfolio.gif); background-repeat:no-repeat }
#portfolioLink li.portfolioWebLink a:hover { background-image:url(images/but-WebPortfolioO.gif); }

#portfolioLink li.portfolioLogoLink a { background-image:url(images/but-LogoPortfolio.gif); background-repeat:no-repeat }
#portfolioLink li.portfolioLogoLink a:hover { background-image:url(images/but-LogoPortfolioO.gif); }

#portfolioLink li.portfolioPrintLink a { background-image:url(images/but-PrintPortfolio.gif); background-repeat:no-repeat }
#portfolioLink li.portfolioPrintLink a:hover { background-image:url(images/but-PrintPortfolioO.gif); }

/* 
----------------------------------------------------
*/

.greyHeading {
	color:#999999;
	font-size:21px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.darkHeading {
	font-size:17px;
	color:#000000;
	margin-top:15px;
	margin-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.backHeadingBar {
	width:1000px;
	height:133px;
	background-image:url(images/background-headingBar.jpg);
	background-repeat:no-repeat;
	float:left;
}

.gradBlock {
	width:1000px;
	float:left;
	background-image:url(images/gradBlockBack.jpg);
	background-repeat:repeat-x;
}

.gradBlockTop {
	background-image:url(images/gradBlock-top.jpg);
	background-repeat:repeat-x;
	height:44px;
	width:938px;
	margin-left:62px;
	float:left;
}

.gradBlockMiddle {
	background-color:#FFF;
	width:938px;
	margin-left:62px;
	float:left;
}



.gradBlockBottom {
	background-image:url(images/gradBlock-bottom.jpg);
	background-repeat:repeat-x;
	height:44px;
	width:938px;
	margin-left:62px;
	float:left;
}

.column {
	width:292px;
	float:left;
	padding-right:20px;
}

li.orangeArrow {
	color: #ff9900;
	list-style-position: outside;
	list-style-image: url(images/bullet-orangeArrow.gif);
	line-height:20px;
}

li.greyArrow {
	color: #656462;
	list-style-position: outside;
	list-style-image: url(images/bullet-greyArrow.gif);
	line-height:20px;
	font-size:11px;
	font-weight:bold;
}

li.blueArrow {
	color: #656462;
	list-style-position: outside;
	list-style-image: url(images/bullet-blueArrow.gif);
	line-height:20px;
	font-size:11px;
	font-weight:bold;
}


.gradBlockMiddle2 {
	background-color:#FFF;
	width:970px;
	margin-left:20px;
	float:left;
}

.blueHeadingBlock {
	width:322px;
	float:left;
}

.blueHeadingContent {
	width:278px;
	float:left;
	padding: 0px 10px 0px 10px;
	margin:0px;
	margin-left:20px;
	
}

/* PORTFOLIO */

.headingWork {
	width:900px;
	float:left;
	margin-top:30px;
	margin-bottom:30px;
}

/* SQUARE */

.designItem {
	width:250px;
	margin-right:60px;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	margin-bottom:22px;
}

.designImg {
	width:250px;
	float:left;
	border:solid 3px #d2d0d0;
	margin-bottom:6px;
}

.designTxt {
	width:265px;
	float:left;
}


/* RECTANGLE */


.designItemRect {
	width:273px;
	margin-right:30px;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	margin-bottom:22px;
	
}

.designImgRect {
	width:273px;
	float:left;
	border:solid 3px #ecebeb;
	margin-bottom:6px;
}

.designTxtRect {
	width:273px;
	float:left;
}

/* --------------------------------------- */

/* DOUBLE RECTANGLE */


.designItemDbRect {
	width:576px;
	margin-right:30px;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	margin-bottom:22px;
	
}

.designImgDbRect {
	width:576px;
	float:left;
	border:solid 3px #ecebeb;
	margin-bottom:6px;
}

.designTxtDbRect {
	width:576px;
	float:left;
}

/* --------------------------------------- */

/* TRIPLE RECTANGLE */


.designItemTrRect {
	width:871px;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	margin-bottom:22px;
	
}

.designImgTrRect {
	width:871px;
	float:left;
	border:solid 3px #d2d0d0;
	margin-bottom:6px;
}

.designTxtTrRect {
	width:871px;
	float:left;
}

/* --------------------------------------- */

.lightGrey {
	color:#8e8a8a;
}

.gradBlockBlue {
	background-image:url(images/backBlue.jpg);
	background-repeat:repeat-x;
	width:933px;
	margin-left:62px;
	float:left;
	background-color:#FFF;
	padding-left:5px;
	padding-top:10px;
}

.longBlock {
	width:600px;
	float:left;
	margin-right:20px;
	padding-right:20px;
}


.shortBlock {
	width:272px;
	float:left;
}

.lightBlue{
	color:#6289d1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.dvInput {
	width:400px;
	float:left;
}

.formLabel{
	width:100px;
	float:left;
}

.spnInputText {
	width:150px;
	float:left;
}

input, textarea, checkbox, select 
{ 
	background: #FFF; 
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #4e70ac;
	border-color: #BABABA; 
	border-style: solid; 
	border-width: 1px; 
	margin-top: 2px; 
	margin-bottom: 2px;
	padding:2px;
	
}

.dividerContact {
	width:850px;
	height:55px;
	background-image:url(images/dividerContact.jpg);
	background-repeat:no-repeat;
	padding: 18px 20px 0px 0px;
	float:left;
	color:#3d2500;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin-top:-10px;
	margin-bottom:5px;
	font-size:11px;
}


/* BANNERS */

.banOtherServices {
	width:272px;
	float:left;
}

.banOtherServicesBlock {
	width:270px;
	height:119px;
	background-image:url(images/banner-BackBlueOtherServices.jpg);
	float:left;
	margin-left:1px;
}

.banOtherServicesCol {
	width:106px;
	padding-left:25px;
	padding-top:14px;
	float:left;
}

a.otherServicesL:link, a.otherServicesL:visited {
	font-weight:bold;
	color:#395689;	
	text-decoration:underline;
}

a.otherServicesL:hover {
	font-weight:bold;
	color:#1f355b;	
	text-decoration:none;
}

.blueTop {
	width:272px;
	height:32px;
	background-image:url(images/banner-BlueBar.jpg);
	margin-bottom:2px;
}

.blueTopText {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	padding-top:7px;
}


#myslides {
	width: 179px;
	height: 131px;
	overflow:hidden;
	position:relative;
	padding-top:20px;
} 

#myslides img {
    width: 179px;
    height: 131px;
}


.quickEnquiryBlock {
	width:272px;
	float:left;
}

.quickEnquiryTop {
	width:222px;
	float:left;
	background-image:url(images/quick-enquiryTop.jpg);
	background-repeat:no-repeat;
	padding: 12px 0px 0px 70px;
	height:26px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}

.quickEnquiryTop2 {
	width:222px;
	float:left;
	background-image:url(images/quick-enquiryTop2.jpg);
	background-repeat:no-repeat;
	padding: 12px 0px 0px 70px;
	height:26px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}


.quickEnquiryMain {
	width:270px;
	float:left;
	background-image:url(images/quick-enquiryBlock.jpg);
	background-repeat:no-repeat;
}

.quickEnquirySmall{
	width:270px;
	float:left;
	background-image:url(images/quick-enquiryBlockSmaller.jpg);
	background-repeat:no-repeat;
	margin-left:1px;
}

.dvInputQuick {
	width:245px;
	float:left;
	padding-bottom:10px;
}

.formLabelQuick{
	width:55px;
	float:left;
	font-weight:bold;
	padding-left:10px;
	padding-top:4px;
}

.spnInputTextQuick {
	width:180px;
	float:left;
}


/* 
Buttons
----------------------------------------------------
*/

#send-me-brief li, 
#send-me-brief li a {
margin-top:10px; float:left; display:block; width:168px; height:22px;
}
#send-me-brief li.send-me-briefLink a { background-image:url(images/send-me-brief.jpg); background-repeat:no-repeat }
#send-me-brief li.send-me-briefLink a:hover { background-image:url(images/send-me-briefO.jpg); }

#read-more li, 
#read-more li a {
margin:0px; float:left; display:block; width:102px; height:22px; margin-left:-20px;
}
#read-more li.read-moreLink a { background-image:url(images/but-readMore.gif); background-repeat:no-repeat }
#read-more li.read-moreLink a:hover { background-image:url(images/but-readMoreO.gif); }

#back-to-top li, 
#back-to-top li a {
margin-top:10px; margin-right:27px; margin-bottom: 10px; float:right; display:block; width:132px; height:22px;
}
#back-to-top li.back-to-topLink a { background-image:url(images/back-to-top.jpg); background-repeat:no-repeat }
#back-to-top li.back-to-topLink a:hover { background-image:url(images/back-to-topO.jpg); }

#request-quote li, 
#request-quote li a {
margin-top:10px; float:left; display:block; width:191px; height:66px;
}
#request-quote li.request-quoteLink a { background-image:url(images/but-RequestAQuote_small.jpg); background-repeat:no-repeat }
#request-quote li.request-quoteLink a:hover { background-image:url(images/but-RequestAQuoteO_small.jpg); }


#requestQuoteL-block li, 
#requestQuoteL-block li a {
float:left; display:block; width:272px; height:94px; margin-left:-41px; margin-top:18px;
}
#requestQuoteL-block li.requestQuoteL-blockLink a { background-image:url(images/banner-RequestQuote.jpg); background-repeat:no-repeat; padding:0; margin:0px; }
#requestQuoteL-block li.requestQuoteL-blockLink a:hover { background-image:url(images/banner-RequestQuoteO.jpg); }


#send li, 
#send li a {
margin:0px; float:left; display:block; width:63px; height:23px; margin-left:-20px;
}
#send li.sendLink a { background-image:url(images/but-send.jpg); background-repeat:no-repeat }
#send li.sendLink a:hover { background-image:url(images/but-sendO.jpg); }


#web-block li, 
#web-block li a {
float:left; display:block; width:272px; height:94px; margin-left:-41px;
}
#web-block li.web-blockLink a { background-image:url(images/wed-design-blockBut.jpg); background-repeat:no-repeat; padding:0; margin:0px; }
#web-block li.web-blockLink a:hover { background-image:url(images/wed-design-blockButO.jpg); }

#print-block li, 
#print-block li a {
float:left; display:block; width:272px; height:94px; margin-left:-41px;
}
#print-block li.print-blockLink a { background-image:url(images/print-block.jpg); background-repeat:no-repeat; padding:0; margin:0px; }
#print-block li.print-blockLink a:hover { background-image:url(images/print-blockO.jpg); }

#logo-block li, 
#logo-block li a {
float:left; display:block; width:272px; height:94px; margin-left:-41px; margin-top:18px;
}
#logo-block li.logo-blockLink a { background-image:url(images/logo-block.jpg); background-repeat:no-repeat; padding:0; margin:0px; }
#logo-block li.logo-blockLink a:hover { background-image:url(images/logo-blockO.jpg); }

#contactUs-block li, 
#contactUs-block li a {
float:left; display:block; width:272px; height:94px; margin-left:-41px; margin-top:18px;
}
#contactUs-block li.contactUs-blockLink a { background-image:url(images/banner-contactUs.jpg); background-repeat:no-repeat; padding:0; margin:0px; }
#contactUs-block li.contactUs-blockLink a:hover { background-image:url(images/banner-contactUsO.jpg); }



/* 
----------------------------------------------------
*/


/* 
Footer
----------------------------------------------------
*/

.footerBlock {
	width:898px;
	padding: 40px 0px 40px 62px;
	float:left;
	color:#FFF;
}

.footerCln {
	width:160px;
	margin-right:50px;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
}

a.footerL:link, a.footerL:visited {
	font-weight:normal;
	color:#ffffff;	
	text-decoration:none;
}

a.footerL:hover {
	font-weight:normal;
	color:#ffffff;	
	text-decoration:underline;
}