/* CSS Document */

	html, body {
		height: 100%;
	}
	
	* html #container {
		height: 100%;
	}
	
	* {
		padding: 0;
		margin: 0;
	}
	body {
		border: 0px none #ffffff;
		margin: 0px 0px 0px -3px;
		padding: 0px 0px 0px 0px;
		background-color: #b9b67e;
		text-align:center;
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: small;
		background-image:url(../ccimages/spring09/background.jpg);
		background-position:bottom center;
		background-repeat:no-repeat;
		background-attachment:fixed;
	}
	
	#container {
		min-height: 100%;
		width: 960px;
		background-color:#ffffff;
		margin: 0 auto;
	}
	
	#top_nav {
		width:950px;
		height:25px;
		padding:5px 5px 5px 5px;
		text-align:left;
		background-color:#FFFFFF;
	}
	
	#nav_bg {
		width:960px;
		height:40px;
		margin:70px 0px 0px 0px;
	}

	#header{
		width: 960px;
		height: 232px;
		border: 0px none #ffffff;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-image:url(../ccimages/spring09/header_mid.jpg);
		overflow:hidden;
	}
	
	#header_random_image {
		float:left;
		width:920;
		height:179px;
		margin:4px 0px 0px 30px;
	}
	
	#header_top{
		width: 960px;
		height: 53px;
		border: 0px none #ffffff;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-image:url(../ccimages/spring09/header_top.jpg);
		overflow:hidden;
	}
	
	#header_mid_top{
		width: 960px;
		height: 70px;
		border: 0px none #ffffff;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-image:url(../ccimages/spring09/header_top_mid.jpg);
		overflow:hidden;
	}
	
	#spacer{
		float: right;
		width: 8px;
		height: 40px;
		margin: 34px 0px 0px 0px;
		padding: 7px 0px 0px 0px;
		background-image:url(../ccimages/spacer.gif);
		background-repeat: no-repeat;
		text-align: center;
		background-color:transparent;
		color: #adadad;
	}
	
	#tsub_port,#tsub_site,#tsub_help{
		float: right;
		width: 87px;
		height: 10px;
		margin: 0px 0px 0px 0px;
		padding: 2px 0px 0px 0px;
		background-image: url();
		background-repeat: no-repeat;
		text-align: center;
		background-color:transparent;
		color: #adadad;
	}
	
	#submspacer{
		float: right;
		width: 18px;
		height: 20px;
		margin: 5px 0px 0px 0px;
		padding: 7px 0px 0px 0px;
		background-image:url(../ccimages/spacer.gif);
		background-repeat: no-repeat;
		text-align: center;
		background-color:transparent;
		color: #adadad;
	}
	
	#tab_home,#tab_websites,#tab_design,#tab_copy,#tab_photography{
		float: right;
		width: 87px;
		height: 40px;
		margin: 45px 0px 0px 0px;
		padding: 7px 0px 0px 0px;
		background-image: url(../ccimages/tab.gif);
		background-repeat: no-repeat;
		text-align: center;
		background-color:transparent;
		color: #adadad;
	}

	#tab_home:hover,#tab_websites:hover,#tab_design:hover,#tab_copy:hover,#tab_photography:hover{
		float: right;
		width: 87px;
		height: 40px;
		margin: 40px 0px 0px 0px;
		padding: 7px 0px 0px 0px;
		background-image: url(../ccimages/tab.gif);
		background-repeat: no-repeat;
		text-align: center;
		background-color:transparent;
		color: #adadad;
	}
	
	.side_nav_top{
		width:160px;
		height:12px;
		background-image:url(../ccimages/side_nav_top.gif);
		background-repeat:no-repeat;
	}
	
	.greycontent{
		width:148px;
		border-left: 1px solid #adadad;
		border-right: 1px solid #adadad;
		text-align:left;
		margin:-6px 0px 0px 0px;
		padding: 0px 5px 0px 5px;
		background-color:#ffffff;
	}	
	
	.side_nav_bottom{
		width:160px;
		height:10px;
		margin-top:-3px;
		background-image:url(../ccimages/side_nav_bottom.gif);
		background-repeat:no-repeat;
	}
	
	a.tabs{
		background-color:transparent;
		color: #895313;
		text-decoration:none;
		font-size:11px;
		font-weight:bold;
	}
	
	a.tabs:hover{
		color: #555555;
		text-decoration:none;
		font-size:11px;
		font-weight:bold;
	}
	
	a.smtabs{
		background-color:transparent;
		color: #ffffff;
		text-decoration:none;
		font-size:11px;
		font-weight:bold;
	}
	
	a.smtabs:hover{
		color: #555555;
		text-decoration:none;
		font-size:11px;
		font-weight:bold;
	}
	
	a{
		color: #033158;
		text-decoration:none;
	}
	
	a:hover{
		color: #033158;
		text-decoration:underline;
	}
		
	#white_spacer {
		width:960px;
		background-color:b9b67e;
		height:51px;
	}
	
	#header_bottom{
		padding: 0px 0px 0px 0px;
		height: 13px;
		background-image:url(../ccimages/spring09/header_bot.jpg);
		background-repeat:no-repeat;
		text-align: right;
	}	
	
	#page-core{
		min-height: 100%;
		width:960px;
		/*background-image:url(../images/autumn08/corebgtop_07.jpg);
		background-repeat:no-repeat;*/
		padding: 0px 0px 116px 0px;
	}
		
	#footer{
		clear:both;
		margin: 0 auto; 
		padding: 0px; 
		text-align: left; /* Needed for IE*/ 
		width: 960px;
		height: 116px;
		border: 0px none #ffffff;
		background-image:url(../ccimages/spring09/footer.jpg);
		background-repeat:no-repeat;
		margin-top: -80px;
	}
	
	.footer_content {
		padding-top:24px;
		text-align:center;
		color: #3333;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	
	.rightcolumnheader {
		width:164px;
		height:20px;
		padding:5px;
		border:0px;
		background-color:#ff5d06;
	}
	
	.column_top_spacer {
		width:960px;
		height:15px;
		border:0px none #ffffff;
		padding:0px;
		margin:0px;
	}
	
	#rightcolumn{
		width:170px;
		text-align:left;
	}
	
	#centrecolumn{
		width:564px;
		text-align:left;
		padding-left:10px;
		padding-right:10px;
	}
	
	#leftcolumn{ 
		width:170px;
		padding-left:5px;
	}

	
	
	.dotted_quotebox{
		border-left: 1px dotted #5A9FD6;
		border-top: 1px dotted #5A9FD6;
		margin: 0px 0px 20px 0px;
		padding: 5px 0px 0px 5px;
		text-align:left;
		font-size:11px;
	 }
	

	
	.contentpwhite{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:normal;
		color:#331907;
	}
	
	.contentpwhiteheadline{
		margin:10px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#f05a00;
	}
	
	.linkpwhiteheadline{
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#57ac03;
	}
	
	.headlineaqua{
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#35BBCA;
	}
	
	.headlinelinks{
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#4d7525;
		border-bottom:1px dotted #76b637;
	}
	
	.headlinelinks:hover{
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#9bca6e;
	}
		
	.contentpgrey{
		background-color:#eeeeee;
	}
	
	.paragraphborder{
		margin:10px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		border:0px none #FFFFFF;
	 	border-bottom:1px dotted #adadad;
	 	clear:both;
	}
	
	.portbox{
		width:200px;
		margin:10px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		border:0px none #FFFFFF;
	 	border-top:1px dotted #adadad;
		border-right:1px dotted #adadad;
		border-bottom:1px dotted #adadad;
		border-left:1px dotted #adadad;
	 	clear:both;
	}
	
	.pbcontent{
		margin:0px 0px 20px 0px;
		padding: 2px 5px 2px 5px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
	}
		
	.tasterimage{
		border:1px solid #000000;
		float:left; 
		margin-right:10px;
	}
	
	.tasterimagenb{
		border:0px none #000000;
		float:left; 
		margin-right:10px;
	}
	
	.contactdetails{
	 	text-align:center;
	 	font-size:15px;
	 }

	.quotesbox{
		width:200px;
		height:92px;
		border: 0px none #ffffff;
		margin: 0px 0px 0px 0px;
		padding: 10px 8px 5px 5px;
		background-image:url(../images/quotebg.gif);
		background-repeat:no-repeat;
	}
	
	input.btn {
		color:#434343;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:normal;
		background-color:#FFFFFF;
		border:1px solid;
		border-top-color:#ffba00;
		border-left-color:#ffba00;
		border-right-color:#ffba00;
		border-bottom-color:#ffba00;
	}

	.texta {
		font-family: arial, helvetica, sans-serif;
		font-size : 12px;
		color: #666666;
		font-weight : normal;
		text-decoration: none;
		background-color: #FFFFFF; 
		border:1px solid #ffba00; 
	}
	
	.lopenlink A, .lopenlink A:visited {
		font-size: 13px;
		padding: 0px;
		margin: 0px;
		display: block;
		background-image:url(../ccimages/more.gif);
		background-repeat: no-repeat;
		background-position: right center;
		font-weight: normal;
		color: #033158;
		font-decoration: none;
	}
	
	.lopenlink A:hover {
		padding: 0px;
		margin: 0px;
		display: block;
		background-image:url(../ccimages/moreover.gif);
		background-repeat: no-repeat;
		background-position: right center;
		color : #333333;
		font-size: 13px;
		font-weight: normal;
		font-decoration: none;
	}
			
	.openlink A, .openlink A:visited {
		font-size: 12px;
		padding-top: 4px;
		margin: 0px;
		border-top:1px dashed #aaaaaa;
		display: block;
		background-image:url(../ccimages/more.gif);
		background-repeat: no-repeat;
		background-position: right center;
		font-weight: bold;
		color: #a5bc47;
		font-decoration: none;
	}
	
	.openlink A:hover {
		padding-top: 4px;
		margin: 0px;
		border-top:1px dashed #aaaaaa;
		display: block;
		background-image:url(../ccimages/moreover.gif);
		background-repeat: no-repeat;
		background-position: right center;
		color : #cccccc;
		font-size: 12px;
		font-weight: bold;
		font-decoration: none;
	}
	
	
	
	
	.smopenlink A, .smopenlink A:visited {
		font-size: 13px;
		padding: 0px 0px 0px 20px;
		margin: 0px;
		display: block;
		background-image:url(../ccimages/bulletsm.gif);
		background-repeat: no-repeat;
		background-position: left center;
		font-weight: normal;
		color: #555555;
		font-decoration: none;
	}
	
	.smopenlink A:hover {
		padding: 0px 0px 0px 20px;
		margin: 0px;
		display: block;
		background-image:url(../ccimages/bulletsm.gif);
		background-repeat: no-repeat;
		background-position: left center;
		color : #f05a00;
		font-size: 13px;
		font-weight: normal;
		font-decoration: none;
	}
			
	/*.openlink A, .openlink A:visited {
		font-size: 12px;
		padding-top: 4px;
		margin: 0px;
		border-top:1px dashed #aaaaaa;
		display: block;
		background-image:url(../images/bulletsm.gif);
		background-repeat: no-repeat;
		background-position: right center;
		font-weight: bold;
		color: #a5bc47;
		font-decoration: none;
	}
	
	.openlink A:hover {
		padding-top: 4px;
		margin: 0px;
		border-top:1px dashed #aaaaaa;
		display: block;
		background-image:url(../images/bulletsm.gif);
		background-repeat: no-repeat;
		background-position: right center;
		color : #cccccc;
		font-size: 12px;
		font-weight: bold;
		font-decoration: none;
	}*/
	
	.lparagraphborder{
		margin:3px 0px 3px 0px;
		padding:0px 0px 0px 0px;
		border:0px none #FFFFFF;
	 	border-bottom:1px dotted #adadad;
	}
	
	/* explandable*/
	
	.explinks {
		margin: 0px 0px;
		padding: 0px;
	}
	
	.explinks A, .explinks A:visited {
		padding: 5px;
		margin: 0px;
		display: block;
		background-image:url(../ccimages/moreover.gif);
		background-repeat: no-repeat;
		background-position: left center;
		color : #2669ad;
		font-size: 10px;
		font-weight: bold;
		font-decoration: none;
	}
	
	.explinks A:hover {
		padding: 5px;
		margin: 0px;
		display: block;
		background-image:url(../ccimages/more.gif);
		background-repeat: no-repeat;
		background-position: left center;
		color : #16beee;
		font-size: 10px;
		font-weight: bold;
		font-decoration: none;
	}

	.expblock {
		margin: 0px;
		padding: 0px 0px 0px 0px;
		border-bottom: 0px none #000000;
	}
	
	.openlink {
		margin: 5px 0px;
		padding: 0px;
	}
		
	.expholder {
		margin: 0px;
		padding: 0px 5px;
	}
	
		
	.expList {
		padding: 0px;
		margin: 0px 0px 0px 0px;
	}
	
	.expList ul {
		margin: 0px;
		list-style-type: none;
		padding: 0px 0px 3px 0px;
		margin: 0px 0px 0px 10px;
		color: #666666;
		font-size: 11px;
		font-weight: normal;
		float:inherit;
	}
	
	.expList ul li {
		padding: 0px 0px 0px 12px;
		margin: 0px 0px 0px 10px;
		/*text-transform: capitalize;*/
		background-image: url(../ccimages/bulletsm.gif);
		background-repeat: no-repeat;
		background-position: left;
	}
	
	.latest_proj_thumb {
		width:280;
		float:left;
		margin-right:6px;
	}
	
	.latest_proj_desc {
		width:280;
		float:left;
		margin-right:6px;
	}
	
	.body_text {
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: small;
	}
	
	.heading_boxes {
		width:100%x;
		padding:3px 0px 3px 0px;
		margin:0px 0px 10px 0px;
	}
	
	.compliancy_box {
		width:98%;
		text-align:left;
		border:0px none #ffffff;
	}
	
	.compliancy_logo {
		float:left;
		margin-right:5px;
	}
	
	.telephone{
		font-size: medium;
		font-weight: bold;
	}

	.latest_proj_links {
		width:280;
		float:left;
		margin-right:2px;
		margin-bottom:5px;
	}
	
	.calc_total{
		width:100px;
		font-family: arial, helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#f05a00;
		background-color: #FFFFFF; 
		border-top:1px solid #ffba00;
		border-bottom:1px solid #ffba00;
		border-left:0px none #ffffff;
		border-right:0px none #ffffff; 
	}
	
	.offer_box {
		width:185px;
		height:250;
		background-color:#ffffff;
		border-right:1px dotted #adadad;
	}
	
	.offer_box_right {
		width:185px;
		height:250;
		background-color:#ffffff;
	}
	
	#offer1 {
		width:185px;
		height:60px;
		background-image:url(../ccimages/offer1_bg.jpg);
		background-position:top;
		background-repeat:no-repeat;
	}
	
	#offer2 {
		width:185px;
		height:60px;
		background-image:url(../ccimages/offer2_bg.jpg);
		background-position:top;
		background-repeat:no-repeat;
	}
	
	#offer3 {
		width:185px;
		height:60px;
		background-image:url(../ccimages/offer3_bg.jpg);
		background-position:top;
		background-repeat:no-repeat;
	}
	
	#offer4 {
		width:185px;
		height:60px;
		background-image:url(../ccimages/offer4_bg.jpg);
		background-position:top;
		background-repeat:no-repeat;
	}
	
	#offer5 {
		width:185px;
		height:60px;
		background-image:url(../ccimages/offer5_bg.jpg);
		background-position:top;
		background-repeat:no-repeat;
	}
	
	#offer6 {
		width:185px;
		height:60px;
		background-image:url(../ccimages/offer6_bg.jpg);
		background-position:top;
		background-repeat:no-repeat;
	}
	
	.grey_offer {
		width:165px;
		font-family: arial, helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		color:#555555;
		padding-left:5px;
		background-color: #FFFFFF; 
	}
	
	.orange_offer {
		width:165px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#f05a00;
		padding-left:5px;
		background-color: #FFFFFF; 
		border-bottom:1px dotted #adadad;
	}
	
	.text_offer {
		width:165px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:normal;
		color:#000000;
		padding-left:5px;
		padding-top:5px;
		background-color: #FFFFFF;
	}
	
	.more_offer {
		width:165px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#57ac03;
		padding-left:5px;
		padding-top:5px;
		background-color: #FFFFFF;
	}
	
	.image_left {
		width:150px;
		height:110px;
	}
        P.footerblacklink {FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;}
        A.footerblacklink:link {FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif; TEXT-DECORATION: none}
        A.footerblacklink:visited {FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif; TEXT-DECORATION: none}
        A.footerblacklink:active {FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif; TEXT-DECORATION: none}
        A.footerblacklink:hover {FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif; TEXT-DECORATION: none}