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

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

html, body { margin:0px; padding:0px; background:#dcdcdc; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

img { border:0px;}

a { outline:none;}

div, span, dl, dd, ul, li { margin:0px; padding:0px;}

#wrapper { width:100%;}

#container {
	margin:0 auto;
	height:auto;
	overflow:hidden;
	width:933px;
	background-color: #FFF;
	background-image: url(../images/wrap_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.container-inner { margin:0 auto; width:830px; height:auto; overflow:hidden;  padding-bottom: 20px; padding-top: 36px;}

.header { float:left; width:830px; height:auto; overflow:hidden;}

.logo { float:left;}

ul.mainmenu { list-style-type: none; overflow: hidden; font-family: "Franklin Gothic Medium", Arial; font-size: 1.8em; text-transform: uppercase; float: right; /*width: 415px;*/ margin-top: 30px; }
ul.mainmenu li { float: left; margin: 0 0 0 12px; position:relative; }
ul.mainmenu li a { height: 16px; display: block; }
ul.mainmenu li a span { display: none; }
/*a.about { background: url(../images/menu/about.gif) no-repeat; width: 68px; }
a.services { background: url(../images/menu/services.gif) no-repeat; width: 97px; }
a.portfolio { background: url(../images/menu/portfolio.gif) no-repeat; width: 111px; }
a.contact { background: url(../images/menu/contact.gif) no-repeat; width: 90px; }
*/

.middle{ float:left; width:830px; height:auto; overflow:hidden;}
.middle-container{ float:left; width:830px; height:auto; overflow:hidden; padding-top:47px;}

.left-part{ float:left; width:274px; height:auto; overflow:hidden;}
.left-part-container{ float:left; width:274px; height:auto; overflow:hidden;}

.services-box { float:left; width:274px; height:auto; overflow:hidden;}
.services-box-title{ float:left; width:274px; height: 65px; background:url(../images/services-box-title-bg.jpg) left top no-repeat;}
.services-box-title h1{ font-size:26px; color:#FFF; padding:5px 0px 5px 20px;}

.services-box-container { float:left; width:274px; height:auto; overflow:hidden; background:url(../images/services-box-container-bg.gif) left top repeat-y;}

.services-box-container-inner{ float:left; width:272px; min-height:207px; height:auto !important; height:207px; overflow:hidden; margin-left:1px; background:url(../images/services-box-container-inner-bg.gif) left top repeat-x #fbffe7;}

* html .services-box-container-inner{  width:271px;}

.services-box-container-inner ul{ padding-left:27px; padding-top:12px;}
.services-box-container-inner li{ list-style:none; font-size:12px; font-weight:bold; color:#5c5c5c; width:211px; border-bottom:#424242 1px dotted; line-height:30px;}
.services-box-container-inner li a{  color:#5c5c5c; text-decoration:none;}
.services-box-container-inner li a:hover{  color:#adc041; text-decoration:none;}

.services-box-bottom{ float:left; width:274px; height:250px; background:url(../images/services-box-bottom.jpg) left bottom no-repeat}



/* about us left part start */


.about-box { float:left; width:274px; height:auto; overflow:hidden;}
.about-box-title{ float:left; width:274px; height: 65px; background:url(../images/webdesign-title-box.jpg) left top no-repeat;}
.about-box-title h1{ font-size:26px; color:#FFF; padding:5px 0px 5px 20px;}

.about-box-container { float:left; width:274px; height:auto; overflow:hidden; background:url(../images/about-box-container-bg.gif) left top repeat-y;}

.about-box-container-inner{ float:left; width:272px; min-height:207px; height:auto !important; height:207px; overflow:hidden; margin-left:1px; background:url(../images/about-box-container-inner-bg.gif) left top repeat-x #fcffff;}

* html .about-box-container-inner{  width:271px;}

.about-box-container-inner ul{ padding-left:27px; padding-top:12px;}
.about-box-container-inner li{ list-style:none; font-size:12px; font-weight:bold; color:#5c5c5c; width:211px; border-bottom:#424242 1px dotted; line-height:30px;}
.about-box-container-inner li a{  color:#5c5c5c; text-decoration:none;}
.about-box-container-inner li a:hover{  color:#3ea5bb; text-decoration:none;}

.about-box-bottom{ float:left; width:274px; height:250px; background:url(../images/about-box-bottom.jpg) left bottom no-repeat}


/* about us left part end */




/* contact left part start */


.contact-box { float:left; width:274px; height:auto; overflow:hidden;}
.contact-box-title{ float:left; width:274px; height: 65px; background:url(../images/contact-box-title-bg.jpg) left top no-repeat;}
.contact-box-title h1{ font-size:26px; color:#FFF; padding:5px 0px 5px 20px;}

.contact-box-container { float:left; width:272px; height:auto; overflow:hidden; /*background:url(../images/contact-box-container-bg.gif) left top repeat-y;*/ border-left:#888 1px solid; border-right:#888 1px solid;}

.contact-box-container-inner{ float:left; width:272px; min-height:207px; height:auto !important; height:207px; overflow:hidden; margin-left:1px; background:url(../images/contact-box-container-inner-bg.gif) left top repeat-x #fdfdfd;}

* html .contact-box-container-inner{  width:271px;}

.contact-box-container-inner ul{ padding-left:27px; padding-top:12px;}
.contact-box-container-inner li{ list-style:none; font-size:12px; font-weight:bold; color:#5c5c5c; width:211px; border-bottom:#424242 1px dotted; line-height:30px;}
.contact-box-container-inner li a{  color:#5c5c5c; text-decoration:none;}
.contact-box-container-inner li a:hover{  color:#333; text-decoration:none;}

.contact-box-bottom{ float:left; width:274px; height:250px; background:url(../images/contact-box-bottom.jpg) left bottom no-repeat}


/* contact left part end */






/* portfolio left part start */


.portfolio-box { float:left; width:274px; height:auto; overflow:hidden;}
.portfolio-box-title{ float:left; width:274px; height: 65px; background:url(../images/cms-title.jpg) left top no-repeat;}
.portfolio-box-title h1{ font-size:26px; color:#FFF; padding:5px 0px 5px 20px;}

.portfolio-box-container { float:left; width:274px; height:auto; overflow:hidden; background:url(../images/portfolio-box-container-bg.gif) left top repeat-y;}

.portfolio-box-container-inner{ float:left; width:272px; min-height:207px; height:auto !important; height:207px; overflow:hidden; margin-left:1px; background:url(../images/portfolio-box-container-inner-bg.gif) left top repeat-x #fffefc;}

* html .portfolio-box-container-inner{  width:271px;}

.portfolio-box-container-inner ul{ padding-left:27px; padding-top:12px;}
.portfolio-box-container-inner li{ list-style:none; font-size:12px; font-weight:bold; color:#5c5c5c; width:211px; border-bottom:#424242 1px dotted; line-height:30px;}
.portfolio-box-container-inner li a{  color:#5c5c5c; text-decoration:none;}
.portfolio-box-container-inner li a:hover{  color:#ee8300; text-decoration:none;}

.portfolio-box-bottom{ float:left; width:274px; height:250px; background:url(../images/portfolio-box-bottom.jpg) left bottom no-repeat}

.redmark { color:#F00 !important;}

/*Portfolio pages*/

.portfoliotitle {}

.portfolioleft {float:left; width:212px; padding-right:50px;}
.portfolioright {float:left; width:212px; }

/* portfolio left part end */


.right-part{ float:left; width:508px; height:auto; overflow:hidden; padding-left:46px; }
.right-part h1{ font-size:36px; color:#888888; font-weight:normal;}
.right-part-container{ float:left; width:486px; height:auto; overflow:hidden; }

.right-part-container h1{ font-size:34px; color:#888888; font-weight:normal;}
.right-part-container h2{ font-size:22px; color:#00879f; font-weight:normal;}
.right-part-container h3{ font-size:20px; color:#9eb41e; font-weight:normal;}
.right-part-container p{ font-size:12px; color:#101010; font-weight:normal; padding-top:7px; line-height:18px;}


.right-part-container li{ list-style:none; background:url(../images/bullet.jpg) left 3px no-repeat; padding-left:20px; line-height:19px; }

.right-part-container a{ color:#ee8300; text-decoration:none;}
.right-part-container a:hover{ color:#ee8300; text-decoration:underline;}



.footer { background: url(../images/footer.gif) no-repeat; width: 873px; height: 48px; padding: 35px 30px 0 30px; margin: 0 auto; font-size: 0.95em; color: #383838; }
p#copy { width: 300px; float: left; }
p#terms { width: 300px; float: right; text-align: right; }
p#terms a { color: #383838; text-decoration: underline; }



/* inner page contact form */
.contact{ float:left; width:274px; height:auto;}
.contact h3{ font-family:"Franklin Gothic Medium",Arial, Helvetica, sans-serif; font-size:26px; color:#6e6e6e; line-height:30px; padding-bottom:10px; padding-top:36px;}
.contact dd{ float:left; padding-bottom:10px; }
.contact dd label{ float:left; width:79px; text-align:left; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#828282; font-weight:bold; padding:2px 0px;}
.contact dd .inputbox{ border:#c6c6c6 1px solid; background:#f8f8f8; width:134px; padding:2px 0px;}
.submit-btn { background:#adc041; color:#FFF; border:none; font-family:Tahoma, Geneva, sans-serif; font-size:11px; font-weight:bold; padding:5px 14px; cursor:pointer; float:left;}

.portfolioimgs{ margin-top:5px;}
.portfolioimgs h3{ font-size:16px; color:#000; font-weight:bold; margin-top:20px; float:left; width:100%}
.portfolioimgs hr{ border:dotted 1px #CCC; margin-top:10px; float:left; width:100%}
.portfolioimgs p{ float:left; width:243px;}

.lnkmore{clear:both; text-align:right; margin-right:50px;}
.lnkmore a{color:#00879F; text-decoration:underline; font-weight:bold}

.contactbig{float:left; width:474px; height:auto;}
.contactbig dd{padding-bottom:10px;}
.contactbig label{float:left; width:150px; text-align:left; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#828282; font-weight:bold; padding:2px 0px; display:block; }
.contactbig .inputbox{border:#c6c6c6 1px solid; background:#f8f8f8; width:134px; padding:2px 0px;}

.linkportfolio{ text-align:right; padding-top:15px; clear:both;}
.topicons {float: right; padding:8px 50px 0 0 ;}
.topicons ul {margin: 0px;padding: 0px;list-style-type: none;}
.topicons ul li {display: inline; padding:0 3px 0 3px;}