Created web pages

css/gallery.css

@@ -0,0 +1,61 @@
+ul.rig {
+	list-style: none;
+	font-size: 0px;
+	margin-left: -2.5%; /* should match li left margin */
+}
+ul.rig li {
+	display: inline-block;
+	padding: 10px;
+	margin: 0 0 2.5% 2.5%;
+	background: #fff;
+	border: 1px solid #ddd;
+	font-size: 16px;
+	font-size: 1rem;
+	vertical-align: top;
+	box-shadow: 0 0 5px #ddd;
+	box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+}
+ul.rig li img {
+	max-width: 100%;
+	height: auto;
+	margin: 0 0 10px;
+}
+ul.rig li h3 {
+	margin: 0 0 5px;
+}
+ul.rig li p {
+	font-size: .9em;
+	line-height: 1.5em;
+	color: #999;
+}
+/* class for 2 columns */
+ul.rig.columns-2 li {
+	width: 47.5%; /* this value + 2.5 should = 50% */
+}
+/* class for 3 columns */
+ul.rig.columns-3 li {
+	width: 30.83%; /* this value + 2.5 should = 33% */
+}
+/* class for 4 columns */
+ul.rig.columns-4 li {
+	width: 22.5%; /* this value + 2.5 should = 25% */
+}
+ 
+@media (max-width: 480px) {
+	ul.grid-nav li {
+		display: block;
+		margin: 0 0 5px;
+	}
+	ul.grid-nav li a {
+		display: block;
+	}
+	ul.rig {
+		margin-left: 0;
+	}
+	ul.rig li {
+		width: 100% !important; /* over-ride all li styles */
+		margin: 0 0 20px;
+	}
+}

css/ie6.css

@@ -0,0 +1,8 @@
+#prev {
+	background-image:none;
+	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/images/prev.png', sizingMethod='image');
+}
+#next {
+	background-image:none;
+	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/images/next.png', sizingMethod='image');
+}

css/style.css

@@ -0,0 +1,283 @@
+* {
+	margin:0;
+	padding:0;
+	outline:0;
+}
+body {
+	font-size:14px;
+	line-height:18px;
+	font-family:Arial, sans-serif;
+	color:#3d3d3d;
+	background:#333;
+}
+a {
+	color:#0252aa;
+	text-decoration:none;
+	cursor:pointer;
+}
+a:hover {
+	color:#000;
+}
+a img {
+	border:0;
+}
+input, textarea, select {
+	font-family:Arial, Helvetica, sans-serif;
+	font-size:14px;
+	border:0;
+}
+textarea {
+	overflow:hidden;
+}
+.cl {
+	display:block;
+	height:0;
+	font-size:0;
+	line-height:0;
+	text-indent:-4000px;
+	clear:both;
+}
+.notext {
+	font-size:0;
+	line-height:0;
+	text-indent:-4000px;
+}
+.left, .alignleft {
+	float:left;
+	display:inline;
+}
+.right, .alignright {
+	float:right;
+	display:inline;
+}
+.last {
+	margin-right:0 !important;
+}
+.shell {
+	width:980px;
+	background:#fff url(images/shell-t.gif) no-repeat 0 top;
+	margin:16px auto 0;
+}
+.shell-b {
+	background:url(images/shell-b.gif) no-repeat 0 bottom;
+}
+img.logo {
+	float:left;
+	margin: 17px 5px 10px 10px;
+}
+h1.logo {
+	float:left;
+	display:inline;
+	margin:39px 0 0 0;
+}
+h1.logo a {
+	font-size:38px;
+	font-weight:normal;
+	color:#000;
+}
+h1.logo a span {
+	color:#ed1c24;
+}
+#navigation {
+	float:left;
+	display:inline;
+	margin:42px 0 0 90px;
+}
+#navigation ul {
+	list-style-type:none;
+}
+#navigation ul li {
+	float:left;
+	display:inline;
+	margin-right:60px;
+}
+#navigation ul li a {
+	font-size:15px;
+	text-transform:uppercase;
+	color:#000;
+}
+#navigation ul li a:hover, #navigation ul li a.active {
+	font-weight:bold;
+	color:#ed1c24;
+	text-decoration:none;
+}
+#slider {
+	position:relative;
+	width:980px;
+	height:350px;
+	background-color:#000;
+	margin-top:10px;
+}
+.slider-content {
+	position:relative;
+	width:825px;
+	height:350px;
+	margin:0 0 0 81px;
+	overflow:hidden;
+}
+.slider-content ul {
+	list-style-type:none;
+	position:relative;
+	overflow:hidden;
+}
+.slider-content ul li, .jcarousel-clip {
+	position:relative;
+	width:825px;
+	height:400px;
+}
+.slider-content ul li .left-side {
+	float:left;
+	display:inline;
+	width:250px;
+	padding-top:25px;
+}
+.slider-content ul li .right-side {
+	float:left;
+	display:inline;
+	width:500px;
+	padding-top:67px;
+	margin-left:53px;
+}
+.slider-content ul li .right-side p {
+	line-height:19px;
+	color:#808080;
+}
+.slider-content ul li .buttons {
+	margin-top:35px;
+}
+.slider-content ul li .buttons a {
+	color:#FFFFFF;
+	padding:8px 12px;
+	font-size:15px;
+	line-height:25px;
+	border-radius:0.25em;
+	cursor:pointer;
+	margin-right: 5px;
+}
+.slider-content ul li .buttons .download-btn {
+	background-color: #279f43;
+	border: 1px solid #279f43;
+}
+.slider-content ul li .buttons .github-btn {
+	background-color: #3665af;
+	border: 1px solid #3665af;
+}
+#prev, #next {
+	position:absolute;
+	top:146px;
+	width:18px;
+	height:27px;
+	display:block;
+	background:url(images/prev.png) no-repeat 0 0;
+	font-size:0;
+	line-height:0;
+	text-indent:-4000px;
+}
+#prev {
+	left:33px;
+}
+#next {
+	right:33px;
+	background:url(images/next.png) no-repeat 0 0;
+}
+#main {
+	padding:29px 20px 18px 32px;
+	height:100%;
+}
+#content {
+	float:left;
+	display:inline;
+	width:660px;
+	margin-bottom:38px;
+}
+#sidebar {
+	float:right;
+	display:inline;
+	width:243px;
+}
+#content h2 {
+	font-size:22px;
+	line-height:22px;
+	color:#ed1c24;
+	margin:15px 0 15px 0;
+}
+#content h3 {
+	margin-bottom:8px;
+	margin-top:8px;
+}
+#content ul {
+	margin-left:30px;
+}
+#content p {
+margin: .5em 0 .5em 0
+}
+#content pre {
+    font-size: 10pt;
+    text-align: left;
+    background-color: #F0F0F0;
+    border: 1px solid #ADADAD;
+    padding: .5em;
+}
+.latest-news {
+}
+.latest-news h3 {
+	font-size:18px;
+	color:#000;
+	font-weight:normal;
+	margin-bottom:21px;
+}
+.latest-news .news-item {
+	margin-bottom:20px;
+}
+.latest-news .news-item .date {
+	font-size:10px;
+	line-height:12px;
+	color:#fd3801;
+	margin-bottom:2px;
+}
+.latest-news .news-item h4 {
+	font-size:12px;
+}
+.latest-news ul {
+	margin-left:20px;
+	font-size:12px;
+}
+.footer {
+	font-size:10px;
+	padding-top:15px;
+}
+.footer .shell {
+	background:none;
+	margin:0 auto;
+	padding:0 30px;
+}
+.footer, .footer a {
+	color:#858585;
+	text-decoration:none;
+}
+.footer p {
+	margin:0;
+	padding:0;
+	line-height:normal;
+}
+.footer .lf {
+	float:left;
+}
+.footer .rf {
+	float:right;
+}
+
+.gallery-top {
+	height:10px;
+}
+.gallery-bottom {
+	height:50px;
+}
+.gallery-main {
+	background-color:#000000;
+	padding:20px 0;
+}
+
+#gallery {
+	margin: 0 50px 0 50px;
+}