@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }

body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;  -webkit-text-size-adjust:100%; background-image: url(../images/bg.gif); background-repeat:repeat-x; }
img, embed, object, video {	max-width: 100%; height: auto; border:0px; vertical-align:middle; }
video {	width: 100% !important; height: auto !important; }
a { -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -transition:all 0.3s linear; outline:none }
a { font-family: "Microsoft Sans Serif", Arial, Helvetica, sans-serif; text-decoration:none; }
a:hover { color:#999; }
h1 {  font-family: "Lato", Arial, Helvetica, sans-serif; font-size:20px; color:#774429; text-decoration: none; font-weight:400; }

.clear { clear:both; }
.margin5 { margin-bottom:5px; }
.margin10 { margin-bottom:10px; }
.margin15 { margin-bottom:15px; }
.margin20 { margin-bottom:20px; }
.margin30 { margin-bottom:30px; }
.margin70 { margin-bottom:46px; }

#wrapper{ width:1000px; margin:0 auto; height:auto; }
.header{ width:1000px; height:129px; }
.logo { margin-top:25px; float:left; width:533px; }
.social-icons { float:right; margin-top:50px; }
.social-icons img { margin-left:0px; margin-bottom:5px; }

#nav { clear:both; }
#nav ul {}
#nav ul li { list-style-type:none; display:inline; float:left; }
#nav ul li a { font-family: Arial, Helvetica, sans-serif; font-size:16px; margin:0; padding:0; text-decoration: none; color: #FFF; padding:12px 20px 13px 20px; line-height:45px;  }
#nav ul li a:hover { background-color:#452311; color: #FFF; }
#nav ul li .select { background-color:#452311; color: #FFF; }
#nav img { margin-right:7px; vertical-align: baseline; }

.slideshow { width:1000px; height:auto; clear:both; z-index:1; }

#services { width:1000px; height:auto; padding-bottom:30px; margin-bottom:30px; min-height:187px; overflow:hidden; border-bottom:3px solid #e9e2d7; }
#services img { float:left; margin-right:14px; }
.web-design { padding-right:20px; width:214px; float:left; border-right:1px solid #dedede; margin-right:20px; }
.web-development { padding-right:20px; width:214px; float:left; border-right:1px solid #dedede; margin-right:20px; }
.graphics-design { padding-right:20px; width:214px; float:left; border-right:1px solid #dedede; margin-right:20px; }
.mobile-application { padding-right:20px; width:214px; float:right; }

.lightbluehead { font-family: "Lato", Arial, Helvetica, sans-serif; font-size:20px; color:#774429; text-decoration: none; font-weight:400; }
.darkbluehead { font-family: "Lato", Arial, Helvetica, sans-serif; font-size:18px; color:#004550; text-decoration: none; font-weight:700; }
.darkbluehead16 { font-family: "Lato", Arial, Helvetica, sans-serif; font-size:18px; color:#666; text-decoration: none; font-weight:400; }
.lightbluelink { font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#a98c62; text-decoration: none; }
.lightbluelink:hover { font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#a98c62; text-decoration: none; }

#bottom-part { width:1000px; height:auto; overflow:hidden; margin-bottom:30px; }
.home-content { width:470px; float:left; padding-right:30px; }
.form-part { float:right; width:460px; height:auto; background-color:#e8f4f7; padding:10px 20px; }
.form-part input { width:220px; margin-right:10px; margin-bottom:10px; height:25px; border:0px; background-color:#FFF; float:left; }
.biginput { width:445px; margin-right:10px; margin-bottom:10px; height:85px; border:0px; background-color:#FFF; }

.text {	font-family: Arial, Helvetica, sans-serif; font-size: 13px;	color: #666; line-height:18px; text-decoration: none; }
.whitetext { font-family: Arial, Helvetica, sans-serif; font-size: 12px;color: #FFF; text-decoration: none; text-align:justify; }
.orangehead { font-family: Arial, Helvetica, sans-serif; font-size:18px; padding-bottom:6px; color:#ff8f00; text-decoration: none; border-bottom:1px solid #ccc; font-weight:bold; }

#footerpart { width:100%; padding:20px 0 0 0; height:auto; border-top:3px solid #774429; clear:both; overflow:hidden; background-color:#a98c62; }
#footer { width:1000px; margin:0 auto; height:auto; }
#footer ul { margin:0px; padding:0px; min-height:160px; }
#footer ul li { display:block; list-style-type:none; line-height:18px; }
#footer a { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-decoration:none; }
#footer a:hover { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-decoration:none; }
.arrow { padding:0 0 0 16px; list-style-type: none; list-style-image:none; background-image: url(../images/arrow.gif);background-repeat:no-repeat; }
.step1 { width:250px; float:left; }
.step2 { width:500px; float:left; }
.step2 ul {} 
.step2 ul li { width:210px; float:left; display:block; } 
.step3 { width:250px; float:right; }

.copypart { width:100%; height:36px; background-color:#774429; text-align:center; padding:10px 0px; }
.copytext { width:1000px; margin:0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; text-decoration: none; }
.yellowhead13 { font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#fff; text-decoration: none; }

.inner-leftpart { width:250px; margin-right:30px; float:left; }
.inner-contentpart { width:720px; text-align:justify; float:right; }
.inner-leftheader { background-image:url(../images/inner-left-header.jpg); background-repeat:no-repeat; width:250px; height:37px; color:#FFF; font-family: "Lato", Arial, Helvetica, sans-serif; font-size:17px; font-weight:700; line-height:37px; text-indent:15px; }
.inner-middle-bg { background-image:url(../images/inner-middle-bg.gif); background-repeat:repeat-y; padding:10px 10px 5px 20px; }

.bottom-links {}
.bottom-links ul {}
.bottom-links ul li { list-style-type:none; }
.bottom-links ul li a { font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:25px; font-weight:bold; color:#004550; text-decoration: none; }
.bottom-links ul li a:hover { color:#000; }
.arrow-brown { background-image:url(../images/arrow.gif); background-repeat:no-repeat; padding:0px 0px 0px 15px; margin-right:10px; }

.showcase { border:1px solid #cccccc; border-radius:10px; width:668px; min-height:170px; padding:15px; margin-bottom:10px; margin-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666; text-decoration:none; }
.showcase img { border:1px solid #999999; float:left; margin-right:20px; }
.show-contentpart { width:440px; float:right; }
.vline { border-bottom:1px solid #d9e9eb; }
.left { min-width:80px; float:left; text-align:right; margin-right:10px; font-weight:bold; color:#004550; }

.greylink { font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#666; text-decoration: none; }
.greylink:hover { font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#000; text-decoration: none; }

.gallery { width:720px; margin:0px 0px; height:auto; clear:both; padding-top:20px; }
.gallerytitle { background-color: #666; line-height:41px; padding-left:10px; }
.whitehead18 { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; font-weight:400; text-decoration: none; }
.buttongrey {
    background-color: #C96F0A;
    padding: 1px 5px 1px 5px;
    border: 1px solid #8E6A30;
    color: #FFF;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	margin:0px;
	}
.buttongrey:hover {
     background-color:#FDD27B;
    padding: 1px 5px 1px 5px;
    border: 1px solid #666666;
	color: #593B21;

    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	}	
.newbox {
	border:1px solid #CCCCCC;
	width:250px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}
.textarealong {
	border:1px solid #CCCCCC;
	width:250px;
	height:90px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
.redtext
{
	font-family: tahoma;
	font-size: 11px;
	color: Red;
	text-decoration: none;
	font-weight:bold;
}
.textfieldsmall {
    border: 1px solid #FDE6BC;
    width: 160px;
    height: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
	}
.textfieldbig {
    border: 1px solid #FDE6BC;
    width: 200px;
    height: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
	}	
.textarea {
    border: 1px solid #FDE6BC;
    width: 200px;
    height: 65px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
	}
.listmenu {
    border: 1px solid #FDE6BC;
    height: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
	}		
.error
{
    font-family: tahoma;
    font-size: 11px;
    color: Red;
    text-decoration: none;
}
.document-title {
	font-family: Tahoma;
	font-size: 12px;
	font-weight:bold;
	color:#415D7C;
	text-align:center;	
	line-height:20px;
	text-decoration: none;
	}	
.contain-subtitle {
	font-family:Tahoma;
	font-size: 12px;
	color: #504232;
	font-weight:bold;
	text-indent:5px;
	text-decoration: none;
	}
.link-sample {
	font-family: Tahoma;
	font-size: 12px;
	color: #616161;
	text-decoration: none;
	}
.link-sample:hover {
	font-family: Tahoma;
	font-size: 12px;
	color: #940202;
	text-decoration: none;
	}
.link-page {
	font-family: Tahoma;
	font-size: 12px;
	color: #c12741;
	text-decoration: none;
	font-weight:bold;
}
.link-page:hover {
	font-family: Tahoma;
	font-size: 12px;
	color: #504232;
	text-decoration: none;
	}