/*------------------------------------------------------------------------------*/
/*	 WEBSITE BODY					*/
/*------------------------------------------------------------------------------*/
* {padding: 0; margin: 0;}
body {width:100%;font-family:Arial, Helvetica, sans-serif;background-image: url(../images/bg.jpg);background-repeat: no-repeat;
background-position: top; background-color: #273555;}
#wrapper {width: 980px; margin-right: auto; margin-left: auto;}
.clearcols{clear:both; height:1px;}

/*------------------------------------------------------------------------------*/
/*	Global rules			*/
/*------------------------------------------------------------------------------*/
h1 {font-family: dinpro-medium, Arial, Helvetica, sans-serif; font-size: 27pt;font-weight: bold;color: #FFF;}
#welcome h1 {
	text-indent:-9999px;
	background: url(../images/welcometext.png) no-repeat; width:358px; height:128px; font-weight: normal; margin-top:40px; margin-left:20px;}
h4 {font-family: dinpro-medium, Arial, Helvetica, sans-serif; font-size: 27pt;font-weight: bold;color: #FFF; padding-top:20px; padding-left: 25px;padding-right: 25px;text-transform: uppercase;}
h2 {font-size: 11pt;font-weight: bold;color: #999;}
h3 {font-size: 14pt;font-weight: bold;color: #60e0eb;;}
img{border: none;}
p {color: #ffffff;  font-size: 11pt;line-height: 16pt; padding-top: 0px; padding-left: 0px;}
p strong {color: #c73263; font-size:24pt;}
/*------------------------------------------------------------------------------*/
/*	 TOP DIVS AND NAV				*/
/*------------------------------------------------------------------------------*/
#navigation {width: 960px;}
#logo{float:left; margin-top:44px; margin-left:5px}
#nav{float:right; background-image: url(../images/navbar.png);width: 740px; height:60px; margin-top:50px; margin-bottom: 40px;}
ul#topnav{margin:0 0 0 6px; padding:0; float:left; width: 100%; list-style: none; font-size:12px;}
ul#topnav li{float: left; margin:0; padding:0; list-style-image: none;}
ul#topnav li a{ float: left; text-indent: -9999px;height:60px;list-style-image: none;}
ul#topnav li:hover a, ul#topnav li a:hover{background-position: 0 -60px;} /*--Hover State for all Top Navigation--*/
ul#topnav li a.active {background-position: 0 0px;} /*--Hover State for all Top Navigation--*/
/*--Navigation Buttons--*/
ul#topnav a.home{width:60px;margin-left:12px;background-image: url(../images/navigation/home.png);background-repeat: no-repeat; background-position: bottom;}
ul#topnav a.about{background:url(../images/navigation/about.png) no-repeat; width:70px; margin-left:35px; 	background-position: bottom;}
ul#topnav a.services{background:url(../images/navigation/services.png) no-repeat; width:96px; margin-left:35px; background-position: bottom;}
ul#topnav a.portfolio{background:url(../images/navigation/portfolio.png) no-repeat; width:110px; margin-left:35px;	background-position: bottom;}
ul#topnav a.contact{background:url(../images/navigation/contact.png) no-repeat; width:90px; margin-left:35px; background-position: bottom;}
ul#topnav a.price-list{background:url(../images/navigation/price-list.png) no-repeat; width:104px; margin-left:35px; background-position: bottom;}
/*------------------------------------------------------------------------------*/
/*	 MIDDLE DIVS home page			*/
/*------------------------------------------------------------------------------*/
#toprow {width: 980px;}
#welcome {background-image: url(../images/welcom-box.png); background-repeat: no-repeat; height: 320px;width: 420px; float:left; margin-bottom: 30px;}
#welcometext {padding: 40px 25px 24px;}
#slider_body {height: 320px;width: 560px;float:right;}
#slider_top{width:560px; height:320px; overflow:hidden; margin:0 auto; padding:0; position:relative;}
#slider_top ul{margin:0; padding:0; list-style:none;}
#slider_top ul li.slider_1 {background: url(../images/slider/slider1.jpg) no-repeat left bottom;height: 320px;width: 560px; }
#slider_top ul li.slider_2 {background: url(../images/slider/slider2.jpg) no-repeat left bottom;height: 320px;width: 560px;}
#slider_top ul li.slider_3 {background: url(../images/slider/slider3.jpg) no-repeat left bottom;height: 320px;width: 560px;}
#slider_top ul li.slider_4 {background: url(../images/slider/slider4.jpg) no-repeat left bottom;height: 320px;width: 560px;}
#slider_top ul li img {float:right; padding-top:30px;}

#slider_top #find_out {position:absolute; z-index:99; top:29px; left:392px;}
#slider_top #find_out a {background:url(../images/find_out.png) 0px 0px no-repeat;  display:block; height:80px; width:168px; text-indent: -9999px;}
#slider_top #find_out a:hover{background:url(../images/find_out.png) 0px -80px no-repeat; }

#middlerow {width: 960px;}
#some_blurb {float: left;height: 260px;width: 560px;background: url(../images/someblurb.png) no-repeat;margin-bottom:20px;}
#someblurbtext {padding: 30px 25px 5px;}
#some_blurb p {color:#FFF; padding-left: 25px;padding-right: 20px;font-size: 17pt; line-height:22pt}
#latest {height: 260px;width: 370px;background: url(../images/latestbox.png) no-repeat;float: right;}
#latestworktext {padding-top: 30px;padding-right: 25px;padding-left: 25px;}
#latest_image{ margin: 10px 25px 0px;}
.latestworkimage {}
#bottomrow {width: 970px;background: url(../images/bottomrowbox.png) no-repeat;height: 320px;float: left; padding-left:30px;}
#bottomrow p { color:#FFF; padding: 30px 25px 0px;width: 600px;font-size: 14pt;line-height: 18pt;float: left;}
#servicescheck {float: left; padding-top: 34px; padding-left: 20px; padding-right: 20px;}
#bottomrow .services_home {padding-top: 42px; padding-left:20px; float: left;}
#bottomrow .services_home .service_icons img {width: 60px;}
#bottomrow .services_home .service_icons {float: left; padding-right:10px;}
#bottomrow .services_home .text_serviceshome {float: left;}
#bottomrow .services_home .text_serviceshome p {font-size:10pt;padding-top: 0px;padding-left: 0px;width: 110px;line-height: 14pt;}
#bottomrow .services_home .text_serviceshome a {color: #c73263;}
/*------------------------------------------------------------------------------*/
/*	 MIDDLE DIVS, content pages			*/
/*------------------------------------------------------------------------------*/
#content_page	{width: 960px;margin-right: auto;margin-left: auto;height: auto;}
#content_layout {width: 960px;margin-right: auto; margin-left: auto; padding-top: 20px;}
.filler {height: 230px; width: 230px;position:relative;float:left;}
#content_layout h1 {font-size: 31pt; color: #FFF;}
#content_layout h1 span{font-size: 31pt; color: #60e0eb;}
#content_layout #content_col1 {width: 630px; height:510px;float:left;margin-right: 0px;padding:40px;background: url(../images/about_box.png) no-repeat;}
#content_layout #content_col1-price {width: 630px; height:740px;float:left;margin-right: 0px;padding:40px;background: url(../images/price_box.png) no-repeat;}
#content_layout #content_col1 p {font-size: 12pt;color: #FFF;line-height: 17pt; padding-top:10px;}
#content_layout #content_col1 #intro li {font-size: 12pt;color: #FFF;line-height: 22pt; list-style-position:inside; padding-bottom:10px;}

#content_layout #content_col1 #resource li
#content_layout #content_col1 #intro ul li strong {font-size: 12pt; color: #FFF;line-height: 17pt;}
#content_layout #content_col1 h1 {font-size: 31pt; color: #c73263;}
#content_layout #content_col1 h1 span {font-size: 31pt; color: #60e0eb;}
#content_layout #content_col1 #intro {margin-bottom:25px; margin-top:px; margin-right:20px;}
#content_layout #content_col1 #intro strong {line-height: 28pt;font-size: 19pt; color: #c73263;}
#content_layout #content_col1 a {font-weight: bold;color: #60e0eb;text-decoration: none;}
#content_layout #content_col1-price  p {font-size: 12pt;color: #FFF;line-height: 17pt; padding-top:10px;}
#content_layout #content_col1-price  #intro li {font-size: 12pt;color: #FFF;line-height: 22pt; list-style-position:inside; padding-bottom:10px;}
#content_layout #content_col1-price  #resource li {font-size: 10pt;color: #FFF;line-height: 14pt; list-style-position:inside; padding-bottom:10px;}
#content_layout #content_col1-price  #intro ul li strong {font-size: 12pt; color: #FFF;line-height: 17pt;}
#content_layout #content_col1-price  h1 {font-size: 31pt; color: #c73263;}
#content_layout #content_col1-price  h1 span {font-size: 31pt; color: #60e0eb;}
#content_layout #content_col1-price  #intro {margin-bottom:25px; margin-top:px; margin-right:20px;}
#content_layout #content_col1-price  #intro strong {line-height: 28pt;font-size: 19pt; color: #c73263;}
#content_layout #content_col1-price  a {font-weight: bold;color: #60e0eb;text-decoration: none;}
#content_layout #content_col2  {width: 190px;height:510px;float:left;padding:30px;background: url(../images/see_box.png) no-repeat; margin-top:10px;}
#content_layout #content_col2 a {text-decoration: none;}
#content_layout #content_col2 p {color: #FFF;font-size: 12pt; line-height: 20pt;}
#content_layout #content_col2 li {list-style: url(../images/arrow.png) none inside;color: #FFF;font-size: 12pt;line-height: 20pt;padding-top:16px;font-weight: bold;}
#content_layout #content_col2 li strong {line-height: 22pt;font-size: 19pt;color: #FF6;}
#content_layout .services_box {width: 270px; height:270px;background: url(../images/services_box.png) no-repeat;float:left; margin-top:10px; margin-right:0px;margin-left:10px; padding:20px;}
#content_layout .services_box2 {width: 270px; height:270px;background: url(../images/services_box2.png) no-repeat;float:left; margin-top:10px; ;margin-left:10px; padding:20px;}
#content_layout .services_box .services_boximg {width:240px;}
#content_layout .services_box2 .services_boximg {width:240px;}
#content_layout .services_box p {width:260px; color:#FFF; padding-top:10px; font-size:13pt; line-height:16pt;}
#content_layout .services_box2 p {width:260px; color:#FFF; padding-top:10px; font-size:13pt; line-height:16pt;}
#content_layout .services_box2 p strong {width:260px; font-size:13pt; line-height:16pt;}
#content_layout #works_box {width:570px;height:290px;margin-top:10px;float: left;margin-left:0px;padding: 30px;background: url(../images/works_bg.png) no-repeat;}
#content_layout #works_box p {color:#FFF; font-size:11pt; line-height: 15pt; margin-top:15px;}
#content_layout #works_box p strong {color:#FFF; font-size:14pt; font-weight:bold; line-height: 18pt;}
#content_layout #works_box h1 {color: #FFF;}
/*------------------------------------------------------------------------------*/
/*	FOOTER			*/
/*------------------------------------------------------------------------------*/
#footer_bar {background: url(../images/footer_hill.png) no-repeat center;height: 280px;width: auto;margin-top:0px;}
#footer_logo {width:232px; padding-top:140px;float:left;}
#footer{width: 960px;margin-right: auto; margin-left: auto; }
#footer_nav{float: right; padding-top:100px;}
#footer_nav li {float: left;list-style: none;color: #569FFF;}
#footer_nav li a{list-style: none;color: #CCC;text-decoration: none;padding-right: 10px;padding-left: 10px;}
#footer_nav li a:hover {color: #FFF;}
#footer p {line-height: 18pt;font-size: 10pt;padding-left: 10px;padding-top: 20px;color: #CCC}
#footer p strong {font-size: 11pt;}
#footer a {color: #CCC; text-decoration:none;}

/*------------------------------------------------------------------------------*/
/*	Caption for home page, latest work		*/
/*------------------------------------------------------------------------------*/
.item {width:325px;height:143px;border:2px solid #CCC;margin:5px 5px 5px 0;overflow:hidden; position:relative;float:left; }   
.item .caption {  width:325px;  height:143px;  background:#000;  color:#fff;  font-weight:bold;   position:absolute;  left:0;  display:none;   }  
.item .caption a {text-decoration:none;color:#c73263;font-size:16pt;padding:15px 15px 0px;display:block;}  
.item .caption p {padding:10px 15px 15px;margin:0;font-size:11pt; font-weight: normal;}  
.item .caption p a {color:#0CF;padding: 0px;font-size: 9pt;}   
.item img {  border:0;   position:absolute;  }  
.clear {  clear:both; }  
 
 
/*------------------------------------------------------------------------------*/
/*	Caption for portfolio orange		*/
/*------------------------------------------------------------------------------*/
.portfolio_image_orange {width:216px;height:216px;overflow:hidden;position:relative;float:left;margin-right:10px;margin-left:10px;margin-bottom:20px;border: 2px solid #CCC;}
	
.portfolio_image_orange .caption {  width:216px;  height:216px;  background:#ff6600;  color:#fff;  font-weight:bold;  position:absolute;  left:0; display:none;  
}  
.portfolio_image_orange  .caption a {text-decoration:none;color:#FFF;font-size:16pt;padding:15px 15px 0px;display:block;}    
.portfolio_image_orange  .caption p {padding:10px 15px 15px;margin:0;font-size:11pt;font-weight: normal;}  
.portfolio_image_orange  .caption p a {color:#FFF;padding: 0px;font-size: 9pt;font-style: italic; padding-top:10px;}   
.portfolio_image_orange img {   border:0;   position:absolute; width:216px; height:216px;}  

 /*------------------------------------------------------------------------------*/
/*	Caption for portfolio green		*/
/*------------------------------------------------------------------------------*/
.portfolio_image_green {width:216px;height:216px;overflow:hidden;position:relative;float:left;margin-right:10px;margin-left:10px;margin-bottom:20px;border: 2px solid #CCC;}
	
.portfolio_image_green .caption {  width:216px;  height:216px;  background:#43bc31;   color:#fff;  font-weight:bold;  position:absolute;  left:0; display:none;  
  }  
.portfolio_image_green .caption a {text-decoration:none;color:#FFF;font-size:16pt;padding:15px 15px 0px;display:block;}    
.portfolio_image_green .caption p {padding:10px 15px 15px;margin:0;font-size:11pt;font-weight: normal;}  
.portfolio_image_green .caption p a {color:#FFF;padding: 0px;font-size: 9pt;font-style: italic;padding-top:10px;}   
.portfolio_image_green img {   border:0;   position:absolute; width:216px; height:216px;}  

 /*------------------------------------------------------------------------------*/
/*	Caption for portfolio pink		*/
/*------------------------------------------------------------------------------*/
.portfolio_image_pink {width:216px;height:216px;overflow:hidden;position:relative;float:left;margin-right:10px;margin-left:10px;margin-bottom:20px;border: 2px solid #CCC;}
	
.portfolio_image_pink .caption {  width:216px;  height:216px;  background:#e31858;   color:#fff;  font-weight:bold;  position:absolute;  left:0; display:none;  
}  
.portfolio_image_pink .caption a {text-decoration:none;color:#FFF;font-size:16pt;padding:15px 15px 0px;display:block;}    
.portfolio_image_pink .caption p {padding:10px 15px 15px;margin:0;font-size:11pt;font-weight: normal;}  
.portfolio_image_pink .caption p a {color:#FFF;padding: 0px;font-size: 9pt;font-style: italic;padding-top:10px;}
.portfolio_image_pink img {   border:0;   position:absolute; width:216px; height:216px;}  

 /*------------------------------------------------------------------------------*/
/*	Caption for portfolio purple		*/
/*------------------------------------------------------------------------------*/
.portfolio_image_purple {width:216px;height:216px;overflow:hidden;position:relative;float:left;margin-right:10px;margin-left:10px;margin-bottom:20px;border: 2px solid #CCC;}
	
.portfolio_image_purple .caption {  width:216px;  height:216px;  background:#8604c9;   color:#fff;  font-weight:bold;  position:absolute;  left:0; display:none; }  
.portfolio_image_purple .caption a {text-decoration:none;color:#FFF;font-size:16pt;padding:15px 15px 0px;display:block;}    
.portfolio_image_purple .caption p {padding:10px 15px 15px;margin:0;font-size:11pt;font-weight: normal;}  
.portfolio_image_purple .caption p a {color:#FFF;padding: 0px;font-size: 9pt;font-style: italic;padding-top:10px;}   
.portfolio_image_purple img {   border:0;   position:absolute; width:216px; height:216px;}
 /*------------------------------------------------------------------------------*/
/*	Enquiry Form		*/
/*------------------------------------------------------------------------------*/

.form {color: #FFF;font: bold 10pt arial;width:600px;height:900px;padding-right:40px; padding-left:40px; padding-top: 40px; padding-bottom:0px;background: url(../images/contact_box.png) no-repeat; float:left;}
.enq_box {float:left;}	
fieldset {border: none; width: 600px;}
legend {display: none;}
label { float:left; padding-bottom:20px; margin-bottom: 15px; clear:left;}
.enq_form {font-family: "arial";padding: 5px;margin-bottom:20px;width: 320px;font-size: 10pt; float:right; height:15px; border:2px solid #CCC;}
.drop_form {font-family: "arial";padding: 3px;margin-bottom: 10px; width: 334px;font-size: 10pt; float:right;  border:2px solid #CCC;}
#check_box {float:right;}
#check_boxes1 {width: 165px; float:left;}
#check_boxes2 {width: 165px; float:left;}
#check_boxes1 p {font-size: 10pt;font-style: italic; padding-bottom:10px; text-indent:5px; color: #c73263; line-height:14px;}
#check_boxes2 p {font-size: 10pt;font-style: italic; padding-bottom:10px; text-indent:5px; color: #c73263; margin-left:10px; line-height:14px;}
textarea { display:block;height: 140px;}
input[type=submit]{font-family: "arial";font-size: 11pt;width: 144px;height: 53px;color: #FFFFFF;text-transform: uppercase;margin-top: 17px;float:right;background: url(../images/send.png) no-repeat;border:none;}
.comments {height: 200px; float:right; font-family: "arial";padding: 5px;margin-bottom: 10px;width: 320px;font-size: 11pt;}
#details {background: url(../images/details_box.png) no-repeat; height: 320px;width: 200px;float: left;padding: 40px;color: #FFF;text-align: right;
margin-bottom:20px;}
label span {font-size: 9pt; font-weight:normal;}
#details strong {font-size: 14pt;}
#free_assess {height: 500px;width: 260px; float: left;}
#thank-you p {padding-top: 20px; font-size:16pt; line-height: 20pt;}
#thank-you p strong {font-size:17pt;}
#thank-you h1 {color: #60e0eb;}