body { margin: 0px; line-height: 15px;  }



body a:link { color: #333333; text-decoration: underline; }
body a:visited { color: #333333; text-decoration: underline;}
body a:hover { color: #666666; text-decoration: none; }


form { margin:0px; padding:0px; }

input[type="text"],input[type="password"],textarea,select { border:1px #CCCCCC solid; padding:4px; }

img { border:none; }


/* layout */

#pagewrap { min-width:1130px;}

#containerheader { min-height:93px; position:relative; }

#header { }
#logo { float:left; margin:20px 10px 0 0;}
#logo img { width:250px;}
#callus {  background-position:right 10px top 2px; padding: 0 30px 0 0; background-repeat:no-repeat; font-size:12px; font-weight:bold; font-size:14px; position:absolute; right:20px; top:40px; }
#callus img { vertical-align: middle; margin-right:10px;}
#callus .social img { height:20px; margin-top:-5px;}
@media only screen and (min-width: 767px) {
 
#navigationtop { padding: 0; margin: 0; list-style: none;  font-size:13px; text-transform:uppercase; font-weight:bold;  width:700px; margin-left:auto; margin-right:auto;  }
#navigationtop a { color:#444444; text-decoration:none; height:88px; line-height:93px; padding:0 10px 0 10px; display:block; border-top:5px #ffffff solid; }
#navigationtop li { float: left; position: relative; }
#navigationtop li:hover a, #navigationtop li.sfHover a { background-color:#ffffff; color:#666666;  }
#navigationtop a.sf-with-ul { background-image:url(media/standard/dropdown.png); padding-right:10px; background-position:right; background-repeat:no-repeat; } 

/* first tier */
#navigationtop ul  { top:35px; left:-1px; display: none; position: absolute; float:none; padding: 0; margin: 0; list-style: none; border-left:1px #999999 solid; border-bottom:1px #999999 solid; border-right:1px #999999 solid; z-index:11 }
#navigationtop ul li { width:120px;  background-color:#ffffff; }
#navigationtop ul li a {   color:#444444;   }
#navigationtop li.newwin a { background-image:url(media/standard/windownew.png); background-repeat:no-repeat; background-position:right 8px top 10px; }
#navigationtop ul li:hover {   background-color:#e6e6e6; }
#navigationtop ul li:hover a { background-color:#e6e6e6;  }
#navigationtop .selected a { border-top:5px #e5da9b solid; color:#e5da9b !important; }

 }


/* banner */

#containerbanner { height:672px; background-image:url(media/about-gc.jpg); background-size:cover; margin:0 0 30px 0; width:100%; }
#bannerinner  { padding:10px 0 0 20px; }
#bannerinner #bigstatement h1  { color:#FFFFFF; font-weight:300; }
#bannerinner #bigstatement  h2 { color:#FFF; font-weight:bold;  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:300;  }
@media only screen and (min-width: 767px) {		
#bannerinner #bigstatement { padding-top:130px; }
#bannerinner #bigstatement h1 {     text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); font-size:90px;  margin-bottom:50px; }
#bannerinner #bigstatement h2 { font-size:40px;   }
}

#container {
	width: 1100px;
	position: relative;
	margin-left: auto;
 	margin-right: auto;
	padding:0px 5px 0px 5px;
}

#container img { max-width: 100%; height:auto;}


#content { 
	position: relative;
}
	
	


#hamburger { display:none; }


#containerfooter { background-color:#1a1a1a; padding:56px 0 56px 0; }
#footer { width: 1100px; position: relative; margin-left: auto; margin-right: auto; } 
#footer #footercolumn1 { float:left; width:380px; margin-right:40px; }
#footer #footercolumn2 { float:left; width:360px;  margin-right:60px;  }
#footer h4 { color:#FFF; }
#footer p { color:#FFF; font-size:12px; }
#footer p img { vertical-align:middle; margin:0 5px 0 0; }
#footer p a { color:#FFF; }

#bottombarcontainer { height:45px; background-color:#202020; padding:25px 0 0 0; position:relative; }
#bottombar { width: 1100px; position: relative; margin-left: auto; margin-right: auto; } 
#bottombar #links { position:absolute; right:0; top:-5px; }
#bottombar p {  color:#69654d; font-size:11px;   }
#bottombar p a {  color:#8f8965; text-decoration:none; margin:0 10px 0 0; } 

#fade { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.5; z-index:9999; display:none; }





/* page / component specific */

	/* generic */
	
	#bannerinner { width: 1100px; position: relative; margin-left: auto; margin-right: auto; } 
	
	#column1 { width:180px; float:left; border-right:1px #CCCCCC dotted; padding:10px; margin-right:10px; position:relative; }
	#column1 .subnav h2 {  }
	#column1 .subnav ul {  font-weight:bold;  list-style-type:square; margin-left:15px; padding:0; } 
	#column1 .subnav li { text-align:left; margin-top:8px; margin-bottom:8px; border-bottom:1px #CCCCCC dotted; padding-bottom:8px; } 
	#column1 .subnav li.selected a:link, #column1 .subnav li.selected a:visited { color:#666666; font-weight:bold; } 
	#column1 .subnav li a:hover { color:#666666; } 
		
	#column2 { padding:0px; float:left; width:680px;   }
		

	
	/* home */
	
	.homebox { width:250px; height:269px; margin:0 20px 0 0; float:left; }
	.homebox:nth-child(4) { margin-right:0; }
	.homebox .image { height:86px; width:86px; border-radius:86px; border: 1px solid #e5da9b; margin-left:auto; margin-right:auto;  }
    .homebox .image p { margin:0; }
	.homebox img { margin:20px 0 0 0px;  }
	.homebox .content h2 { font-size:16px; font-weight:bold; text-align:center; }
	.homebox .content p { text-align:center; color:rgb(85, 85, 85);  }
	.homebox .content a { text-align:center;   display:inline-block;  background-image:url(media/blackarrow.gif); background-position: right 10px top 3px; background-repeat:no-repeat; padding:0 25px 0 0; text-decoration:none !important; }

	
	
	#changecontainer { background-color:#202020; padding:48px 0 0 0; }
	#change {  width: 1100px; position: relative; margin-left: auto; margin-right: auto; } 
	#change h2 { text-align:center; font-size:36px; color:rgb(229, 218, 155); margin:40px 0 40px 0; } 
	#change img { margin:0 0 40px 0; }
	#change h3 { font-size:16px; color:#FFF; font-weight:bold; background-image:none; }
	#change h3 span { background-color:transparent; }
	#change p { font-size:14px; color:#FFF;  }  
	#change #changecolumn1 { width:545px; float:left;  background-position:bottom; background-repeat:no-repeat; margin:0 40px 0 0; height:306px; } 
	#change #changecolumn2 { width:505px; float:left; height:306px; } 
	
	#servicecontainer { height:147px; background-color:#e5da9b; font-size: 24px; text-align:center; line-height:147px;  }
	#servicecontainer a { border:1px #000000 solid; border-radius:2px; text-decoration:none !important; padding:5px 10px 5px 10px; font-size:14px; font-weight:bold; margin:-15px 0 0 20px;  } 

	#homeformcontainer { background-image:url(media/contact-bg1.jpg); background-size:cover; } 
	#homeform { width: 1100px; position: relative; margin-left: auto; margin-right: auto; padding:54px 0 30px 0;  } 
	#homeform h2 { font-size:36px; color:#FFFFFF; text-align:center; font-weight:normal; line-height:30px; }
	#homeform p { font-size:14px; color:#FFF; text-align:center;  }  
	#homeform p a { color:#FFFFFF; }
	#homeform #contact { width:600px; margin-left:auto; margin-right:auto; margin-top:30px; }
	#homeform #contact .label { display:none; }
	#homeform #contact input, #homeform #contact textarea  { width:600px; height:45px; font-size:14px; line-height:40px; background-color:#c9cfd3; text-align:center; margin:0 0 20px 0; }
	#homeform #contact textarea  { height:200px; }
	#homeform a#submitcontact { border:1px #ffffff solid; border-radius:2px; text-decoration:none !important; padding:5px 10px 5px 10px; font-size:14px; font-weight:bold;  color:#FFF; width:100px; margin-left:auto; margin-right:auto; display:block; text-align:center; margin-top:20px;   } 


	#content #containerdescription .field { width:760px; } 
	
	/* about */
	
	#aboutphoto { width:540px; float:left; margin:20px 20px 0 0; overflow:hidden; } 
	#aboutintro { width:640px; margin-left:auto; margin-right:auto; padding-top:50px; } 
	#aboutintro h1 { color:#FFFFFF; font-size:55px; margin:35px 0 40px 0; font-weight:300; }
	#aboutintro p { color:#FFFFFF; }
	
	#bestpossibleoutcomecontainer {     padding: 60px 0 60px; background-color: #e5da9b; text-align:center; font-weight:300; font-size:28px; line-height:32px; } 

	#testimonialscontainer { }
	#testimonials { width: 1100px; position: relative; margin-left: auto; margin-right: auto; overflow:hidden; background-image:url(media/testimonialsback.gif); } 
	#testimonials h2 { font-size:40px; color:rgb(229, 218, 155); text-align:center; margin:50px 0 70px 0; font-weight:300; }
	#testimonials p { font-size:18px; line-height:25px; text-align:center; padding:0 50px 0 50px; }
	#testimonials p.name { font-size:16px;  color:rgb(229, 218, 155) }
	
	#testimonials .rotator { list-style:none; padding:0px; margin:0; position:relative; height:200px;   }
	#testimonials .rotator li { position:absolute; left:0; top:0; display:none; } /* change these to absolute positioned on top of each other for effects like "fade", and renable li.slideShowItemActive below. */
	
	
	#testimonials .rotator-leftarrow { background-image:url(media/arrows_01.gif); background-repeat:no-repeat;   background-repeat:no-repeat; position:absolute; padding:5px; left:530px; top:105px; cursor:pointer; width:15px; height:18px; } 
	#testimonials .rotator-leftarrow:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; cursor:pointer; } 
	
	#testimonials .rotator-rightarrow { background-image:url(media/arrows_02.gif); background-repeat:no-repeat;   background-repeat:no-repeat; position:absolute; padding:5px; left:550px; top:105px; cursor:pointer; width:15px; height:18px; } 
	#testimonials .rotator-rightarrow:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; cursor:pointer; } 
	

	#testimonials .rotator li.slideshowItemActive {
   		 z-index: 1;
	}
	
	
	/* services */
	#bannerinner .box { width:210px; float:left; margin:80px 20px 0 0; background-color:#f4f4f4; padding:74px 20px 20px 20px; position:relative; height:150px;   }
	#bannerinner .icon { width:67px; height:67px; background-color:#e5da9b; position:absolute; left:90px; top:-33px; border-radius:67px; } 
	#bannerinner .icon img { margin:15px 0 0 15px; }
	#bannerinner .box h2 { margin:0 0 20px 0; text-align:center; font-weight:bold; font-size:16px; color:#222; }
	#bannerinner .box p { text-align:center; }
	/* blogs  */
	#blogs .list { border-bottom:1px #CCCCCC dotted; padding-bottom:10px; margin-bottom:10px; }
	#blogs .list h2 { margin-bottom:5px; }
	#blogs .list h2 a { text-decoration:none; }
	#blogs .list .blogname { font-weight:bold; }
	#blogs .list .comment strong { color:#999; }
	
	
	
	/* rotator */
	
	#banner1 {  width:600px; height:100px; overflow:hidden; position:relative; margin-bottom:5px; }
	
	
	
	/* slider */
	ul.slider { width:5000px; list-style:none; margin:0 !important; padding:0; position:absolute;  top:0; } /* change left to be - width of visible items */
	.slider li { float:left; margin:0 0 0 0; padding:0; position:relative; }
	.slider-leftarrow { background-image:url(media/standard/rotator-left.png); background-repeat:no-repeat; background-position:6px 35px; width:30px; height:90px; background-color:#bcbdc0;  background-repeat:no-repeat; position:absolute;  left:-30px; top:80px; cursor:pointer } 
	.slider-leftarrow:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; cursor:pointer; } 
	.slider-rightarrow { background-image:url(media/standard/rotator-right.png); background-repeat:no-repeat; background-position:6px 35px; width:30px; height:90px; background-color:#bcbdc0;  background-repeat:no-repeat; position:absolute;  right:-30px; top:80px; cursor:pointer } 
	.slider-rightarrow:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; cursor:pointer; } 
	.rotatorslidercounter { position:absolute; background-color:#000000; padding:10px; color:#FFFFFF; } /* helpful for debugging */
	
	

	
	/* testimonials */
	
	#testimonials-rotator { width:480px;  height:150px; position:relative; overflow:hidden; background-color:#efefef; } 
	#testimonials-rotator h2 { margin:30px 50px 0 50px; }
	#testimonials-rotator .rotator { width:5000px; }
	#testimonials-rotator .rotator li { float:left; width:380px; margin:0 50px 0 50px; }
	#testimonials-rotator .rotator li.slideshowItemActive { z-index: 1; }
	#testimonials-rotator .rotator-leftarrow, #testimonials-rotator .rotator-rightarrow { top:60px; }


	#testimonials .testimonial { border-bottom:1px #CCCCCC solid; padding:10px 0 0 10px; } 
	#testimonials .testimonial .logo { float:left; width:200px; margin-right:15px; }
	#testimonials .testimonial .text { overflow:hidden; }
	
	/* services */
	#services { position:relative; }
	#services #servicenav {  width:270px; position:absolute; top:0;  } 
	#services #servicenav ul { margin:0; padding:0;  } 
	#services #servicenav li { list-style:none; margin:0; padding:0; } 
	#services #servicenav li a { display:block; padding:0 20px 0 20px; line-height:45px; font-weight:bold;     
	background: -webkit-linear-gradient(top,#fafafa,#f4f4f4);
    background: -moz-linear-gradient(top,#fafafa,#f4f4f4);
    background: -ms-linear-gradient(top,#fafafa,#f4f4f4);
    background: -o-linear-gradient(top,#fafafa,#f4f4f4);
    background-color: #fafafa; 
	text-decoration:none;
	border:1px #e5e5e5 solid;
	font-size:13px; } 
	
	#services #servicenav li a.selected { background:none; background-color:#FFFFFF; border-right:1px #FFFFFF solid; }
	
	#services #serviceinfo { width:760px; padding:0 20px 20px 20px; margin:0 0 0 269px; 
	border:1px #e5e5e5 solid;}
	
	/* contact */
	
	#contact table td { padding:0 10px 10px 0; }
	#contact #column1 { width:520px; border-right:none; margin:0 30px 0 0; padding:0; }
	#contact #column2 { width:520px; margin-top:0; }
	#contact .label { float:none; width:100%; }
	#contact .field { width:100%; float:none; }
	#contact input { width:75%;  }
	#contact textarea { width:75%; height:200px; }
	
	/* team */
	
	.team { position:relative; width:480px; float:left;  padding: 60px 25px 25px 25px; background-color: #f4f4f4; margin:60px 20px 0 0; height:230px; }
	.team:nth-child(2n) { margin-right:0; }
	.team .image { width:90px; height:90px; top: -45px; left: 50%; margin-left: -45px; position:absolute;     border: 3px solid #c6c6c6; border-radius:90px; overflow:hidden;  }
	.team h2 { font-size:16px; font-weight:bold; text-align:center; } 
	.team p.position { font-size:12px; text-transform:uppercase; } 
	.team p { text-align:center; } 




	
/* jquery ui */

.ui-widget-header { background-image:none !important; background-color:#CCC !important; border:none !important; }
.ui-state-default, .ui-widget-content .ui-state-default { color:#333333; }
.ui-tabs { margin-bottom:10px; }


.ui-tabs-nav li { padding-bottom:2px !important; }
.ui-tabs-nav li h2 { margin-bottom:5px; } 
.ui-tabs .ui-tabs-nav .step { display:block; text-align:center; font-size:11px; }


.ui-state-active { border:1px #00a8e5 solid !important;  }
.ui-state-active a, .ui-state-active a:link, .ui-state-active { color:#00a8e5 !important; } 
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color:#666666; } 
	

.ui-tabs-panel { min-height:250px; }
.ui-dialog-content { min-height:40px !important; }
	
/* buttons and forms */

.label { float:left; width:100px; padding:2px;  margin:0px; }
.field { float:left; padding:2px; margin:0px; }



a.button:link, a.button:visited {
 	display:inline-block;
	padding:4px 10px 4px 10px;
	background-color: #2d353d;
	border:2px #252c33 solid;
	border-radius:2px;
	color:#FFFFFF;
	text-decoration:none;
	margin:10px 0 10px 0;
	font-weight:bold;
	
	
}
a.button:hover { background-color:#e5da9b; border:2px #ffffff solid; color:#000000; } 
a.button.small { font-size:12px; }

a.button .loader { background-image:url(media/standard/loading.gif); width:18px; height:18px; background-size:contain;  display:none;  position:absolute; right:5px; top:5px;}
a.button.loading {  background-image:none; background-color:#FFF; color:#cccccc !important;  text-shadow:none; border:1px #e6e6e6 solid; box-shadow:none; padding-right:30px; } 
a.button.loading a {color:#cccccc !important }
a.button.loading .loader {  display:block; } 

#tabbackbutton { margin-bottom:10px; }

.textareacounter { font-size:10px; color: #999999; margin-top:3px; }
		
/* pagination */
.pagination { float:none; text-align:center;  height:30px; line-height:30px; }
.paginationnext { padding:3px; font-weight:bold;  }
.paginationprev { padding:3px; font-weight:bold; }
.paginationcurrent { padding:3px; font-weight:bold; color:#FF0000; text-decoration:underline; }
.paginationlink { padding:2px; }
.pagination a:link, .pagination a:visited { color:#666666; text-decoration:none; }
.pagination a:hover { color:#e6e6e6; text-decoration:none; }


/* contentarea */
.linktocms { position:absolute;  padding:0 5px 0 5px; text-align:center; background-color:#ff0000; color:#FFFFFF; z-index:999; text-shadow:none; line-height:25px; }
td .linktocms { margin-top:-20px; }
.linktocms a { color:#FFFFFF !important; text-decoration:none !important; }
.linktocms:hover {  zoom: 1; filter: alpha(opacity=50); opacity: 0.5; cursor:pointer; } 
#adminlink { background-color:#0066CB; margin-top:1px; position:relative; padding:5px; color:#FFFFFF; }
#adminlink img { float:left; margin-right:5px; }
#adminlink a:link, #adminlink a:visited { color: #FFFFFF; }
#adminlink a:hover { color: #f2f7fc; }
.editable { border:1px #FF0000 dotted; position:relative; margin-top:20px; min-height:20px; }
.editableoptions { position:absolute; top:-20px; }


/* datagrid */
.datagrid { width:100%;  }
.datagrid td {  }
.datagrid .searchform { font-size:10px; }
.datagrid .searchform input[type="button"] { font-size:10px; }
.datagrid .searchform input[type="text"] { font-size:10px; width:60%; }
.datagrid .searchform select .searchvalue { font-size:10px; width:60%; }
.datagrid .searchform select { font-size:10px; }
.datagrid .criteria p  { margin-top: 3px; margin-bottom:3px; }
.datagrid .criteria { position:absolute; top:30px; right:0px; height:100px; width:300px; overflow:auto; display:none; background-color:#f6f6f6; border:1px #cccccc solid;  }
.criteria select  { width:95px;}
.datagrid .addcriteria { background-color:#f6f6f6; text-align:left; padding-top:10px; margin-bottom:5px; padding-left:20px; }
.datagrid .criteriadisplay { font-weight:bold; color:#FF0000; }
.datagrid .deletecriteria { color:#999999; }
.datagrid .filelibrarypreview { display:none; position:relative; }
.datagrid td .label { width:auto; }
.datagrid td .labelerror { background-image:url(media/labelerror.png); background-position:left; padding-left:23px; background-repeat:no-repeat;  }
.datagrid tr#total { margin-top:-1px; }
.datagrid tr#total td  { font-weight:bold; border-top:1px #CCCCCC solid; border-bottom:none; }
.datagrid table { }
tr.highlight { background-color:#FFFF99; color:#990000; }
.datagrid td { padding-left:3px; padding-right:3px; border-bottom:1px #cccccc dotted; height:30px;}
#datagridlistview tr:hover { background-color:#f2f7fc; }
.columnheader { background-color: #f6f6f6; font-weight:bold; height:20px; }

/* currencies */

#currencies p { float:left; margin-top:-2px; margin-right:5px; }
#currencies a:hover { color:#FFFFFF; }

.currencyconversion { color: #666666; font-weight:normal; font-size:11px; }


/* misc */
.transparent { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }
.hidden { visibility:hidden; display:none; }  
.black { color: #000000 }
.white { color: #ffffff }
.grey { color: #999999 }
.green { color: #009933; }
.red { color: #FF0000; }
#quickpoll .flashloader { position:absolute; margin-left:-10px; margin-top:-12px; width:25px; height:25px; left: 50%; top: 50%;  }
#formshipping .flashloader { margin-top:-20px; width:30px; }

.breadcrumbs { background-color:#efefef; border-radius:5px; padding:2px 10px 2px 10px; }
.breadcrumbs p { font-size:10px; margin:0; }


.errors  { font-size:12px; color:#FF0000; margin-bottom:2px; margin-left:0px; margin-top:15px; margin-bottom:15px; padding:0px; }
.errors li { margin-left:15px; padding:0px; color:#FF0000; margin-bottom:0px; margin-top:0px; line-height:16px; }
.fielderror { border:1px #FF0000 solid !important; }
.compulsory { font-size:18px; color:#FF0000 ; font-weight: bold; }
.fieldname { font-weight:bold; }
.line { color: #fff; background-color: #fff; border: 1px solid #cccccc; border-style: none none solid; margin-top:10px; margin-bottom:10px; }
.clear { clear:both; }
.notice { padding:4px 4px 4px 25px; border:1px #dddddd dotted; background-image:url(media/up/about.png); background-repeat:no-repeat; background-position: 4px 4px; color:#0066FF; }

#debugcontainer { position:absolute; top:10px; right:20px; background-color:#e6e6e6; padding:10px; z-index:1000; max-width:800px; }
#debug p { margin-top:5px; margin-bottom:5px; }
#debug h3 { margin-top:5px; margin-bottom:5px; }

/*
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {



}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

    #navigationtop a { padding:0 15px 0 14px; }

}

@media (min-width: 1150px) {
    #logo { float:left; margin:10px 10px 0 0;}
    #logo img { width:auto;}



}




/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #navigationtop a { padding:0 20px 0 19px; }

}