@charset "utf-8";
/* CSS Document */
body                {margin:0px; padding:0px; background-color:#f5f5f5; font-family:Arial, Helvetica, sans-serif; color:#666666;}
a                   {color:#068ecc;}
a:hover             {color:#cc4800;}
#containerHeader    {color:#fff; background-color:#11335c; overflow:hidden; }

.central            {width:960px; margin:0 auto;}
#logo               { background:url(../images/copiaconnectlogo.png) no-repeat top left; width:310px; height:96px; overflow:hidden; float:left; }
#logo h1            {display:block;  margin:0px;}
#logo h1 a          {display:block; height:196px; margin-top:-100px;}

#telephone          {float:left; width:310px; text-align:right; display:block; margin-left:340px;}
#telephone p        {font-family:Calibri, arial, helvetica; font-size:1.3em; font-weight:bold;  font-variant:small-caps; margin-top:38px; }

#topnav             {clear:both;}
#topnav ul          {list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 1px; overflow:hidden;background:url(../images/tabdivide.png) no-repeat top left; }
#topnav li          {margin:0px 0px 0px 0px; padding:0px 1px 0px 0px; line-height:1.0em; float:left; background:url(../images/tabdivide.png) no-repeat top right;}
#topnav li a        {display:block; color:#fff; font-family:Calibri, arial, helvetica; font-size:0.9em; font-variant:small-caps; text-decoration:none; padding:10px 13px 10px 13px; min-height:32px; max-width:135px; text-align:center;  }
#topnav li a:hover  { background-color:#068ecc
;}
#topnav li a.navcurrent{ background:#ffffff url(../images/tabgrad-current.png) repeat-x top left; color:#068ecc; border-top:1px solid #fff;  border-left:1px solid #fff;  border-right:1px solid #fff; padding:9px 12px 10px 12px;}
#topnav li.firstitem{}

.clear              {position: absolute;left: -999px; width: 990px;}
.blue               {color:#068ecc;}


#containercentral	{ background:url(../images/mainbg-mid.png) repeat-y center; overflow:hidden; height:100%; padding:15px 0px 30px 0px;}
.column1			{float:left; width:710px; margin-right:20px;}
.column2			{float:left; width:230px;}
.headerimage		{margin-bottom:15px;}
.orangeheader		{margin-bottom:15px; background-color:#cc4800; color:#fff; padding:20px; height:119px;}
.orangeheader h1	{font-size:1.4em; font-weight:normal; margin:0px; line-height:1.2em;}

h1, h2				{ font-family:Calibri, arial, helvetica; }
p					{font-size:0.8em; margin-top:0px; line-height:1.3em;}
h2					{color:#11335c; font-size:1.2em; font-weight:normal; margin-bottom:0.3em; line-height:1.2em;}
.h2bigger            { font-size:140%;}

.maincontent		{padding:10px 20px 10px 20px; margin-bottom:15px;}

.maincontent ul li 	{font-size:.8em;}

.ctaright			{margin-bottom:15px;}

.testimonial		{ border:1px solid #dddddd;  background:#efefef /*url(../images/sihouette.png) no-repeat bottom right*/;  margin-bottom:15px;}
.testimonial h2		{margin:0px; padding:10px 10px 10px 10px; border-bottom:1px solid #dddddd; font-variant:small-caps;  }
blockquote			{padding:10px 20px 30px 20px; margin:0px; /*font-style:italic; background:url(../images/quotemarks.png) no-repeat top left;*/}
blockquote p		{font-size:0.7em; line-height:1.4em;}
blockquote a		{font-weight:bold;}
blockquote cite p	{ font-style:normal;}
.testimonials       { font-size:.9em; height:165px;}

#containerfooter	{ background:url(../images/mainbg-btm.png) no-repeat top center; overflow:hidden; }
#containerfooter .central{padding:50px 20px 20px 20px; width:920px;}
#containerfooter p	{font-size:0.7em; line-height:1.4em;}

.strong 			{font-weight: bold;}

/*width for each navigation section */
.firstitem			{ }
.seconditem			{ width:110px;}
.thirditem			{ width:130px;}
.fourthitem			{ }
.fithitem			{ }
.sixthitem			{ }
.seventhitem		{ width:115px; }
.eighthitem			{ }

/*Banner colours*/
.header_green		{ background:#71B900;}
.header_web			{ background:#5C5F40; /*background:#8E8973;*/}
.header_tulips		{ background:#A9110E; background:#DD2700; background:#FE6903;/* background:#E28D00;*/}
.header_starfish	{ background:#FE7C48; background:##FE693E; background:#F36C32;}
.header_shell		{ background:#9DAEBE; background:#556866;}
.header_ladybird	{ background:#80A229;}
.header_i-spy		{ background:#424A19; background:#9E9E60; background:#BCBA7D;}
.header_daisy		{ background:#DFE142; background:#B1BF36;}
.header_field		{ background:#6696C7; background:#176F09; background:#57A504;}

/*Contact form*/
#contactform		{ background:#f7f7f7; margin-top:10px; padding-bottom:20px;}
#contactform p		{ padding:5px; }
.row 				{ margin: 10px 0 5px 0; /*background:#f7f7f7;*/ }
.row .names			{ width: 180px; display:block; float: left; color: #333; font-weight: 500; margin-right:5px; padding-left:5px; padding-top:5px; font-size:.8em; }
.message			{ color: #BD0606;}
legend 				{ border:1px solid #ccc; padding: 3px 5px; width: 400px;}
.left				{ float:left;}
.clear				{ clear:both;}
.errormessage		{ margin: 0 0 0 0px; color:#FF0000;}
.together 			{ margin-top:-15px;}
.red				{ color:#f00;}
.errorsize			{ font-size:.7em; }