/* CSS Document */

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}




/* MY CODE STARTS HERE*/

.menu-trigger	{
	display:none;
}


.wrapper {

width:900px;
margin:0 auto;
box-sizing:border-box;

}



nav				{
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 650px;
	text-align: right;
}
							
nav ul			{ padding-top:60px; }
	
nav ul li		{ display:inline-block; }
							
nav ul li a		{ padding-left:50px; }						

a					{ text-decoration:none; }

a:link				{ color:#006; }
a:visited			{ color:#006; }
a:active			{ color:#006; }
a:hover				{ color:#66C; }
a:focus				{ color:#66C; }

header {

height:120px;
width:100%;
background-color:#CCC;
z-index:10000;
position:fixed;
opacity:0.90;
box-sizing:border-box;
	
}

header img {

display:inline;
padding-top:10px;
padding-right:7px;
float:left;

	
}

.logotype {
	display: inline-block;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
	font-size: 15px;
	color:#006;
}
	
	/*CODE FOR WORK PAGE STARTS HERE*/
	
.feature {	width:55%; display:inline-block; padding-top:200px; margin-left:22%; clear:both; }

.feature h1	{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-bottom:15px; padding-left:15px; color:#000; }

.feature p	{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; padding-top:10px; }

#box1	{ width:225px; float:left; text-align:center; }

#box2	{ width:225px; float:right; text-align:center; }


.projects {	width:100%; display:inline-block; clear:both; }

.projects h1	{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-bottom:15px; padding-left:70px; color:#000; }

.projects p	{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; padding-top:10px; }

#box3	{ width:150px; float:left; text-align:center; margin-right:50px; margin-left:70px; }

#box4	{ width:150px; float:left; text-align:center; margin-right:50px; }

#box5	{ width:150px; float:left; text-align:center; }

#box6	{ width:150px; float:left; text-align:center; margin-left:50px; }

#box7	{ width:150px; float:left; text-align:center; padding-top:20px; margin-left:270px; }

#box8	{ width:150px; float:right; text-align:center; padding-top:20px; margin-right:280px; }




/* featured 1&2 slideshows start here */

#showcontainer	{ padding-top:200px; }

#showcontainer	p	{ font-size:12px; }

#showcontainer2	{ padding-top:200px; }

#showcontainer2	p	{ font-size:12px; color:#000; }

.cycle-slideshow {
	padding:0; 
	margin:0 auto;
	width:100%;
	max-width:700px;
	display:block;
	position:relative;
	overflow:hidden;	
}

.cycle-prev, .cycle-next {
	font-size:200%;
	color:#F30;
	position:absolute;
	display:block;
	top:50%;
	z-index:9999;
	cursor:pointer;
}

.cycle-prev 	{
	left:0;	
}

.cycle-next		{
	right:0;	
}

/* featured 1&2 slideshows end here */



.topslide {
	padding:0; 
	margin:0 auto;
	width:100%;
	top:120px;
	display:block;
	position:relative;
	overflow:hidden;	
}

.topslide img {
	
}

.topslide2 {
	width:83%;
	margin:0 auto;
	}
	
.topslide2 img {
	margin-left:39%;
}


p	{
	font-size: 24px;
	color:#999;
}

h4		{
	font-size:72px;
	font-weight:bolder;
	color:#999;
}

h2		{
	font-size:24px;
	font-style:italic;
	font-weight:300;
	color:#999;
}

h1		{
	font-size:18px;
	font-weight:300;
	color:#999;
}

h3		{
	font-size:24px;
	font-style:italic;
	color:#F30;
}

#banner h4	{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:70px;
	color:#FFF;
	
	}

#banner {

	width:100%;
	margin-right:0;
	height:700px;
	display:block;
	position:absolute;
	top:1570px;
	background:url(../images/bannerbkgrnd.jpg);
	text-align:center;
	}
	
#banner p	{
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:36px
	}
	
#homeform {
	width:50%;
	height:700px;
	position:absolute;
	top:2250px;
	}
	
#content {
	width:100%;
	position:relative;
	top:2120px;
	height:650px;
	background:#FFF;
	text-align:center;
	}
#content p	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#F30;
	}
	
#content img	{
	padding-left:20px;
	}
	
	
#content2 {
	font-family:Verdana, Geneva, sans-serif;
	line-height:200%;
	width:100%;
	position:relative;
	top:620px;
	height:700px;
	background:#FC6;
	}
	
#content2 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	color:#006;
	padding-left:150px;
	}
	
#content2 h3 {
	text-align:left;
	padding-left:150px;
	}
	
	
#contentabout	{ width:72%; margin:auto; }

#contentabout img { display:block; float:left; margin-right:10px; }

#contentabout p  { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; }

#contentabout i	 { font-family:Arial, Helvetica, sans-serif; font-size:14px; }

#contentabout h1 { color:#006; font-family:Arial, Helvetica, sans-serif; }

/* index footer starts here */



#bottombanner	{ width:100%; margin-right:0; background-color:#CCC; top:1400px; position:relative; clear:both; }

#bottombanner bottomnav {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight: bold;
					width: 72%;
					text-align: center;
					display:inline-block;
}

#bottombanner bottomnav ul li { display:inline-block; padding-left:50px; padding-right:50px; list-style:none; }

#social img		{ display:inline-block; padding-right:50px; padding-left:50px; }

#bottombanner p	{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; color:#000;  }

/* about footer starts here */

#bottombannera	{ width:100%; color:#CCC; top:250px; position:relative; clear:both; }

#bottombannera bottomnav {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight: bold;
					width: 72%;
					text-align: center;
					display:inline-block;
}

#bottombannera bottomnav ul li { display:inline-block; padding-left:50px; padding-right:50px; list-style:none; }

#bottombannera p	{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; color:#000;  }

/* contact footer starts here */

#bottombannerc	{ width:100%; color:#CCC; top:100px; position:relative; clear:both; }

#bottombannerc bottomnav {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight: bold;
					width: 72%;
					text-align: center;
					display:inline-block;
}

#bottombannerc bottomnav ul li { display:inline-block; padding-left:50px; padding-right:50px; list-style:none; }

#bottombannerc p	{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; color:#000;  }


/* home form starts here */

#homeform		{ margin-left:20%; }

#homeform p		{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#006; }
	
#homeform ol li	{ list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:12px; color:#000; padding:0 0 0 0;  }

input, textarea		{ display:block; width:100px; border:1px #F30 inset; padding:3px; }

label				{ display:block; margin-top:10px; }

input:hover			{ background-color:#CCC; }
input:focus			{ background-color:#CCC; }

textarea:hover		{ background-color:#CCC; }
textarea:focus		{ background-color:#CCC; }

.submit				{ width:100px; }

/* home form ends here */



/* contact form starts here */	

#contactform		{ margin-left:200px; }

#contactform p		{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#006; }
	
#contactform ol li	{ list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:12px; color:#000; padding:0 0 0 90px;  }

input, textarea		{ display:block; width:67%; border:1px #F30 inset; padding:3px; }

label				{ display:block; margin-top:10px; }

input:hover			{ background-color:#CCC; }
input:focus			{ background-color:#CCC; }

textarea:hover		{ background-color:#CCC; }
textarea:focus		{ background-color:#CCC; }

.submit				{ width:100px; }

/* contact form ends here */