@charset "utf-8";
/* Theme & Variations layout sheet
 * Version: 1.0 
 * Author: KwikWeb Solutions
 * Copyright 2011 Makesbridge
 * Code may not be reproduced on any other sites except for Makesbridge
*/


body#sq-1col, body#sq-2col, body#sq-3col { 
    background:url(images/bg-body.jpg);
    font-family:Arial, Helvetica, sans-serif;
    font-size: 62.5%; 	
}

body#round-1col, body#round-2col, body#round-3col { 
    font-family:Arial, Helvetica, sans-serif;
    font-size: 62.5%; 	
}

p { padding:0 0 1em 0; }
#col-left p, #col-middle p, #col-right p, span, label { font-size:1.2em; }

a { text-decoration:none; }
a:hover { text-decoration:underline; }

#col-left ul li, #col-middle ul li, #col-right ul li { 
    list-style:inside square;
    font-size:1.2em;
    margin:0 0 1em 0;
}

#round-3col #col-left ul li, #round-3col #col-middle ul li, #round-2col #col-middle ul li, #round-1col #col-middle ul li, #round-3col #col-right ul li, #round-2col #col-right ul li { 
    list-style:inside circle;
    font-size:1.2em;
    margin:0 0 1em 0;
}

#footer ul li { font-size:1.2em; }

.formHeading { font-size:14px; font-weight:bold; }

h1, .enquiry-form h2, .enquiry-form h3, .enquiry-form h4, .enquiry-form h5, .enquiry-form h6 { font-size:2em; font-weight:normal; padding:0 0 9px 0; margin:0 0 18px 0; border-bottom:2px dotted #ececec; }

h2 {}
#col-left h2, #col-left h3, #col-left h4, #col-left h5, #col-left h6 { font-size:2em; font-weight:normal; padding:0 0 9px 0; margin:0 0 18px 0; border-bottom:2px dotted #ececec; width:196px; }
#col-right h2, #col-right h3, #col-right h4, #col-right h5, #col-right h6 { font-size:2em; font-weight:normal; padding:0 0 9px 0; margin:0 0 18px 0; border-bottom:2px dotted #ececec; }
#col-middle h2, #col-middle h3, #col-middle h4, #col-middle h5, #col-middle h6 { font-size:1.4em; font-weight:bold; padding:0.6em 0 0.6em 0; }
#col-right h2, #col-right h3, #col-right h4, #col-right h5, #col-right h6 { border-bottom:2px dotted #CCC; }
.enquiry-form h1, .enquiry-form h2, .enquiry-form h3, .enquiry-form h4, .enquiry-form h5, .enquiry-form h6 { border-bottom:2px dotted #CCC; }

h3 {}
h4 {}
h5 {}
h6 {}

label {
	margin-top: 0;
	margin-right: 3;
	margin-bottom: 6px;
	margin-left: 0;
}
input { font-size:1.2em; margin:0 0 10px 0; }
textarea { margin:0 0 16px 0; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; }

.divider { 
    color:#FFF;
    font-size:1.4em;
    font-weight:bold;
}

.left { float:left; }
.right { float:right; }

/*http://www.curvycorners.net/instructions/*/
.rounded-corners { /* http://code.google.com/p/curved-corner/ */
    -moz-border-radius: 9px; 	/* for FireFox */
    -webkit-border-radius: 9px;	/* for Chrome/Safari */
    -khtml-border-radius: 9px;	/* for older Konquerer browsers */
    border-radius: 9px;			/* for future CSS3 support */	
    /*behavior:url(border-radius.htc);*/	/* for IE 6, 7 and 8 */	
}

/* BLUE THEME */
.blue #col-middle h1, 
.blue #col-left h2, .blue #col-left h3, .blue #col-left h4, .blue #col-left h5, .blue #col-left h6, 
.blue #col-right h2, .blue #col-right h3, .blue #col-right h4, .blue #col-right h5, .blue #col-right h6, 
.blue a, .blue a:link, .blue a:visited,
.blue .enquiry-form h2, .blue .enquiry-form h3, .blue .enquiry-form h4, .blue .enquiry-form h5, .blue .enquiry-form h6 
{ color:#2574cb; }
.blue input.btn-submit, .blue .divider { background-color:#2574cb; }
.blue .divider a, .blue input.btn-submit, #round-1col.blue #footer-nav li, #round-2col.blue #footer-nav li, #round-3col.blue #footer-nav li { color:#FFF; }
#round-1col.blue #footer-nav li a, #round-2col.blue #footer-nav li a, #round-3col.blue #footer-nav li a, 
#round-1col.blue #footer-nav li a:link, #round-2col.blue #footer-nav li a:link, #round-3col.blue #footer-nav li a:link
#round-1col.blue #footer-nav a:visited, #round-2col.blue #footer-nav a:visited, #round-3col.blue #footer-nav a:visited 
{ color:#FFF; text-decoration:underline;}
body#round-1col.blue h1, body#round-2col.blue h1, body#round-3col.blue h1,
body#round-3col.blue #col-left h2, body#round-3col.blue #col-left h3, body#round-3col.blue #col-left h4, body#round-3col.blue #col-left h5, body#round-3col.blue #col-left h6 { border-bottom:2px solid #2574cb; }
body#round-3col.blue #col-right h2, body#round-3col.blue #col-right h3, body#round-3col.blue #col-right h4, body#round-3col.blue #col-right h5, body#round-3col.blue #col-right h6, 
body#round-2col.blue #col-right h2, body#round-2col.blue #col-right h3, body#round-2col.blue #col-right h4, body#round-2col.blue #col-right h5, body#round-2col.blue #col-right h6
{ border-bottom:2px solid #2574cb; }
body#round-1col.blue .enquiry-form h2, body#round-1col.blue .enquiry-form h3, body#round-1col.blue .enquiry-form h4, body#round-1col .enquiry-form h5, body#round-1col .enquiry-form h6 { border-bottom:2px solid #2574cb;  }
body#round-1col.blue, body#round-2col.blue, body#round-3col.blue { background-color:#2574cb; }


/* GREEN THEME */
.green #col-middle h1, 
.green #col-left h2, .green #col-left h3, .green #col-left h4, .green #col-left h5, .green #col-left h6, 
.green #col-right h2, .green #col-right h3, .green #col-right h4, .green #col-right h5, .green #col-right h6, 
.green a, .green a:link, .green a:visited,
.green .enquiry-form h2, .green .enquiry-form h3, .green .enquiry-form h4, .green .enquiry-form h5, .green .enquiry-form h6 
{ color:#006a02; }
.green input.btn-submit, .green .divider { background-color:#006a02; }
.green .divider a, .green input.btn-submit, #round-1col.green #footer-nav li, #round-2col.green #footer-nav li, #round-3col.green #footer-nav li { color:#FFF; }
#round-1col.green #footer-nav li a, #round-2col.green #footer-nav li a, #round-3col.green #footer-nav li a, 
#round-1col.green #footer-nav li a:link, #round-2col.green #footer-nav li a:link, #round-3col.green #footer-nav li a:link
#round-1col.green #footer-nav a:visited, #round-2col.green #footer-nav a:visited, #round-3col.green #footer-nav a:visited 
{ color:#FFF; text-decoration:underline;}
body#round-1col.green h1, body#round-2col.green h1, body#round-3col.green h1,
body#round-3col.green #col-left h2, body#round-3col.green #col-left h3, body#round-3col.green #col-left h4, body#round-3col.green #col-left h5, body#round-3col.green #col-left h6 { border-bottom:2px solid #006a02; }
body#round-3col.green #col-right h2, body#round-3col.green #col-right h3, body#round-3col.green #col-right h4, body#round-3col.green #col-right h5, body#round-3col.green #col-right h6, 
body#round-2col.green #col-right h2, body#round-2col.green #col-right h3, body#round-2col.green #col-right h4, body#round-2col.green #col-right h5, body#round-2col.green #col-right h6
{ border-bottom:2px solid #006a02; }
body#round-1col.green .enquiry-form h2, body#round-1col.green .enquiry-form h3, body#round-1col.green .enquiry-form h4, body#round-1col .enquiry-form h5, body#round-1col .enquiry-form h6 { border-bottom:2px solid #006a02;  }
body#round-1col.green, body#round-2col.green, body#round-3col.green { background-color:#006a02; }


/* RED THEME */
.red #col-middle h1, 
.red #col-left h2, .red #col-left h3, .red #col-left h4, .red #col-left h5, .red #col-left h6, 
.red #col-right h2, .red #col-right h3, .red #col-right h4, .red #col-right h5, .red #col-right h6, 
.red a, .red a:link, .red a:visited,
.red .enquiry-form h2, .red .enquiry-form h3, .red .enquiry-form h4, .red .enquiry-form h5, .red .enquiry-form h6 
{ color:#cc0202; }
.red input.btn-submit, .red .divider { background-color:#cc0202; }
.red .divider a, .red input.btn-submit, #round-1col.red #footer-nav li, #round-2col.red #footer-nav li, #round-3col.red #footer-nav li { color:#FFF; }
#round-1col.red #footer-nav li a, #round-2col.red #footer-nav li a, #round-3col.red #footer-nav li a, 
#round-1col.red #footer-nav li a:link, #round-2col.red #footer-nav li a:link, #round-3col.red #footer-nav li a:link
#round-1col.red #footer-nav a:visited, #round-2col.red #footer-nav a:visited, #round-3col.red #footer-nav a:visited 
{ color:#FFF; text-decoration:underline;}
body#round-1col.red h1, body#round-2col.red h1, body#round-3col.red h1,
body#round-3col.red #col-left h2, body#round-3col.red #col-left h3, body#round-3col.red #col-left h4, body#round-3col.red #col-left h5, body#round-3col.red #col-left h6 { border-bottom:2px solid #cc0202; }
body#round-3col.red #col-right h2, body#round-3col.red #col-right h3, body#round-3col.red #col-right h4, body#round-3col.red #col-right h5, body#round-3col.red #col-right h6, 
body#round-2col.red #col-right h2, body#round-2col.red #col-right h3, body#round-2col.red #col-right h4, body#round-2col.red #col-right h5, body#round-2col.red #col-right h6
{ border-bottom:2px solid #cc0202; }
body#round-1col.red .enquiry-form h2, body#round-1col.red .enquiry-form h3, body#round-1col.red .enquiry-form h4, body#round-1col .enquiry-form h5, body#round-1col .enquiry-form h6 { border-bottom:2px solid #cc0202;  }
body#round-1col.red, body#round-2col.red, body#round-3col.red { background-color:#cc0202; }


/* PURPLE THEME */
.purple #col-middle h1, 
.purple #col-left h2, .purple #col-left h3, .purple #col-left h4, .purple #col-left h5, .purple #col-left h6, 
.purple #col-right h2, .purple #col-right h3, .purple #col-right h4, .purple #col-right h5, .purple #col-right h6, 
.purple a, .purple a:link, .purple a:visited,
.purple .enquiry-form h2, .purple .enquiry-form h3, .purple .enquiry-form h4, .purple .enquiry-form h5, .purple .enquiry-form h6 
{ color:#666699; }
.purple input.btn-submit, .purple .divider { background-color:#666699; }
.purple .divider a, .purple input.btn-submit, #round-1col.purple #footer-nav li, #round-2col.purple #footer-nav li, #round-3col.purple #footer-nav li { color:#FFF; }
#round-1col.purple #footer-nav li a, #round-2col.purple #footer-nav li a, #round-3col.purple #footer-nav li a, 
#round-1col.purple #footer-nav li a:link, #round-2col.purple #footer-nav li a:link, #round-3col.purple #footer-nav li a:link
#round-1col.purple #footer-nav a:visited, #round-2col.purple #footer-nav a:visited, #round-3col.purple #footer-nav a:visited 
{ color:#FFF; text-decoration:underline;}
body#round-1col.purple h1, body#round-2col.purple h1, body#round-3col.purple h1,
body#round-3col.purple #col-left h2, body#round-3col.purple #col-left h3, body#round-3col.purple #col-left h4, body#round-3col.purple #col-left h5, body#round-3col.purple #col-left h6 { border-bottom:2px solid #666699; }
body#round-3col.purple #col-right h2, body#round-3col.purple #col-right h3, body#round-3col.purple #col-right h4, body#round-3col.purple #col-right h5, body#round-3col.purple #col-right h6, 
body#round-2col.purple #col-right h2, body#round-2col.purple #col-right h3, body#round-2col.purple #col-right h4, body#round-2col.purple #col-right h5, body#round-2col.purple #col-right h6
{ border-bottom:2px solid #666699; }
body#round-1col.purple .enquiry-form h2, body#round-1col.purple .enquiry-form h3, body#round-1col.purple .enquiry-form h4, body#round-1col .enquiry-form h5, body#round-1col .enquiry-form h6 { border-bottom:2px solid #666699;  }
body#round-1col.purple, body#round-2col.purple, body#round-3col.purple { background-color:#666699; }

/* ---------
   Main Divs  
   --------- */

#sq-1col .wrap, #sq-2col .wrap, #sq-3col .wrap { 
    margin:0 auto;
    padding:0 20px 0 20px;	
    width:929px;  
    height:auto;
    background:url(images/bg-square.jpg) left top repeat-y;
    overflow:hidden;	
}

#round-1col .wrap, #round-2col .wrap, #round-3col .wrap { 
    margin:0 auto;
    padding:0;
    width:905px;  
    height:auto;
    overflow:hidden;	
}


#sq-1col #header, #sq-2col #header, #sq-3col #header { 
    float:left;
    width:866px;
    padding:0 24px 0 39px;
    margin:0 0 12px 0;
}

#round-1col #header, #round-2col #header, #round-3col #header { 
    float:left;
    width:885px;
    background:#FFF;
    padding:10px;
    margin:0 0 12px 0;
    -moz-border-radius: 9px; 	/* for FireFox */
    -webkit-border-radius: 9px;	/* for Chrome/Safari */
    -khtml-border-radius: 9px;	/* for older Konquerer browsers */
    border-radius: 9px;			/* for future CSS3 support */	
}


#sq-1col #social-media, #sq-2col #social-media, #sq-3col #social-media {
    float:left;
    width:866px;
    margin:8px 0 0 0;	
}

#round-1col #social-media, #round-2col #social-media, #round-3col #social-media {
    float:left;
    width:905px;
    margin:8px 0 8px 0;	
}

#social-media a.icon {
    width:21px;
    height:20px;
    margin:0 0 0 6px;
    float:right;	
    display:block;
}

.icon.facebook { background:url(images/icon-fb.png) no-repeat; }
.icon.linkedin { background:url(images/icon-in.png) no-repeat; }
.icon.twitter { background:url(images/icon-t.png) no-repeat; }

#sq-1col #logo-banner, #sq-2col #logo-banner, #sq-3col #logo-banner {
    float:left;
    width:866px;
    margin:8px 0 0 0;
}

#round-1col #logo-banner, #round-2col #logo-banner, #round-3col #logo-banner {
    float:left;
    width:905px;
    margin:8px 0 0 0;
}

.divider {
    float:left;
    width:866px;
    padding:0 24px 0 39px;	
    height:39px;
    display:block;
    line-height:39px;
}

#sq-1col #main-container, #sq-2col #main-container, #sq-3col #main-container {
    float:left;
    width:866px;
    margin:0 24px 0 39px;	
    clear:both;
}

#round-1col #main-container, #round-2col #main-container, #round-3col #main-container {
    float:left;
    width:905px;
    clear:both;
    overflow:hidden;
}

#round-1col #main-container {
    background:#FFF;
    -moz-border-radius: 9px; 	/* for FireFox */
    -webkit-border-radius: 9px;	/* for Chrome/Safari */
    -khtml-border-radius: 9px;	/* for older Konquerer browsers */
    border-radius: 9px;			/* for future CSS3 support */		
}

#main-container .main-image {
    padding:0 0 20px 0;	
}

#sq-3col #main-container #col-left {
    float:left;
    width:196px;
    padding:22px 38px 0 0;
}

#main-container .box {
    float:left;
    padding:0 0 36px 0;
}

#sq-3col #main-container #col-left {
    float:left;
    width:196px;
    padding:22px 38px 0 0;
}

#round-3col #main-container #col-left {
    float:left;
    width:208px;
    padding:12px 12px 0 12px;
    background:#FFF;
    margin:0 14px 0 0;
    -moz-border-radius: 9px; 	/* for FireFox */
    -webkit-border-radius: 9px;	/* for Chrome/Safari */
    -khtml-border-radius: 9px;	/* for older Konquerer browsers */
    border-radius: 9px;			/* for future CSS3 support */		
}

#sq-1col #main-container #col-middle, #sq-2col #main-container #col-middle, #sq-3col #main-container #col-middle {
    float:left;
    padding:22px 0 20px 0;	
}
#sq-3col #main-container #col-middle {
    width:372px;
}
#sq-2col #main-container #col-middle {
    width:606px;
}
#sq-1col #main-container #col-middle {
    width:866px;
}

#round-2col #main-container #col-middle, #round-3col #main-container #col-middle {
    float:left;
    padding:12px 20px 0 20px;
    background:#FFF;
    -moz-border-radius: 9px; 	/* for FireFox */
    -webkit-border-radius: 9px;	/* for Chrome/Safari */
    -khtml-border-radius: 9px;	/* for older Konquerer browsers */
    border-radius: 9px;			/* for future CSS3 support */		
}
#round-1col #main-container #col-middle {
    padding:12px 20px 20px 20px;	
    width:866px;
}

#round-3col #main-container #col-middle {
    width:372px;
}
#round-2col #main-container #col-middle {
    width:620px;
}
#round-1col #main-container #col-middle {
    width:866px;
}

#sq-1col .enquiry-form {
    width:866px;
    float:left;
    padding:24px 24px 0 39px;	
    margin:0 0 34px 0;
    background:url(images/bg-body.jpg);
}

#round-1col .enquiry-form {
    width:866px;
    float:left;
    padding:24px 20px 0 20px;	
    margin:0 0 34px 0;
    background:url(images/bg-body.jpg);
}

#sq-1col .enquiry-form .formField, #round-1col .enquiry-form .formField {
    float:left;
    width:250px;
    padding:0 30px 10px 0;
}

#sq-1col .enquiry-form .formField input, #sq-1col .enquiry-form .formField label,
#round-1col .enquiry-form .formField input, #round-1col .enquiry-form .formField label {
}

#sq-1col .enquiry-form .formFieldLabel, #round-1col .enquiry-form .formFieldLabel {
	display: block;
}

#sq-1col .enquiry-form .field-wide, #round-1col .enquiry-form .field-wide {
    float:left;
    width:500px;
    padding:0 30px 10px 0;	
}
#sq-1col .enquiry-form .field-wide label, #sq-1col .enquiry-form .field-wide input,
#round-1col .enquiry-form .field-wide label, #round-1col .enquiry-form .field-wide input {
    width:520px;	
}

#sq-1col .enquiry-form input, #round-1col .enquiry-form input {
	border:1px solid #cacdcd;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-right: 3px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}

#sq-1col .enquiry-form .formField textarea, #round-1col .enquiry-form .formField textarea {
    border:1px solid #cacdcd;
    width:240px;		
    padding:0 5px;
}

#sq-1col .enquiry-form .field-wide textarea, #round-1col .enquiry-form .field-wide textarea {
    border:1px solid #cacdcd;
    width:520px;		
    padding:0 5px;
}





#sq-3col #main-container #col-right, #sq-2col #main-container #col-right {
    float:right;
    width:191px;
    background:url(images/bg-body.jpg);
    padding:22px 17px 20px 26px;			
}

#round-3col #main-container #col-right, #round-2col #main-container #col-right {
    float:right;
    background:url(images/bg-body.jpg);
    width:208px;
    padding:12px 12px 0 12px;
    margin:0 0 0 0;
    -moz-border-radius: 9px; 	/* for FireFox */
    -webkit-border-radius: 9px;	/* for Chrome/Safari */
    -khtml-border-radius: 9px;	/* for older Konquerer browsers */
    border-radius: 9px;			/* for future CSS3 support */		
}


#sq-3col #main-container #col-right input, #sq-2col #main-container #col-right input {
    width:181px;
    height:26px;
    /*	background:url(images/bg-3col-input.jpg) top left no-repeat;*/
    padding:0 5px; 
    border:1px solid #cacdcd;
    font-family:Arial, Helvetica, sans-serif;	
} 

#round-3col #main-container #col-right input, #round-2col #main-container #col-right input {
	border:1px solid #cacdcd;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 5;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0px;
} 

#sq-1col .enquiry-form input { }

#round-2col #main-container #col-right .formFieldLabel {
	display: block;
}

input.btn-submit  { 
    background:url(images/btn-submit-arrow.png) right no-repeat;
    width:191px !important;
    height:39px !important;
    font-size:1.8em;
    text-align:left;
    padding:0 0 0 15px !important;
    text-transform:uppercase;	
    margin:0 0 15px 0;	
}

#sq-1col .enquiry-form input.btn-submit, #round-1col .enquiry-form input.btn-submit {
    float:left;	
    clear:both;
}


#main-container #col-right textarea {
    border:1px solid #cacdcd;
    width:181px;		
    padding:0 5px;
}




#sq-1col #footer, #sq-2col #footer, #sq-3col #footer {
    float:left;
    width:866px;
    padding:10px 24px 10px 39px;
    border-top:2px dotted #ececec;		
}

#round-1col #footer, #round-2col #footer, #round-3col #footer {
    float:left;
    width:905px;
    text-align:center;
    margin:10px 0 0 0;
}

#sq-1col #footer-nav, #sq-2col #footer-nav, #sq-3col #footer-nav {
    float:left;
}

#round-1col #footer-nav, #round-2col #footer-nav, #round-3col #footer-nav {
    margin:0 auto; 
    list-style: none; 
    padding:0;	
    height:15px;
}

#sq-1col #footer-nav ul, #sq-2col #footer-nav ul, #sq-3col #footer-nav ul {
    list-style: none; 
    margin:0 0 0.5em 0; 
    padding:0
}

#sq-1col #footer-nav ul li, #sq-2col #footer-nav ul li, #sq-3col #footer-nav ul li {
    display: inline;
    margin:0;
    border-right:1px solid #231f20; 
    padding:0 6px 0 6px;
}

#round-1col #footer-nav li, #round-2col #footer-nav li, #round-3col #footer-nav li {
    display: inline;
    margin:0;
    padding:0 4px 0 4px;
}

#sq-1col #footer-nav ul li:last-child, #sq-2col #footer-nav ul li:last-child, #sq-3col #footer-nav ul li:last-child {
    border-right:none;
}

#sq-1col #footer #footer-credits, #sq-2col #footer #footer-credits, #sq-3col #footer #footer-credits {
    float:right;
}