@charset "utf-8";
/* CSS Document */

body	{ margin:0; font-family:Arial, Helvetica, sans-serif;  font-size:62.5%; color:#666666; line-height:1.5em;}

/*Text Styling*/
p		{ font-size:1.1em; color:#666666; line-height:1.5em; margin:0;}

h3		{font-size:1.3em; color:#00426A; margin:0; font-family:"Trebuchet MS"; font-weight:normal;}
h2		{font-size:1.6em; color:#00426A; font-family:"Trebuchet MS";  font-weight:normal; margin-bottom:0;}
h4		{ font-size:1.1em; letter-spacing:2px; margin:0; font-weight:normal; color:#00426A; padding-bottom:8px; font-family:"Trebuchet MS";  font-weight:normal;}
h1		{font-size:2em; color:#00426A; font-family:"Trebuchet MS";  font-weight:bold; margin:0;}

p a	{text-decoration:underline;}

a	{text-decoration:none; color:#666666;}
a:hover	{text-decoration:underline;}

label	{font-size:1.1em; color:#CC0066; font-weight:bold;}

.Highlight	{color:#CC0066; }
.Highlight a	{ text-decoration:none; color:#CC0066;}
.Highlight a:hover	{ text-decoration:underline;}

.breadcrum	{font-size:85%; letter-spacing:2px;}

/*Useful Stuff*/
.Clear	{ clear:both;}
.Devide	{ width:100%; margin:5px 0 10px 0; border-bottom:dashed #CCCCCC 1px;}

/*Content*/
#contentHolder	{width:971px; margin:0 auto; padding-top:15px; padding-bottom:20px;}
#banner			{width:971px; height:149px; background:url(../images/template/banner.jpg) no-repeat; float:left;}

.middle			{width:965px;  float:left; padding:10px 3px 10px 3px;}

#footer			{width:951px; height:81px; float:left; padding:5px 10px 10px 10px; color:#666666; background:url(../images/template/footer.jpg) no-repeat;}

/*Navigation*/
#nav	{top: 82px; float:left; position:relative; left:-38px; width:961px;}
#nav li {list-style:none;  text-align:center; display:inline; float:left;}
#nav a 	{ color:#333333; font-size:1.4em; font-weight:normal; padding:12px 19px 0 19px; display:block; height:28px; text-decoration:none; font-family:"Trebuchet MS";}
#nav a:hover 	{ color:#FFFFFF; background:url(../images/template/buttonDown.jpg) repeat-x;}

/*Homepage*/

#homeRight		{width:420px; float:right;}

#servicesTop	{width:410px; height:192px; float:left; background:url(../images/home/servicesTop.jpg) no-repeat; padding:37px 5px 5px 5px; }
.servicesBottom	{width:410px; height:192px; float:left; background:url(../images/home/servicesBottom.jpg) no-repeat; padding:15px 5px 5px 5px; }

.fourColourLeft		{width:195px;  float:left; border-right:1px solid #DCDCDC; padding-right:9px; height:190px;}
.fourColourRight		{width:195px;  float:left; padding-left:10px; height:190px;}
.fourColour h3		{ margin:0;}


.testimonial		{font-family:Georgia, Arial, Helvetica, sans-serif; font-size:1.4em; color:#666666; line-height:1.5em; font-style:italic;}
.bottomContainer	{width:244px; padding-right:10px; float:left; border-right:1px dashed #CCCCCC; padding-left:10px;}

#recentWork			{width:508px ; height:414px; background:url(../images/home/portfolioHomeTemplate.jpg) no-repeat; padding-top:32px; padding-left:14px; }
.recentWorkNav		{float:left; width:155px; height:93px;}
.recentWorkNav a	{padding:4px; border:1px solid #9B9B9B; display:block; background:#FFFFFF;}
.recentWorkNav a:hover	{border:1px solid #1F4874;}

/*Our Services*/
#serviceLeft		{width:650px; float:left;}

.webProcess			{padding:0 5px 0 45px; float:left; margin-top:10px; width:166px;}

.shortcuts			{float:right; width:200px; padding-right:50px;}
.portfolio			{float:left;}
.portfolio a		{background:url(../images/portfolio.jpg) no-repeat; width:200px; height:197px; display:block;}
.portfolio a:hover	{background-position:-200px;}

.quote				{float:left; width:195px; padding-top:95px; background:url(../images/quote.jpg) no-repeat; margin-top:20px; padding-left:5px;}
.quote input		{width:180px; height:20px; padding:5px; margin-bottom:10px; color:#999999; border:1px solid #C5C5C5;}
.quote textarea		{width:180px; height:60px; padding:5px; margin-bottom:10px; color:#999999; border:1px solid #C5C5C5;}

.contact				{float:left; width:300px; padding-right:15px; margin-right:25px;}
.contact input		{width:200px; height:20px; padding:5px;  color:#999999; border:1px solid #C5C5C5;}
.contact textarea		{width:200px; height:80px; padding:5px;  color:#999999; border:1px solid #C5C5C5;}

.button input		{background:url(../images/submit.jpg) no-repeat; width:163px; height:30px; border:0;}
.button input:hover	{background-position:-163px}	

/*Portfolio*/	

.portfolioHolder	{float:left; padding:5px; width:312px; margin-top:10px;}
.thumbnail			{float:left; width:192px; height:169px;}
.thumbInfo			{ float:left; width:100px; height:149px; padding:10px; background:url(../images/portfolio/miniInfo.jpg) no-repeat;}