/*   light blue #51cbf9;  */  
/*   dark blue #115fac;   */
/*   ff9000 live orange   */



*			{padding:		0px;
			margin:     	        0px;
			border:			0px;
			background:		transparent;}

body			{color:			#555;
			font-size: 		13px;
			padding:		20px 0px 100px 0px;
			font-family:		tahoma, aial, helvetica, sans-serif;
			background:		#fff;}

a			{color:			#555;
			text-decoration:	underline;}

a:hover			{color:              	#ee9900;
			color:			#ff9c00;
			text-decoration:	none;}















.clear			{clear:			both;}

p.clear			{font-size:		10px;
			line-height:		10px;
			padding:		0px;
			margin:			0px}

img			{display:		block;}

h1, h2, h2 a, h3, h3 a, h4, h5, h6, dt, dt a
			{text-transform:	capitalize;
			font-family:		tahoma;
			color:			#ff9c00;
			text-align:		left;
			font-weight:		bold;
			padding:		10px 0px 5px 15px;
			word-spacing:		0px;}

h1			{text-align:		right;
			float:			right;
			padding:		60px 272px 0px 0px;
			display:		block;
			color:			#00baff;
			font-size:		12px;
			line-height:		17px;}

h1.twolines		{padding-top:		77px;}

h1.oneline		{padding-top:		89px;
			font-size:		18px;}

h2			{clear:			left;
			font-size:		22px;
			padding-top:		10px;}

h2.center		{text-align:		center;}

h3, #right div h3 a	{text-transform:	capitalize; /* capitalize uppercase lowercase */
			font-size:		16px;
			padding-top:		25px;}

#menuleft h3	 	{color:			#51cbf9;
			color:			#ff9c00;
			padding-left:		10px;
			font-size:		15px;}

#menuleft h4	 	{padding-left:		10px;}

h4			{color:			#51cbf9;
			font-size:		13px;
			padding:		5px 0px 5px 15px;}

a h4			{padding-left:		0px;}




/*                      +                       */





#headerwrapper		{background:		transparent url(./img/headerwrapperbg.jpg) center top repeat-x;
			border-top:		0px solid #e38000;
			width:			900px;
			margin: 		0px auto;
			min-width:		900px;
    			/* IE Dynamic Expression to set the width */
    			/* width:expression(document.body.clientWidth < 550 ? "900px" : "100%" ); */ }
			

#header			{width:			900px;
			height:			150px;			
			margin:			0px auto;
			background:		transparent url(./img/headerimg.jpg) bottom right no-repeat;}

#header a img		{float:			left;}

#header ul		{width:			700px;
			clear:			left;
			float:			left;
			padding:		0px 0px 0px 0px;
			list-style-type:	none;}

#header ul li		{float:			left;
			display:		block;
			padding:		0px 10px 0px 0px;}

#header ul li a		{font-size:		12px;
			font-family:		tahoma, georgia, "trebuchet ms", aial, helvetica, sans-serif;
			display:		block;
			text-align:		center;
			font-weight:		bold;
			text-decoration:	none;
			text-transform:		capitalize;
			padding: 		8px 7px 8px 14px;
			background:		#aaa;
			color:			#fff;}

#header ul li a:hover	{background:		#d6d6d6 url(./img/menu2.gif) 5px 11px no-repeat;
			text-decoration:	none;
			color:			#115fac;   }



















dl			{margin:		10px 15px;}

dl.home			{float:			left;
			width:			285px;
			text-align:		left;
			display:		inline;
			margin:			5px 10px 0px 20px;}

dt			{font-size:		17px;
			padding:		0px;}

dt a			{padding-left:		0px;
			color:			#115fac;
			text-decoration:	none;}

dt a:hover		{}

dd			{display:		block;
			padding:		2px 0px 0px 10px;			
			background:		transparent url(./img/menu1.gif) 0px 6px no-repeat;}

dl span a		{display:		block;
			color:			#115fac;
			font-size:		10px;
			font-weight:		bold;
			text-transform:		capitalize;
			float:			right;
			margin:			5px 0px 0px;}






a.latestprojects	{float:			left;
			border:			2px solid #115fac;
			padding:		0px;
			margin:			10px 8px 10px 8px;}

a.latestprojects.first	{margin-left:		16px;}

a.latestprojects:hover	{border-color:		#ff9c00;
			margin:			3px 0px 0px 0px;}

a.latestprojects.first:hover
			{margin-left:		8px;}

a.latestprojects img
			{float:			none;
			width:			84px;}

a.latestprojects:hover img
			{width:			100px;}

p.quote 		{text-align:		left;
			float:			left;
			width:			288px;
			display:		block;
			border-top:		0px solid #f7f7f7;
			margin:			0px;
			font-size:		12px;
			font-style:		italic; 
			font-weight:		normal;
			font-family:		georgia;}

p.quote span, span.author
			{color:			#115fac;
			display:		block;			
			text-align:		right;
			font-size:		10px;
      			font-weight:		normal;}

span.author		{margin:		0px 15px 0px 0px;}

span.author a		{color:			#115fac;}

div.quotes		{height:		250px;
			 background: url(./img/quotes.gif) 20px 5px no-repeat;}



















#body			{width:			899px;
			overflow:		auto;
			clear:			both;
			margin:			0px auto;
			border-right:		1px solid #ddd;
			background:		#f7f7f7 url(./img/bottombg.jpg) left bottom repeat-x;}

#body p			{line-height:		17px;}

#body p.low		{padding:		0px 15px 0px 15px;}















#menuleft               {float:			left;
			width:			253px;
			padding:		0px 0px 0px 5px;
			background:		transparent url(./img/topbg.jpg) left top repeat-x;}

#menuleft img.right	{float:			right;
			padding:		0px;}

#menuleft p		{padding:		0px 10px 7px 10px;}		

#menuleft ul            {padding:            	15px 0px 10px 0px;
			background:		url(./img/ulleftbg.jpg) left bottom no-repeat;
			display:		block;
	                list-style:         	none;}

#menuleft li            {display:            	block;}

#menuleft li a		{display:		block; 
			text-decoration:	none;
			height:			50px;
			padding:		6px 5px 6px 8px;
			font-size:		14px;
			color:			#115fac;
			width:			238px;
			font-weight:		bold;}

#menuleft li a b	{color:			#ff9000;}

#menuleft li a span	{display:		block;
			color:			#555;
			font-weight:		normal;
			font-size:		12px;
			text-transform:		none;}

#menuleft li a:hover  	{background:		url(img/menuleftbg.gif) left top no-repeat;}		


































#right			{float:			left;
			width:			639px;
			padding:		15px 0px 10px 0px;
			text-align:		justify;
			border-right:		1px solid #ff9c00;
			border-right:		1px solid #d6d6d6;
			border-left:		1px solid #ddd;
			cursor:			default;
			background:		transparent url(./img/topbg.jpg) left top repeat-x;}

#right p		{padding:		0px 15px 7px 15px;}

#right p.textbox, #right div.textbox
	 		{background:		#e4f3f9;
			border:			1px solid #51cbf9;
			padding:		10px;
			text-align:		justify;
			margin:			0px 15px 7px 15px;}

#right div.textbox p	{padding:		0px;}

.textbox code 		{font-size:		10px;
			display:		inline;}

#right img.center	{margin:		10px auto;}

#right img.right	{float:			right;
			padding:		0px 0px 0px 0px;}

#right img.left		{float:			left;
			padding:		0px 0px 0px 0px;}

#right p.price		{font-size:		30px;
			float:			right;
			width:			150px;
			font-family:		georgia;}

#right #urlsubmission	{list-style-type:	none;
			height:			360px;
			padding-top:		15px;
			padding-left:		15px;}

#right #urlsubmission li {float:		left;
			width:			202px;
			padding:		1px 0px;
			font-size:		11px;}	

#right #urlsubmission li a	
			{text-decoration:	none;}























a.button		{padding:		10px;
			line-height:		25px;}


a.portfolio		{float:			left;
			border:			1px solid #abe4f9;
			width:			245px;
			margin:			17px 0px 17px 27px;
			text-align:		right;
			padding:		0px 10px 20px 10px;
			font-size:		10px;
			text-decoration:	none;
			color:              	#555555;
			background:		#e4f3f9;
			background:		#fff;}

a.portfolio.right	{float:			right;
			margin:			17px 27px 17px 0px;}			

a.portfolio h4		{text-align:		left;
			text-transform:		none;}

a.portfolio img		{display:		block;
			padding:		5px 0px 0px 0px;
			width:			245px;}

a.portfolio:hover
			{border:		1px solid #ffdaa2;
			border:			1px solid #abe4f9;
			background:		#fff1dd;
			background:		#e4f3f9;}






























#footer			{width:			900px;
			display:		block;
			text-align:		center;
			margin:			0px auto;
			padding:		8px 0px 8px 0px;
			letter-spacing:		0px;
			font-size:		9px;
			color:			#65a7e9;
			background:		transparent url(./img/footerbg.jpg) bottom center no-repeat;}

#footer p.cclogos	{display:		block;
			padding:		9px 0px 6px 0px;
			font-family:		verdana, 'trebuchet MS', tahoma, helvetica;
			letter-spacing:		0px;
			font-size:		9px;	
			line-height:		10px;
			color:			#666666;
			background:		transparent url(./img/cclogos.gif) top right no-repeat;}



ul.bottomlinks		{text-align:		center;
	                list-style:         	none;
			padding-top:		20px;
			font-size:		10px;
			color:			#115fac;}

ul.bottomlinks li	{display:		inline;
			border-right:		1px solid #115FAC;}

ul.bottomlinks li.last	{border-right:		0px;}

ul.bottomlinks li a	{color:			#115fac;
			padding:		0px 5px;
			text-decoration:	none;
			font-weight:		bold;
			text-transform:		capitalize;}

ul.bottomlinks li a:hover {color:		#ff9000;
			padding:		0px 5px;
			text-decoration:	none;}
















form div		{padding:	0px 0px 5px 15px;}

fieldset		{border:	1px solid #51cbf9;
			padding: 	10px 10px;
			margin:		10px 30px 30px 30px;
			display:	block; }
	
legend			{padding: 	0px 10px 5px 10px;
			font-weight:	bold;
			color:		#ff9c00;
			margin:		0px 0px 0px 0px;
			text-transform:	capitalize;
			border:		1px solid #51cbf9;
			border-top:	0px;
			background:	#f7f7f7;}

div.textfield, div.textarea
		 	{width:		510px;
			height:		25px;
			padding:	0px 0px 0px 15px;}

div.textarea		{height:	110px;}

div.textfield input, div.textarea textarea
			{float:		right;
			width:		330px;
			height:		17px;
			padding: 	2px 0px 0px 0px;
			background:	#e4f3f9;
			color:		#555;
			border:		0px solid #3a3db1; 
			font-family:	arial, verdana, tahoma;
			font-size:	12px;}

div.textarea textarea	{height:	100px;}

input.send		{margin:	10px auto;
			display:	block;
			background:	#f7f7f7;
			color:		#ff9c00;
			width:		80px;
			height:		22px;
			font-weight:	bold;
			font-size:	15px;
			cursor:		pointer;
			border:		1px solid #51cbf9;}

fieldset.county div	{width:		100px;
			float:		left;
			font-size:	11px;}

fieldset.county div input
			{float:		left;}


























a.icon			{float:		left;
			margin:		5px 0px 15px 20px;
			border:		2px solid #115fac;}

a.icon:hover		{border:	2px solid #ff9c00;}






p.w3c                   {text-align:	center;
			padding-top:	30px;}

p.w3c a img		{display: 	inline;}