/* =General
-----------------------------------------------------------------------------*/

body {
	font-family: arial, verdana, sans-serif;
	background-color: #fff;
	color: #666;
	text-align: center;
	}

p { margin-top:0; margin-bottom:14px; font-size:12px; }
a, a:link, a:visited {color:#009dae; text-decoration:none; }
a:hover {color:#333; text-decoration:underline;}
a:active { color:#666666; }


/* =Layout
-----------------------------------------------------------------------------*/

#outerwrapper { 
	height:600px;
	width:900px;
	margin: 0 auto;
	text-align: center;

	}

#innerwrapper {
	width: 900px;
	height: 600px;
	margin: 0 auto;
	}
	
.hide { display: none; }
	
.clearer {
   clear:both;
   height:0;
   overflow:hidden;
   margin-top:-1px; 
   }	
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}
.clearfix {
	display:inline-block;
	}
 /* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
 
.floatleft { float: left; }
.floatright { float: right; }

a.emaillink {
   text-decoration: none;
   font-weight:bold;
   color:#609;
   }
a.emaillink:hover {
   text-decoration: none;
   font-weight: bold;
   background-color: #609;
   color: #fff;
   }

/* =General classes
-----------------------------------------------------------------------------*/

.intro {
	font-weight: bold;
	}

.link2 {
	text-align: right;
	}

h2.realtext { font: 36px/0 georgia,"Times New Roman",times,serif; color: #bdbdbd; margin-top: 0; padding-top: 0; margin-bottom: 40px; }


/* =Header
-----------------------------------------------------------------------------*/

#header {
	width: 900px;
	height: 88px;
	background: #fff url(img/common/dot31.gif) bottom repeat-x;
	text-align: left;
	}

#logo { margin-top: 23px; float: left; width:285px; }




/* =Navigation
-----------------------------------------------------------------------------*/

#navcontainer {
	float: left;
	margin-top: 36px;
	width: 574px;
	margin-left: 40px;
	display: inline;
	}

ul#navlist {
	padding: 0;
	margin: 0;
	margin-left: 0;
	text-transform: uppercase;
	}

ul#navlist li {
	list-style: none;
	margin: 0;
	padding:0;
	display: inline;
	}

#navlist li a, 
#navlist li a:link, 
#navlist li a:visited {
	display:block;
	float: left;
	margin-left: 11px;
	padding: 4px 16px;
	background: #666 url(img/common/btncorner.gif) 0 0 no-repeat;
	text-decoration: none;
	color: #fff;
	font: bold 13px Arial, Helvetica, Verdana, sans-serif;
	}
#navlist li#who a { margin-left: 0; }

#navlist li a:hover {
	border-color: #009dae;
	color: #fff;
	background: #009dae url(img/common/btncorner-r.gif) 0 0 no-repeat;
	}

/* -- selected states -- */

body#whoa #navlist li#who a,
body#whoa #navlist li#who a:link,
body#whoa #navlist li#who a:hover,
body#whoa #navlist li#who a:visited,
body#whob #navlist li#who a,
body#whob #navlist li#who a:link,
body#whob #navlist li#who a:hover,
body#whob #navlist li#who a:visited,
body#servicesa #navlist li#services a,
body#servicesa #navlist li#services a:link,
body#servicesa #navlist li#services a:hover,
body#servicesa #navlist li#services a:visited,
body#servicesb #navlist li#services a,
body#servicesb #navlist li#services a:link,
body#servicesb #navlist li#services a:hover,
body#servicesb #navlist li#services a:visited,
body#portfolioa #navlist li#portfolio a,
body#portfolioa #navlist li#portfolio a:link,
body#portfolioa #navlist li#portfolio a:hover,
body#portfolioa #navlist li#portfolio a:visited,
body#portfoliob #navlist li#portfolio a,
body#portfoliob #navlist li#portfolio a:link,
body#portfoliob #navlist li#portfolio a:hover,
body#portfoliob #navlist li#portfolio a:visited,
body#contacta #navlist li#contact a,
body#contacta #navlist li#contact a:link,
body#contacta #navlist li#contact a:hover,
body#contacta #navlist li#contact a:visited {
	color: #009dae;
	background-image: none;
	background-color: #fff;
	border: 1px solid #666;
	padding: 0.22em 1.5em;
	}



/* =Content
-----------------------------------------------------------------------------*/

#contentarea {
	width: 900px;
	min-height: 465px;
	height: auto;
	text-align: left;
	}
/* for Internet Explorer 6 */
/*\*/
* html #contentarea {
height: 465px;
}
/**/

#contentarea p { font: 14px/21px georgia, verdana, arial,verdana,sans-serif; }
#contentarea p.introp { font: 18px/26px georgia,arial,verdana,sans-serif; color: #333; }


/* =Who We Are    and    Services index
-----------------------------------------------------------------------------*/
body#whoa #contentarea { background: #fff url(img/who/company1.jpg) top left no-repeat; }
body#whob #contentarea { background: #fff url(img/who/company3.jpg) top left no-repeat; }
body#servicesa #contentarea { background: #fff url(img/services/services1.gif) top left no-repeat; }

body#whoa #lhs, body#whob #lhs { width: 722px; padding-top: 25px; float: left; }
body#servicesa #lhs { width: 722px; padding-top: 90px; float: left; }

body#whoa #lhs p, body#whob #lhs p, body#servicesa #lhs p, 
body#whoa #lhs ul, body#whob #lhs ul, body#servicesa #lhs ul, 
body#whoa #lhs h2, body#whob #lhs h2, body#servicesa #lhs h2 {
	padding: 0;
	margin: 0;
	padding-bottom: 1.5em;
	padding-left: 325px;
	width: 397px;
	}

body#whoa #lhs h2, body#whob #lhs h2, body#servicesa #lhs h2 {
	padding: 0;
	padding-left: 325px;
	margin-bottom: 18px;
	font: 16px verdana, arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #333;
	}

body#whoa #rhs { width: 145px; height: 465px; float: right; background: #fff url(img/who/company2.jpg) top right no-repeat; }
body#whob #rhs { width: 145px; height: 465px; float: right; background: #fff url(img/who/company2.jpg) top right no-repeat; }
body#servicesa #rhs { width: 141px; height: 465px; float: right; background: #fff url(img/services/services3.gif) top left no-repeat; }



/* =Services detail
-----------------------------------------------------------------------------*/
body#servicesb #contentarea { background: #fff url(img/services/services4.gif) top left no-repeat; }
body#servicesb #lhs { width: 370px; padding: 0; padding-top: 90px; float: right; text-align: left; }
body#servicesb #lhs ul { width: 337px; padding: 0; margin: 0; padding-bottom: 1.5em; text-align: right; }
body#servicesb #lhs ul li { list-style: none; padding-right: 11px; padding-bottom: 0.8em; font: 15px arial, verdana, sans-serif; background: url(img/common/carrota.gif) no-repeat top right; }
body#servicesb #rhs { width: 443px; height: 465px; float: right; text-align: left; background: url(img/services/services5.gif) top right no-repeat; }
body#servicesb #rhs p { width: 370px; }
body#servicesb #rhs h2 { padding: 0; padding-top: 89px; margin-bottom: 10px; font: 15px Verdana, Arial, sans-serif; font-weight: bold; color: #666; }



/* =Portfolio index
-----------------------------------------------------------------------------*/

body#portfolioa #lhs { width: 290px; padding: 0; padding-top: 50px; float: left; text-align: left; }
body#portfolioa #lhs p { width: 290px; }
body#portfolioa #rhs { width: 530px; float: right; margin-right: 66px; display:inline; text-align: center; padding-top: 50px; height: 295px;}

body#portfolioa #rhs p.thumbs { float: left; margin-left: 12px; display: inline; margin-bottom: 15px; width: 119px; height: 150px; text-align: center; }
body#portfolioa #rhs a, body#portfolioa #rhs a:link { text-align: center; text-decoration: none; padding: 0; }


/* =Porfolio detail
-----------------------------------------------------------------------------*/
body#portfoliob #lhs { width: 562px; padding: 0; padding-top: 50px; float: right; text-align: left; }
body#portfoliob #rhs { width: 335px; height: 465px; float: right; text-align: left; position: relative; }
body#portfoliob #rhs p { width: 330px; }
body#portfoliob #rhs h2 { padding: 0; padding-top: 48px; margin-bottom: 1px; font: 16px Verdana, Arial, sans-serif; font-weight: bold; color: #666; }
body#portfoliob .pfclient { padding: 0; margin: 0; }
body#portfoliob a.pfbbtn, body#portfoliob a.pfbbtn:link { width: 13px; height: 16px; float: left; margin-right: 4px; }
body#portfoliob #pfbright { float: right; text-align: right; width: 120px; }
body#portfoliob #pfbright { position: absolute; bottom: 95px; right: 0;}
body#portfoliob #pfbleft { position: absolute; bottom: 95px; left: 0;}
a.shownone { visibility: hidden; }


/* =Contact
-----------------------------------------------------------------------------*/
body#contacta #lhsrhswrap { width: 900px; float: right; margin-bottom: 30px; padding-left:1px; margin-top: 30px; background: url(img/common/dot324.gif) top left repeat-y; }
body#contacta #lhs { width: 300px; height: 375px; float: left; padding: 0; padding-left: 15px; margin-left: 0; margin-right: 6px; background: url(img/contact/handset.jpg) 0 110px no-repeat; display: inline; }
body#contacta #rhs { width: 500px; float: left; text-align: left; }
body#contacta #rhs p, body#contacta #rhs h2, body#contacta #rhs form { padding-left: 20px; }
p.phonenolabel { padding-bottom: 0; margin-bottom: 0; background: #ccc; }
#contactspan { width: 520px; margin-left: 325px; padding-top: 30px; }
body#contacta #lhs p.phoneno { font: 40px/40px arial, verdana, sans-serif; margin: 0 0 0 0; padding-top: 0; }
body#contacta #rhs .minimaltext { font: 9px verdana,arial,sans-serif; padding-top: 50px; color: #999; }
body#contacta h2.geethanks { font: normal 22px arial,verdana,sans-serif; color: #000; margin-bottom: 25px; } 
#footer p.regoffice { font: 9px verdana,arial,sans-serif; color: #999; }

/* =Error PageNotFound
-----------------------------------------------------------------------------*/

body#notfound #rhs { width: 695px; margin-top: 30px; float: right; margin-bottom: 30px; text-align: left; background: url(img/common/tile-dotted1.gif) top left repeat-y; }
body#notfound #rhs p, body#notfound #rhs h2, body#notfound #rhs form { padding-left: 13px; }
body#notfound h2 { font-size: 30px; }
body#notfound ul.notfoundlist { margin-left: 25px; }
body#notfound ul.notfoundlist li { font-size: 14px/19px; font-family: georgia,"Times New Roman",times,serif; list-style: disc; margin-left: 20px; padding-left: 0; }


/* =Homepage
-----------------------------------------------------------------------------*/
body#home #outerwrapper { width: 800px; height: 500px; background: #fff url(img/home/homemain.jpg) top left no-repeat; }
body#home #innerwrapper { height: 450px; }

body#home #lhs { float: left; width: 450px; height: 465px; text-align: left; margin-left: 300px; display: inline;}
body#home #lhs #lhsinner { margin-top: 75px; background: url(img/home/dottedup.gif) top left repeat-y; }
body#home #lhs p { width: 450px; padding-left: 15px; }
body#home #lhs ul { width: 450px; padding-left: 15px; }

body#home #lhs p#homelogo { margin-bottom: 23px; }
body#home #navcontainer { float: left; margin: 0; padding: 0; margin-bottom: 30px; margin-top: 15px; }
body#home ul#navlist { margin: 0; padding: 0; margin-left: 15px; }
body#home ul#navlist li { margin: 0; display: inline; font: 1.1em/1.3em Arial, Helvetica, Verdana, sans-serif; }

body#home #navlist li a, body#home #navlist li a:link, body#home #navlist li a:visited { margin-left: 7px; padding: 3px 11px; background: #666 url(img/common/btncorner.gif) 0 0 no-repeat; text-decoration: none; color: #fff; float: left; }
body#home #navlist li a:hover { border-color: #009dae; color: #fff; background: #009dae url(img/common/btncorner-r.gif) 0 0 no-repeat; }
body#home ul#navlist li#who a, body#home ul#navlist li#who a:link { margin-left: 0; }

body#home p#homeopt { font: small-caps 12px Georgia, Times, 'Times New Roman', serif; margin-top: 0; padding-top: 0; padding-bottom: 5px; margin-bottom: 0; width: 420px;}
body#home p#homeicons { margin-bottom: 0; padding-bottom: 0; }
body#home p#homeicons a, body#home p#homeicons a:link, body#home p#homeicons a:visited { margin: 0; padding: 0; }
body#home p.lastline { font: 9px Verdana, Arial, sans-serif; background: url(img/home/tile-copyright.gif) 15px 0 no-repeat; padding-top: 6px; }



/* =Email settings
-----------------------------------------------------------------------------*/

body#emailsettings #logo { float: right; width: 220px;}
body#emailsettings #lhstitle { float: left; margin-top: 30px; width: 620px; }
body#emailsettings #lhstitle h1 { font: normal 40px arial,verdana,sans-serif; color: #000; }

body#emailsettings #lhs { width: 600px; text-align: left; font-size: 1em; }
body#emailsettings #lhs p { font: 12px/18px Verdana, Arial, sans-serif; }
body#emailsettings #lhs h1 { font: 18px arial,verdana,sans-serif; }
body#emailsettings #lhs ol { margin-bottom: 40px; margin-left: 20px; }
body#emailsettings #lhs ul { margin-left: 20px; margin-bottom: 15px; margin-top: 15px; }
body#emailsettings #lhs ol li { font: 11px/17px Verdana, Arial, sans-serif; padding-bottom: 6px; list-style:decimal; margin-left: 20px; padding-left: 0;}
body#emailsettings #lhs ul li { font: 11px Verdana, Arial, sans-serif; list-style: disc; margin-left: 20px; padding-left: 0; }
body#emailsettings #lhs ol li ul { margin-top: 15px; margin-bottom: 15px; }
body#emailsettings #lhs ol li ul li { font: 11px/15px Verdana, Arial, sans-serif; list-style:disc }
body#emailsettings ul.withspace { padding-bottom: 10px; }
body#emailsettings #lhs ul.withspace li { font-size: 12px; padding-bottom: 5px; }
body#emailsettings h3 { margin-top: 50px; margin-bottom: 17px; font: bold 20px arial,verdana,sans-serif; color: #000;}
body#emailsettings strong.excerpt { background-color: yellow; color: #333; }
body#emailsettings ul.highlighted li { padding-bottom: 6px; }
body#emailsettings ul.highlighted li span { background-color: yellow; color: #333; font-weight: bold; }

body#emailsettings ul.withspace a { font-weight: bold; }
body#emailsettings ul.withspace em { color: #999; }
body#emailsettings p.centered { text-align: center; }
body#emailsettings #lhs p.lastline { font: 9px Verdana, Arial, sans-serif; padding-top: 6px; }


body#hostingterms { color: #000; }
body#hostingterms #header { margin-bottom: 30px; position: relative;}
body#hostingterms #logo { position: absolute; top: 0; right: 0; width: 220px; height: 88px;}
body#hostingterms #lhstitle { position: absolute; top: 20px; left: 0; width: 650px; }
body#hostingterms #lhstitle h3 { color: #000; font: bold 16px verdana,arial,sans-serif;margin-top: 15px; margin-bottom: 20px; }


body#hostingterms p { font: 13px arial,verdana,sans-serif;}
body#hostingterms h4 { font: bold 14px arial,verdana,sans-serif; margin-bottom: 14px; margin-top: 35px;}
.indentone { margin-left: 20px; }
.indenttwo { margin-left: 40px; }





/* =New form style
-----------------------------------------------------------------------------*/

input.fmtext, textarea.fmtext, button, input.fmverify { 
	padding: 5px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.3em;
	}
input.fmtext, textarea.fmtext, input.fmverify { 
	border: 1px solid #bbb;
	border-bottom-color: #ddd;
	border-right-color: #ddd;
	background-color: #eff2f3;
	color: rgb(40, 40, 40);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
input.fmtext:focus, textarea.fmtext:focus, input.fmverify:focus {
	padding: 4px;
	background-color: #fff;
	border: 2px solid #009dae;
	}
input.fmtext[type=file] { background: none; padding: 0; border: none; }
input.fmtext[type=hidden] { display: none; }
a.button, button {
	margin: 0;
	padding: 10px 20px 9px 20px;
	font: bold 13px/20px "Helvetica Neue", helvetica, arial, sans-serif;
	color: #fff;
	text-align: center;
	cursor: pointer;
	border: none;
	border-right: 1px solid rgba(0,0,0,.2);
	border-bottom: 1px solid rgba(0,0,0,.2);
	background: #009dae;
	background: -moz-linear-gradient(top, #2cb0e5, #1a7cd3);
	background: -moz-linear-gradient(top, #2cd4e5, #18a5bf);
	background: -webkit-gradient(linear, center top, center bottom, from(#2cb0e5), to(#1a7cd3));
	background: -webkit-gradient(linear, center top, center bottom, from(#2cd4e5), to(#18a5bf));
	text-shadow: rgba(0,0,0,.25) 1px 1px 1px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	}
button:hover, .button:hover { 
	background: #1e80bc;
	background: -moz-linear-gradient(top, #26a0cd, #1661ab);
	background: -webkit-gradient(linear, center top, center bottom, from(#26a0cd), to(#1661ab));
	}
button:active, .button:active { background: #1e80bc; }
button::-moz-focus-inner { border: 0; }
.button { padding: 7px 25px; }
.button:hover { text-decoration: none; }







/* =Formmailer CSS
-------------------------------------------*/

/* COLOR/BORDERS CSS */

form.ddfm h1,
form.ddfm h2 {
	color: #606060;
	}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	color: #606060;
	}

form.ddfm .fmcheck p, 
form.ddfm .fmradio p,
form.ddfm textarea, 
form.ddfm .fmfullblock, 
form.ddfm .fmhalfblock, 
form.ddfm .fmselect, 
form.ddfm input.fmtext,
form.ddfm input.fmverify,
form.ddfm textarea.fmtextwide,
form.ddfm .submit,
form.ddfm .credits {
	color: #404040;
	}

form.ddfm .required {
	color: #FF0000;
	}

.ddfmerrors {
	color: #cc3333;
	}

/* TEXT CSS */

.ddfmwrap {
	font-size: 12px;
	font-family: georgia, verdana, arial,verdana,sans-serif;
	}

form.ddfm h1,
form.ddfm h2 {
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
	}


form.ddfm h1 {
	font-size: 140%;
	}

form.ddfm h2 {
	font-size: 115%;
	}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	font-size: 1em;
	font-weight: normal;
	}

form.ddfm .credits {
	font-size: 90%;
	}

form.ddfm legend {
	font-size: 110%;
	}
	
.ddfmerrors {
	font-weight: bold;
	font-size: 15px;
	font-family: arial,verdana,sans-serif;
	}


/* STRUCTURE CSS */

.ddfmwrap {
	margin: 0;
	padding: 0;
	margin-top: 15px;
	width: 480px;
	}

form.ddfm {
	text-align: left;
	padding: 0;
	width: 480px;
	margin: 0;
	}
	
.ddfmwrap p.fieldwrap {
	padding: 1px;
	margin: 1px;
	display: block; /* WAS block */
	}



form.ddfm fieldset {
	padding: 0 10px 2px 10px;
	margin-top: 0;
	margin-bottom: 13px;
	margin-left: 0;
	display: block;
	}

form.ddfm legend {
	padding: 0 6px 0 6px;
	margin: 0 0 0 10px;	 
	}

form.ddfm label {
	display: block; 
	float: left; 
	width: 170px; 
	text-align: left;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;
	}

form.ddfm label.fmtextlblwide {
	display: block;  
	float: left; 
	text-align: left;
	margin: 0 10px 0 1px; 
	padding-bottom: 8px; 
	}

form.ddfm select.fmselect {
	float: left; 
	display: block;
	width: 55%; 
	margin-bottom: 15px;  
	padding: 3px; 
	}

form.ddfm .fmcheck {
	width: 55%; 
	float: left;
	display: block;  
	margin-bottom: 15px;
	}

form.ddfm .fmradio {
	width: 55%;
	float: left;
	display: block;
	margin-bottom: 15px;
	}

form.ddfm .fmcheck p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
	}

form.ddfm .fmradio p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
	}

form.ddfm textarea {
	float: left; 
	position: relative;
	width: 55%;
	margin-bottom: 15px;
	}


/*
	display: block; 
	float: left; 
	width: 36%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  */

form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
	font-size: 1.1em;
	}

form.ddfm .fmhalfblock {
	width: 55%;
	padding-left: 40%;
	margin-bottom: 13px;
	float: left; 
	display: block;
	font-size: 1.1em;
	}

form.ddfm input.fmverify {
	float: left; 
	width: 32%;
	margin-bottom: 15px; 
	display: block;
	}


form.ddfm img {
	margin: 1px 0 0 10px; 
    float: left;
    }

form.ddfm input.fmfile,
form.ddfm input.fmtext,
form.ddfm textarea.fmtext {
	float: left; 
	display: block;
	width: 55%;
	margin-bottom: 8px;  
	}


form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	}
	


form.ddfm .credits {
	text-align: right;
	margin-top: 7px;
	margin-right: 10px;
	width: 95%;
	}

form.ddfm .submit {
	margin-top: 15px;
	margin-right: 10px;
	text-align: center;
	clear:both;
	width: 95%;
	}

.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 37%; 
	text-align: right;
	margin: 0 5px 0 0; 
	padding-bottom: 15px;
	}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 55%;
	margin-bottom: 15px;  
	padding: 2px 2px 2px 5px;
	text-align: left;
	font: bold 12px verdana,arial,sans-serif;
	background-color: #cc3333;
	color: #fff;
	}













/* =Two column list
-----------------------------------------------------------------------------*/

ul#twocolumnlist {
	margin-left: 10px;
	margin-top: 8px;
	width: 220px;
	}

ul#twocolumnlist li {
	list-style: none;
	float: left;
	width: 49%;
	padding-bottom: 1em;
	font: 14px arial, verdana, sans-serif;
	}





/* =Footer
-----------------------------------------------------------------------------*/

#footer {
	width: 900px;
	height: 25px;
	font: small-caps 12px Georgia, Times, "Times New Roman", times, serif;
	background: #fff url(img/common/tile-btm.gif) top repeat-x;
	margin: 0;
	text-align: left;
	padding-top: 5px;
	}
	
a.footernolink, a.footernolink:link, a.footernolinka:visited, footernolink:hover, a.footernolink:active {
	color: #666;
	text-decoration: none;
	font-weight: normal;
	}

#footertwoline {
	width: 900px;
	height: 45px;
	font: small-caps 12px Georgia, Times, "Times New Roman", times, serif;
	background: #fff url(img/common/tile-btm.gif) top repeat-x;
	margin: 0;
	text-align: left;
	padding-top: 5px;
	}