.wrapper {width:968px; display:block; margin:0 auto}
.mobilewrapper {display:none}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#999999 /*#067BC8;*/
}

.homesubtitle {
	font-family:  Trebuchet MS, Tahoma, Verdana;
	font-size: 14px;;
	font-weight:bold;
	color: #9e2c21;
	margin:0px;
	text-decoration:none;
	letter-spacing:0px;
	margin-top:5px;
}
.homesubtitlebullet {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;;
	font-weight:normal;
	color: #000000;
	margin:0px;
	text-decoration:none;
	letter-spacing:0px;
	padding-left:15px;
	line-height:24px;
	margin-top:5px;
}
h1, h1 A {
	font-family:  Trebuchet MS, Tahoma, Verdana;
	font-size: 16px;;
	font-weight:bold;
	color: #9e2c21;
	margin:0px;
	text-decoration:none;
	letter-spacing:0px;
	margin-top:10px;
}
h2, h2 A {
	font-family:  Tahoma, Verdana, Arial;
	font-size: 8pt;
	font-weight:normal;
	color: #000000;
	margin:0px;
	text-decoration:none;
	letter-spacing:0px;
	text-transform:uppercase;
}
h3, h3 a
{
	font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#4f4f4f;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:5px;
	margin-bottom:0;
}
.services, .services A {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color: #1B5D97;
	margin:0px;
	text-decoration:none;	
}
.services A:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color: #FF6603;
	margin:0px;
	text-decoration:none;	
}
.menu, .menu A {
	font-family: Tahoma, Verdana, Arial;
	font-size: 7pt;
	font-weight:normal;
	color: #fff;
	text-decoration:none;
	word-spacing:5px;
	text-transform:uppercase;
}
.menu A:hover {
	font-family: Tahoma, Verdana, Arial;
	font-size: 7pt;
	font-weight:normal;
	color: #FF6603;
	text-decoration:none;
	word-spacing:5px;
}
.content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration:none;	
	line-height: 20px;
	text-align:left;
}
.content A {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006699;
	text-decoration: none;	
	line-height: 20px;
	text-align:left;
}
.content A:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF6603;
	text-decoration:underline;
}
.maincontent {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	font-family: Arial;
	font-size: 9pt;
	color:#000000;
	text-align:justify;
}
.maincontent A{
	font-family: Arial;
	font-size: 9pt;
	color:#667AB3;
	text-align:justify;
}
.maincontent A:hover {
	font-family: Arial;
	font-size: 9pt;
	color:#DE822F;
	text-decoration: underline;	
}
.large, .large A {
	font-family: Arial;
	font-weight:bold;
	font-size: 15pt;
	color: #FFFFFF;
	text-align:center;
}
.email, .email A {
	font-family: Arial;
	font-weight:bold;
	font-size: 12pt;
	color: #F86177;
	text-align:center;
}

.copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;;
	font-weight:normal;
	font-variant:normal;
	letter-spacing:0px;
	color: #fff;
	text-decoration:none;
}
.copyright a {
	color: #fff;
	text-decoration:none;
}
.copyright a:hover {
	color:#000000;
	text-decoration:underline;
}

#thumbproject
{
	float: left;
	width: 130px;
	padding-right:10px;
	padding-top: 5px;
}
.thumbproject
{
	float: left;
	width: 135px;
	padding-right:6px;
	padding-left:6px;
	border-right:1px dotted #efe9e1;
	padding-top: 5px;
}
.thumbborder {
	border: 1px solid #999999;
	padding: 2px;
	width: 130px;
	margin-bottom: 12px;
}
.contactform
{
	background:url(http://www.autocaddraftingindia.com/images/contact_bg_1.gif) no-repeat;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	height:453px;
	width:657px;
	margin-left:15px;
	color:#FFFFFF;
}
.contactaddress
{
	 font:11px/16px Verdana, Arial, Helvetica, sans-serif;
	 width:267px;
	 height:441px;
	 float:right;
	 padding-right:8px;
}
.contactaddress a
{
	text-decoration:none;
	color:#ff6605;
}
.contactaddress a:hover
{
	color:#067bc8;
}

/* for MEGA MENU */
.menumainitem {font-weight:bold; font-size:14px; margin-bottom:10px; color:#fff; text-align:left}
.menumainitem a {font-weight:bold; font-size:14px; margin-bottom:10px; color:#fff;}

.cellborder {border-right-style:solid; border-right-color:#0160a9; border-right-width:1px; padding-right:10px; padding-left:10px}

.tableservice {
	padding:0;
	margin:0}
	
.tableservice a, p {padding:0; margin:0; line-height:16px; color:#000}
.tableservice a:hover {background-color:none; color:#fff}

.bulletedlist {
	background-image:url(http://www.autocaddraftingindia.com/images/bullet.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:15px;
	text-align:left
	}
	
.bulletblack {
	background-image:url(http://www.autocaddraftingindia.com/images/bullet-black.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:15px;
	text-align:left
	}

#quote {
	padding:8px 10px 8px 10px;
	background-color:#fdc052;
	color:#000;
	width:236px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px
}
#quote h1 {font-size:16px; font-weight:bold; color:#FFFF00; margin:0; padding:5px 0}
#quote p {margin-top:0px}
#quote input[type=text] {border:solid 1px #000; width:161px}
#quote textarea {border:solid 1px #000; width:215px; overflow:auto; height:50px}

#bannertext {position:absolute; left:500px; top:70px; width:425px}
#bannertext h1 {font-family:Arial, Helvetica, sans-serif; color:#373737; font-size:27px; margin:0; padding:0}
#bannertext p {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0}

div#tmpSlideshow {
    margin:0;
    padding:0;
    position: relative;
    height: 200px;
    width: 964px;
}
div.tmpSlide {
    position: absolute;
    top: 0;
    left: 0;
    width: 964px;
    height: 200px;
    display: none;
}
div.tmpSlide img {
    float: left;
    margin:0;
	width:964px;
	height:200px;
}
div#tmpSlideshowControls {
    position: absolute;
    bottom: 30px;
    right: 11px;
    width: 175px;
}
div.tmpSlideshowControl {
    border: 1px solid #e1dece;
    float: left;
    margin: 0 5px 0 0;
    width: 38px;
    height: 36px;
    color: #554d31;
    font: 14px Arial, sans-serif;
    text-align: center;
    cursor: pointer;
}
div.tmpSlideshowControl span {
    line-height: 36px;
    vertical-align: middle;
}
div.tmpSlideshowControlOn {
}
div.tmpSlideshowControlActive {
    border: 1px solid rgb(161, 155, 137);
}
div.tmpSlideCopy {
    position: absolute;
    left: 520px;
    top: 40px;
	width:415px
}
div#tmpSlideshow h4 {
    color: #373737;
    font: 27px Arial, sans-serif;
    margin: 10px 0;
	font-weight:bold;
}
div.tmpSlideCopy p {
    font: 13px Arial, sans-serif;
    line-height: 18px;
}

#flags {padding:5px; background-color:#fff; width:200px}
#flags img {margin:0; padding:0}
#flags ul {list-style:none; margin:0; padding:0}
#flags ul li {margin-right:1px; display:inline}

.ourclients {}
.ourclients h1 {text-transform:uppercase; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#000; font-weight:normal}
.ourclientbox {width:95px; padding:3px; border:solid 1px #bbbbbb; float:left; margin-right:12px; margin-top:9px;}
.ourclientboxinner {height:66px; background:url(../images/clientback.jpg) top left repeat-x; text-align:center; line-height:66px}
.ourclientbox2 {width:96px; padding:3px; border:solid 1px #bbbbbb; float:left; margin-top:9px;}

.samplebox {background-color:#FFFFFF; padding:5px; border:solid 1px #cecec8}
.sampleimg {float:left}
.margin {margin-right:20px}
.clear1 {clear:both}

#submitbutton {width:120px; height:28px; background:url(../images/submit-but-new.png) bottom left no-repeat; border:none; margin:0; padding:0; margin-top:7px}
#submitbutton:hover {background:url(../images/submit-but-new.png) top left no-repeat; cursor:pointer}

@media only screen and (min-width: 768px) and (max-width: 959px) {
table {display:none}
#showtable {display:block; font:12px/20px Arial, Helvetica, sans-serif; width:100%}
#showtable input[type=text], #showtable input[type=email], #showtable input[type=tel] {width:80%; border:solid 1px #858585; height:20px; margin-top:4px}
#showtable textarea {width:80%; border:solid 1px #858585; height:80px}
#showtable tbody, #showtable tr, #showtable td {display:block}
.wrapper {width:730px; display:block; margin:0 auto; background-color:#fff; padding:0 15px; border:solid 1px #003366}
.mobilewrapper {display:block; width:100%}
#mobileheader {height:91px; background:url(../images/headerback.jpg) top left repeat-x; position:relative}
#mobilelogo {position:absolute; top:21px; left:15px}
#mobilequote {position:absolute; top:44px; right:15px}
.mobilebanner {padding:25px 15px; background-color:#e9e9e9; font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#005fa8; margin:3px 0; text-align:left}
.mobilecontent {padding:20px; border:solid 1px #cecec8; margin:3px 0; text-align:left; position:relative}
.mobilecontent h2 {font-size:18px; text-transform:none; font-weight:bold}
.mobilecontent p, .mobilecontent ul {font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-top:12px; line-height:20px}
.mobilecontent ul {margin:0}
.mobilecontent a {color:#005FA8; text-decoration:none}
.uparrow {position:absolute; right:15px; bottom:15px}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper {width:450px; display:block; margin:0 auto; background-color:#fff; padding:0 10px; border:solid 1px #003366}
table {display:none}
#showtable {display:block; font:12px/20px Arial, Helvetica, sans-serif; width:100%}
#showtable input[type=text], #showtable input[type=email], #showtable input[type=tel] {width:80%; border:solid 1px #858585; height:20px; margin-top:4px}
#showtable textarea {width:80%; border:solid 1px #858585; height:80px}
#showtable tbody, #showtable tr, #showtable td {display:block}
.mobilewrapper {display:block; width:100%}
#mobileheader {height:91px; background:url(../images/headerback.jpg) top left repeat-x; position:relative}
#mobilelogo {position:absolute; top:21px; left:15px}
#mobilequote {position:absolute; top:44px; right:15px}
.mobilebanner {padding:25px 15px; background-color:#e9e9e9; font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#005fa8; margin:3px 0; text-align:left}
.mobilecontent {padding:20px; border:solid 1px #cecec8; margin:3px 0; text-align:left; position:relative}
.mobilecontent h2 {font-size:18px; text-transform:none; font-weight:bold}
.mobilecontent p, .mobilecontent ul {font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-top:12px; line-height:20px}
.mobilecontent ul {margin:0}
.mobilecontent a {color:#005FA8; text-decoration:none}
.uparrow {position:absolute; right:15px; bottom:15px}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.wrapper {width:290px; display:block; margin:0 auto; background-color:#fff; padding:0 5px; border:solid 1px #003366}
table {display:none}
#showtable {display:block; font:12px/20px Arial, Helvetica, sans-serif; width:100%}
#showtable input[type=text], #showtable input[type=email], #showtable input[type=tel] {width:80%; border:solid 1px #858585; height:20px; margin-top:4px}
#showtable textarea {width:80%; border:solid 1px #858585; height:80px}
#showtable tbody, #showtable tr, #showtable td {display:block}
.mobilewrapper {display:block; width:100%}
#mobileheader {height:91px; background:url(../images/headerback.jpg) top left repeat-x; position:relative}
#mobilelogo {position:absolute; top:21px; left:15px}
#mobilequote {position:absolute; top:44px; right:15px; display:none}
.mobilebanner {padding:25px 15px; background-color:#e9e9e9; font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#005fa8; margin:3px 0; text-align:left}
.mobilecontent {padding:20px; border:solid 1px #cecec8; margin:3px 0; text-align:left; position:relative}
.mobilecontent h2 {font-size:18px; text-transform:none; font-weight:bold}
.mobilecontent p, .mobilecontent ul {font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-top:12px; line-height:20px}
.mobilecontent ul {margin:0}
.mobilecontent a {color:#005FA8; text-decoration:none}
.uparrow {position:absolute; right:15px; bottom:15px}
}


#dropdownlist{
width:500px;
height:16px;
padding:1px 0px 0px 370px;
margin:0px 5px 0px 0px;
}
.dropdownlist{
	height: 16px;
	width: 250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#373737;
	padding:0px;
	margin:0px;
	
	border:none;
}
